/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 4, app/assets/stylesheets/admin_pages.scss */
.admin-page__shell {
  padding-bottom: 2rem;
}

/* line 8, app/assets/stylesheets/admin_pages.scss */
.admin-page__header {
  margin-bottom: 0;
}

/* line 12, app/assets/stylesheets/admin_pages.scss */
.admin-page__body {
  padding-top: 1.25rem;
}

/* line 16, app/assets/stylesheets/admin_pages.scss */
.admin-page__filters-card {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 1.25rem;
}

/* line 25, app/assets/stylesheets/admin_pages.scss */
.admin-page__toolbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 33, app/assets/stylesheets/admin_pages.scss */
.admin-page__search {
  position: relative;
  flex: 1 1 520px;
  max-width: 520px;
}

/* line 39, app/assets/stylesheets/admin_pages.scss */
.admin-page__search-input {
  padding: 24px 24px 24px calc(24px + 14px + 10px);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-family: 'Poppins', 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
  width: 100%;
}

/* line 52, app/assets/stylesheets/admin_pages.scss */
.admin-page__search-input:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-neutral-border-secondary);
}

/* line 58, app/assets/stylesheets/admin_pages.scss */
.admin-page__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
  opacity: 1;
}

/* line 64, app/assets/stylesheets/admin_pages.scss */
.admin-page__search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-disable);
  pointer-events: none;
}

/* line 73, app/assets/stylesheets/admin_pages.scss */
.admin-page__env-filters {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-right: 22px;
}

/* line 81, app/assets/stylesheets/admin_pages.scss */
.admin-page__chip {
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
  color: var(--color-neutral-text-primary);
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
  min-width: 64px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 96, app/assets/stylesheets/admin_pages.scss */
.admin-page__chip:hover:not(.is-active) {
  background: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 101, app/assets/stylesheets/admin_pages.scss */
.admin-page__chip.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 107, app/assets/stylesheets/admin_pages.scss */
.admin-page__chip.is-active:hover {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 113, app/assets/stylesheets/admin_pages.scss */
.admin-page__status-icon--ok {
  color: var(--color-status-success, #3c763d);
}

/* line 117, app/assets/stylesheets/admin_pages.scss */
.admin-page__status-icon--error {
  color: var(--color-status-error, #a94442);
}

/* line 121, app/assets/stylesheets/admin_pages.scss */
.admin-page__empty {
  padding: 1.5rem 0;
  text-align: center;
  color: var(--color-neutral-text-secondary);
}

/* line 127, app/assets/stylesheets/admin_pages.scss */
.admin-page__filters {
  margin-bottom: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 135, app/assets/stylesheets/admin_pages.scss */
.admin-page__filters-title {
  margin: 0 0 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 140, app/assets/stylesheets/admin_pages.scss */
.admin-page__stats {
  margin-bottom: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 148, app/assets/stylesheets/admin_pages.scss */
.admin-page__stats-title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 153, app/assets/stylesheets/admin_pages.scss */
.admin-page__flashes {
  margin-bottom: 1rem;
}

/* line 156, app/assets/stylesheets/admin_pages.scss */
.admin-page__flashes .alert:last-child {
  margin-bottom: 0;
}

/* line 161, app/assets/stylesheets/admin_pages.scss */
.account-page__shell {
  padding-bottom: 2rem;
}

/* line 165, app/assets/stylesheets/admin_pages.scss */
.account-page__body {
  padding-top: 1.25rem;
}

/* line 169, app/assets/stylesheets/admin_pages.scss */
.account-page__info-banner {
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 177, app/assets/stylesheets/admin_pages.scss */
.account-page__info-title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 182, app/assets/stylesheets/admin_pages.scss */
.account-page__form-card {
  padding: 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 189, app/assets/stylesheets/admin_pages.scss */
.account-page__form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 200, app/assets/stylesheets/admin_pages.scss */
.account-page__flash--error {
  color: var(--color-status-error, #a94442);
}

/* line 204, app/assets/stylesheets/admin_pages.scss */
.account-page__flash--success {
  color: var(--color-status-success, #3c763d);
}

/* line 208, app/assets/stylesheets/admin_pages.scss */
.admin-page__clickable-row:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 212, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-card {
  margin-bottom: 1.25rem;
}

/* line 216, app/assets/stylesheets/admin_pages.scss */
.admin-page__required-hint {
  text-align: right;
  margin-bottom: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 222, app/assets/stylesheets/admin_pages.scss */
.admin-page__required {
  color: var(--color-status-error, #a94442);
}

/* line 226, app/assets/stylesheets/admin_pages.scss */
.admin-page__dates-section {
  margin-bottom: 1.25rem;
}

/* line 233, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group,
.admin-page__filter-form .scale-hub-schedule-modal__field-group,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group {
  margin-bottom: 1rem;
}

/* line 238, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating {
  left: 12px;
  z-index: 2;
  font-family: 'IBM Plex Sans', sans-serif;
  pointer-events: none;
  transition: top 0.15s ease-out, transform 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}

/* line 246, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating:not(.scale-hub-schedule-modal__label--floating-always),
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating:not(.scale-hub-schedule-modal__label--floating-always),
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating:not(.scale-hub-schedule-modal__label--floating-always) {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--color-neutral-text-disable);
}

/* line 255, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating,
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-field.is-focused .admin-page__floating-date-label,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-field.is-focused .admin-page__floating-date-label,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-field.is-focused .admin-page__floating-date-label {
  top: 8px;
  transform: none;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  color: var(--color-neutral-text-secondary);
}

/* line 268, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating {
  min-height: 56px;
  padding: 14px 12px;
  font-size: 16px;
  line-height: 22px;
  transition: padding 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* line 276, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus,
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown),
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown),
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown),
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled {
  padding-top: 22px;
  padding-bottom: 10px;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 285, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-select,
.admin-page__filter-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-select,
.admin-page__access-drawer-form .scale-hub-schedule-modal__field-group--floating .admin-page__floating-select {
  appearance: none;
  width: 100%;
  cursor: pointer;
  background: var(--color-neutral-bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  padding-right: 36px;
}

/* line 295, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .admin-page__floating-date-control,
.admin-page__filter-form .admin-page__floating-date-wrap .admin-page__floating-date-control,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .admin-page__floating-date-control {
  position: relative;
}

/* line 299, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger,
.admin-page__filter-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger {
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 14px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  text-align: left;
  cursor: pointer;
  transition: padding 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* line 311, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger:disabled,
.admin-page__filter-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger:disabled,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .admin-page__floating-date-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

/* line 317, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .admin-page__floating-date-value,
.admin-page__filter-form .admin-page__floating-date-wrap .admin-page__floating-date-value,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .admin-page__floating-date-value {
  display: block;
  min-height: 22px;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-neutral-text-primary);
}

/* line 328, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap.is-filled .admin-page__floating-date-trigger, .admin-page__user-form .admin-page__floating-date-wrap.is-open .admin-page__floating-date-trigger, .admin-page__user-form .admin-page__floating-date-wrap.is-focused .admin-page__floating-date-trigger,
.admin-page__filter-form .admin-page__floating-date-wrap.is-filled .admin-page__floating-date-trigger,
.admin-page__filter-form .admin-page__floating-date-wrap.is-open .admin-page__floating-date-trigger,
.admin-page__filter-form .admin-page__floating-date-wrap.is-focused .admin-page__floating-date-trigger,
.admin-page__access-drawer-form .admin-page__floating-date-wrap.is-filled .admin-page__floating-date-trigger,
.admin-page__access-drawer-form .admin-page__floating-date-wrap.is-open .admin-page__floating-date-trigger,
.admin-page__access-drawer-form .admin-page__floating-date-wrap.is-focused .admin-page__floating-date-trigger {
  padding-top: 22px;
  padding-bottom: 10px;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 336, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  width: fit-content;
  max-width: calc(100vw - 24px);
  z-index: 1060;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
}

@media (min-width: 544px) {
  /* line 336, app/assets/stylesheets/admin_pages.scss */
  .admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__panel {
    max-width: 520px;
  }
}

/* line 354, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__flatpickr-input,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__flatpickr-input,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 362, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__footer,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__footer,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 372, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn {
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 8px 22px;
}

/* line 381, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--text,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--text,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--text {
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  padding: 8px 0;
}

/* line 388, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--apply,
.admin-page__filter-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--apply,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .aws-hub-period-picker__btn--apply {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 394, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .flatpickr-calendar,
.admin-page__filter-form .admin-page__floating-date-wrap .flatpickr-calendar,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .flatpickr-calendar {
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
}

/* line 401, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .flatpickr-day.selected,
.admin-page__user-form .admin-page__floating-date-wrap .flatpickr-day.startRange,
.admin-page__user-form .admin-page__floating-date-wrap .flatpickr-day.endRange,
.admin-page__filter-form .admin-page__floating-date-wrap .flatpickr-day.selected,
.admin-page__filter-form .admin-page__floating-date-wrap .flatpickr-day.startRange,
.admin-page__filter-form .admin-page__floating-date-wrap .flatpickr-day.endRange,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .flatpickr-day.selected,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .flatpickr-day.startRange,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .flatpickr-day.endRange {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  border-radius: 50%;
}

/* line 410, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-date-wrap .flatpickr-day:hover,
.admin-page__filter-form .admin-page__floating-date-wrap .flatpickr-day:hover,
.admin-page__access-drawer-form .admin-page__floating-date-wrap .flatpickr-day:hover {
  background: var(--color-neutral-hover-bg-secondary);
  border-radius: 50%;
}

/* line 417, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap .admin-page__floating-select-label:not(.scale-hub-schedule-modal__label--floating-always),
.admin-page__filter-form .admin-page__floating-select-wrap .admin-page__floating-select-label:not(.scale-hub-schedule-modal__label--floating-always),
.admin-page__access-drawer-form .admin-page__floating-select-wrap .admin-page__floating-select-label:not(.scale-hub-schedule-modal__label--floating-always) {
  opacity: 0;
  visibility: hidden;
}

/* line 422, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single,
.admin-page__filter-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single,
.admin-page__access-drawer-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single {
  min-height: 56px;
  padding: 14px 36px 14px 12px !important;
  transition: padding 0.15s ease-out;
}

/* line 428, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single,
.admin-page__filter-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single,
.admin-page__access-drawer-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single {
  padding: 22px 36px 10px 12px !important;
}

/* line 432, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.admin-page__filter-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.admin-page__access-drawer-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  font-size: 16px;
  line-height: 22px;
}

/* line 438, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.admin-page__filter-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.admin-page__access-drawer-form .admin-page__floating-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: var(--color-neutral-text-disable) !important;
  font-size: 16px;
  line-height: 22px;
}

/* line 444, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.admin-page__filter-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.admin-page__access-drawer-form .admin-page__floating-select-wrap.is-filled .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: transparent !important;
}

/* line 448, app/assets/stylesheets/admin_pages.scss */
.admin-page__user-form .admin-page__floating-select-wrap .admin-page__floating-select-label,
.admin-page__filter-form .admin-page__floating-select-wrap .admin-page__floating-select-label,
.admin-page__access-drawer-form .admin-page__floating-select-wrap .admin-page__floating-select-label {
  z-index: 3;
}

/* line 454, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-section {
  margin-top: 1.25rem;
}

/* line 457, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-section:first-of-type {
  margin-top: 0;
}

/* line 462, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-section-title {
  margin: 0 0 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 467, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-row {
  margin-bottom: 0.5rem;
}

/* line 471, app/assets/stylesheets/admin_pages.scss */
.admin-page__field-hint {
  color: var(--color-neutral-text-secondary);
}

/* line 475, app/assets/stylesheets/admin_pages.scss */
.admin-page__radio-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 0.5rem;
}

/* line 482, app/assets/stylesheets/admin_pages.scss */
.admin-page__radio {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  color: var(--color-neutral-text-primary);
}

/* line 491, app/assets/stylesheets/admin_pages.scss */
.admin-page__radio input[type='radio'] {
  width: 14px;
  height: 14px;
  accent-color: var(--color-main-bg-primary);
  margin: 0;
  flex-shrink: 0;
}

/* line 500, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-panel {
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 507, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem 1rem;
}

@media (max-width: 991px) {
  /* line 507, app/assets/stylesheets/admin_pages.scss */
  .admin-page__groups-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 507, app/assets/stylesheets/admin_pages.scss */
  .admin-page__groups-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 521, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  color: var(--color-neutral-text-primary);
  min-height: 28px;
}

/* line 531, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

/* line 548, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:hover:not(:disabled) {
  border-color: var(--color-main-border);
}

/* line 552, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:focus {
  outline: none;
}

/* line 556, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:focus-visible {
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
}

/* line 561, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
}

/* line 565, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
}

/* line 579, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox input[type='checkbox']:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* line 586, app/assets/stylesheets/admin_pages.scss */
.admin-page__group-name {
  color: var(--color-neutral-text-primary);
}

/* line 590, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-actions-buttons {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 597, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-summary-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* line 606, app/assets/stylesheets/admin_pages.scss */
.admin-page__picker-btn {
  min-width: 200px;
  justify-content: center;
  white-space: nowrap;
}

/* line 612, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-summary-count {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 617, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 28px;
}

/* line 624, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 634, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-empty {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 639, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-hidden-inputs {
  display: none;
}

/* line 644, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal .modal-dialog {
  max-width: 520px;
  width: calc(100% - 32px);
  margin: 30px auto;
}

/* line 650, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal .scale-hub-close-event-modal__content {
  padding: 1.5rem;
  gap: 1rem;
}

/* line 656, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-header {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

/* line 663, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  text-align: center;
}

/* line 669, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 675, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-search-field {
  margin-bottom: 0;
}

/* line 679, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-filter-chips {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 685, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-select-all {
  margin-top: 0.25rem;
}

/* line 689, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-section-label {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 694, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 220px;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 0.25rem;
}

/* line 704, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-item {
  min-height: 28px;
}

/* line 708, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-pagination {
  margin-top: 0;
}

/* line 711, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-pagination .app-pagination__per-page-link {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

/* line 719, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-pagination .app-pagination__per-page-link:hover:not(.is-active) {
  color: var(--color-neutral-text-active);
}

/* line 724, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-pagination .app-pagination__btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

/* line 731, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-pagination .app-pagination__btn:hover:not(.is-active):not(.is-disabled) {
  color: var(--color-neutral-text-active);
}

/* line 737, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-footer {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 0.75rem;
  padding: 0;
  margin-top: 0.5rem;
}

/* line 746, app/assets/stylesheets/admin_pages.scss */
.admin-page__groups-modal-footer .scale-hub-close-event-modal__btn-primary,
.admin-page__groups-modal-footer .scale-hub-close-event-modal__btn-cancel {
  width: 100%;
  max-width: none;
  flex: 1 1 0;
}

/* line 754, app/assets/stylesheets/admin_pages.scss */
.admin-page__request-groups {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 761, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer .modal-content {
  height: 100%;
  overflow: hidden;
}

/* line 766, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer .admin-page__setting-drawer-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  gap: 1rem;
}

/* line 776, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1.5rem 1.5rem 0.5rem;
  flex-shrink: 0;
}

/* line 785, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-header .scale-hub-close-event-modal__title {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

/* line 791, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-header .scale-hub-close-event-modal__close {
  position: relative;
  top: auto;
  right: auto;
  flex-shrink: 0;
}

/* line 799, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem !important;
}

/* line 806, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-footer {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem 1.5rem;
  margin-top: 0;
  flex-shrink: 0;
}

/* line 815, app/assets/stylesheets/admin_pages.scss */
.admin-page__setting-drawer-footer .scale-hub-close-event-modal__btn-primary,
.admin-page__setting-drawer-footer .scale-hub-close-event-modal__btn-cancel {
  width: auto;
  min-width: 140px;
  max-width: none;
  flex: 0 0 auto;
}

/* line 824, app/assets/stylesheets/admin_pages.scss */
.admin-page__tabs {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 828, app/assets/stylesheets/admin_pages.scss */
.admin-page__tabs > li > a {
  border: 0 !important;
  border-radius: 0;
  color: var(--color-neutral-text-secondary);
  padding: 0.75rem 1rem;
  margin-right: 0.5rem;
}

/* line 835, app/assets/stylesheets/admin_pages.scss */
.admin-page__tabs > li > a:hover, .admin-page__tabs > li > a:focus {
  background: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 842, app/assets/stylesheets/admin_pages.scss */
.admin-page__tabs > li.active > a,
.admin-page__tabs > li.active > a:hover,
.admin-page__tabs > li.active > a:focus {
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 853, app/assets/stylesheets/admin_pages.scss */
.admin-page__tab-content {
  margin-top: 0.5rem;
}

/* line 857, app/assets/stylesheets/admin_pages.scss */
.admin-page__detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  margin: 0;
}

@media (max-width: 767px) {
  /* line 857, app/assets/stylesheets/admin_pages.scss */
  .admin-page__detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 868, app/assets/stylesheets/admin_pages.scss */
.admin-page__detail-item {
  margin: 0;
}

/* line 871, app/assets/stylesheets/admin_pages.scss */
.admin-page__detail-item dt {
  margin: 0 0 0.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 876, app/assets/stylesheets/admin_pages.scss */
.admin-page__detail-item dd {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 882, app/assets/stylesheets/admin_pages.scss */
.admin-page__muted-row {
  opacity: 0.65;
}

/* line 887, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form .admin-page__permission-group-description {
  position: relative;
  margin-bottom: 0.5rem;
}

/* line 892, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form .admin-page__permission-group-description-input {
  width: 100%;
  min-height: 120px;
  padding: 28px 12px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  resize: vertical;
}

/* line 902, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form .admin-page__permission-group-description-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 909, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form .admin-page__permission-group-description-label {
  position: absolute;
  top: 8px;
  left: 12px;
  margin: 0;
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
}

/* line 918, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form .admin-page__permission-group-resources-scroll {
  max-height: 600px;
  margin-top: 0.75rem;
}

/* line 923, app/assets/stylesheets/admin_pages.scss */
.admin-page__permission-group-form #resourceCount {
  margin-left: 0.5rem;
  vertical-align: middle;
}

/* line 932, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
}

/* line 939, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 948, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tabs-track {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 954, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 40px;
  padding: 0.5rem 1.25rem;
  border-bottom: 3px solid transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 500;
  text-decoration: none;
  transition: color 120ms ease, border-color 120ms ease;
}

/* line 966, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tab .admin-page__access-icon {
  width: 20px;
  height: 20px;
}

/* line 971, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tab:hover, .admin-page__access-tab:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 978, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tab:focus-visible {
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 982, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-tab.is-active {
  color: var(--color-main-text-primary);
  border-bottom-color: var(--color-main-bg-primary);
  font-weight: 600;
}

/* line 989, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-nav-action {
  min-height: 44px;
  padding: 0.5rem 1.25rem;
  line-height: 1;
  white-space: nowrap;
}

/* line 996, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: var(--color-neutral-bg-secondary);
  border-radius: 12px;
}

/* line 1007, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search {
  position: relative;
  flex: 0 1 420px;
  min-width: 220px;
  margin: 0;
  font-weight: normal;
}

/* line 1015, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
}

/* line 1024, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search-input {
  width: 100%;
  height: 40px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1032, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 1039, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search-input {
  padding: 0 0.75rem 0 calc(0.75rem + 26px);
}

/* line 1042, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-search-input::placeholder {
  color: var(--color-neutral-text-secondary);
  opacity: 1;
}

/* line 1048, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap {
  flex: 0 1 220px;
  min-width: 180px;
}

/* line 1052, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .admin-page__access-select {
  width: 100%;
  height: 40px;
}

/* line 1057, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection--single {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 52px 0 0.75rem !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 8px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 1070, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1075, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 1079, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  top: 0 !important;
  bottom: 0 !important;
  right: 0.5rem !important;
  height: auto !important;
  display: flex;
  align-items: center;
}

/* line 1088, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  position: static !important;
  margin: 0 !important;
  border-color: var(--color-neutral-text-secondary) transparent transparent transparent !important;
}

/* line 1094, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--color-neutral-text-secondary) transparent !important;
}

/* line 1098, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection__clear {
  position: absolute;
  top: 50%;
  right: 28px;
  margin: 0 !important;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary) !important;
}

/* line 1106, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-select-wrap .select2-container--bootstrap .select2-selection__clear:hover {
  color: var(--color-neutral-text-primary) !important;
}

/* line 1112, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 36px;
  padding: 0 0.75rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 1124, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-filter-btn .admin-page__access-icon {
  width: 14px;
  height: 14px;
}

/* line 1129, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-filter-btn:hover, .admin-page__access-filter-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 1137, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-table td {
  vertical-align: middle;
}

/* line 1142, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-col-status {
  width: 72px;
  text-align: center;
}

/* line 1147, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-col-actions {
  width: 96px;
  text-align: center;
}

/* line 1152, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-status {
  display: inline-flex;
  color: var(--color-neutral-text-disable);
}

/* line 1156, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-status.is-active {
  color: var(--color-main-text-primary);
}

/* line 1161, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-key {
  color: var(--color-main-text-primary);
}

/* line 1165, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1171, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-inline-form {
  display: inline-flex;
  margin: 0;
}

/* line 1176, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
}

/* line 1189, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-icon-btn:hover, .admin-page__access-icon-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-main-text-primary);
  outline: none;
}

/* line 1196, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-icon-btn--danger {
  color: var(--color-error-text-primary);
}

/* line 1199, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-icon-btn--danger:hover, .admin-page__access-icon-btn--danger:focus {
  color: var(--color-error-text-primary);
}

/* line 1206, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle-form {
  display: inline-flex;
  margin: 0;
}

/* line 1211, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle {
  display: inline-flex;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* line 1218, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle:focus-visible .admin-page__row-toggle-track {
  outline: 2px solid var(--color-main-bg-primary);
  outline-offset: 2px;
}

/* line 1223, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle.is-on .admin-page__row-toggle-track {
  background: var(--color-main-bg-primary);
}

/* line 1227, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle.is-on .admin-page__row-toggle-thumb {
  transform: translateX(16px);
}

/* line 1232, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle-track {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 9999px;
  background: var(--color-neutral-border-secondary);
  transition: background-color 160ms ease;
}

/* line 1241, app/assets/stylesheets/admin_pages.scss */
.admin-page__row-toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: transform 160ms ease;
}

/* line 1253, app/assets/stylesheets/admin_pages.scss */
.modal.scale-hub-schedule-modal.admin-page__access-drawer .modal-dialog {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  max-width: 720px;
}

@media (max-width: 736px) {
  /* line 1253, app/assets/stylesheets/admin_pages.scss */
  .modal.scale-hub-schedule-modal.admin-page__access-drawer .modal-dialog {
    max-width: calc(100vw - 1rem);
  }
}

/* line 1264, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 1272, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-header {
  position: relative;
  flex-shrink: 0;
  padding: 2rem 1.5rem 1rem;
}

/* line 1277, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-header .scale-hub-close-event-modal__close {
  top: 1rem;
  right: 1rem;
}

/* line 1283, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-title {
  margin: 0;
}

/* line 1287, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem 1rem;
}

/* line 1294, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  padding: 1rem 1.5rem 1.5rem;
}

/* line 1302, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-footer .ec2-schedules-page-header__btn {
  min-width: 150px;
  min-height: 44px;
  justify-content: center;
}

/* line 1308, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-footer .ec2-schedules-page-header__btn:disabled {
  background: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 1315, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-form {
  display: flex;
  flex-direction: column;
}

/* line 1320, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

/* line 1326, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-section .scale-hub-schedule-modal__field-group {
  margin-bottom: 0;
}

/* line 1330, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-section .admin-page__field-hint {
  margin: -0.5rem 0 0;
}

/* line 1335, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-section-title {
  margin: 0;
}

/* line 1339, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-grid {
  display: grid;
  gap: 0.75rem;
}

/* line 1343, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 1347, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
  /* line 1339, app/assets/stylesheets/admin_pages.scss */
  .admin-page__access-drawer-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 1356, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-textarea-input {
  width: 100%;
  min-height: 68px;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  resize: vertical;
}

/* line 1366, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-textarea-input::placeholder {
  color: var(--color-neutral-text-secondary);
  opacity: 1;
}

/* line 1371, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-textarea-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 1378, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-drawer-checkbox {
  align-self: flex-start;
}

/* line 1382, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-errors {
  margin: 0;
  padding-left: 1rem;
}

/* line 1387, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: hidden;
}

/* line 1393, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.75rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 1402, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-select-all {
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 1410, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-select-all:hover, .admin-page__access-checklist-select-all:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 1417, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
}

/* line 1425, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-item {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 1428, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-item:last-child {
  border-bottom: 0;
}

/* line 1432, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-item:nth-child(even) {
  background: var(--color-neutral-bg-secondary);
}

/* line 1437, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-label {
  display: flex;
  width: 100%;
  min-height: 44px;
  padding: 0.5rem 0.75rem;
  gap: 0.75rem;
}

/* line 1445, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-checklist-empty {
  margin: 0;
  padding: 0.75rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1451, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-form {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 1457, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-field {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1462, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-add {
  min-height: 52px;
  white-space: nowrap;
}

/* line 1467, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-search {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 1471, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-search .admin-page__access-search {
  display: block;
  width: 100%;
}

/* line 1477, app/assets/stylesheets/admin_pages.scss */
.admin-page__access-member-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 44px;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
}

/* line 1486, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-form {
  margin-bottom: 1.25rem;
}

/* line 1490, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
}

/* line 1501, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-form .scale-hub-schedule-modal__field-group {
  margin-bottom: 0;
}

/* line 1505, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-field {
  flex: 1 1 200px;
  min-width: 0;
}

/* line 1510, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-form .admin-page__floating-select-wrap .admin-page__floating-select-label,
.admin-page__access-drawer-form .admin-page__floating-select-wrap .admin-page__floating-select-label {
  opacity: 1;
  visibility: visible;
}

/* line 1516, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 56px;
}

/* line 1523, app/assets/stylesheets/admin_pages.scss */
.admin-page__filter-actions .ec2-schedules-page-header__btn {
  min-height: 56px;
  min-width: 112px;
  padding: 0 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* line 1534, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

/* line 1541, app/assets/stylesheets/admin_pages.scss */
.admin-page__form-actions .ec2-schedules-page-header__btn {
  min-width: 150px;
  justify-content: center;
  white-space: nowrap;
}

/* line 1548, app/assets/stylesheets/admin_pages.scss */
.admin-page__checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

/* line 1555, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-col {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
}

/* line 1561, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  max-width: 280px;
}

/* line 1569, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 1576, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1581, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-badge {
  flex-shrink: 0;
}

/* line 1585, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-control {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1596, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 1607, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-input:focus-visible + .admin-page__active-toggle-track {
  outline: 2px solid var(--color-main-bg-primary);
  outline-offset: 2px;
}

/* line 1612, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-input:checked + .admin-page__active-toggle-track {
  background: var(--color-main-bg-primary);
}

/* line 1615, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-input:checked + .admin-page__active-toggle-track .admin-page__active-toggle-thumb {
  transform: translateX(20px);
}

/* line 1620, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-input:not(:checked) + .admin-page__active-toggle-track {
  background: var(--color-neutral-border-secondary);
}

/* line 1625, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-track {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 999px;
  transition: background-color 160ms ease;
  flex-shrink: 0;
}

/* line 1634, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 160ms ease;
}

/* line 1646, app/assets/stylesheets/admin_pages.scss */
.admin-page__active-toggle-state {
  min-width: 28px;
  color: var(--color-neutral-text-secondary);
}

/* line 1651, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete {
  position: relative;
}

/* line 1655, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* line 1669, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

/* line 1681, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete-option:hover, .admin-page__email-autocomplete-option.is-active {
  background: rgba(0, 0, 0, 0.04);
}

/* line 1687, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete-option-meta {
  color: rgba(0, 0, 0, 0.55);
}

/* line 1691, app/assets/stylesheets/admin_pages.scss */
.admin-page__email-autocomplete-empty {
  padding: 10px 12px;
  color: rgba(0, 0, 0, 0.55);
}

/* line 1696, app/assets/stylesheets/admin_pages.scss */
.admin-page__floating-field input[readonly] {
  background: rgba(0, 0, 0, 0.03);
  cursor: default;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 3, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page-shell {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

/* line 15, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page-header__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* line 22, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page-header__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: help;
}

/* line 29, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page-header__help-icon {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 35, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page__flashes {
  margin-bottom: 1rem;
}

/* line 38, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page__flashes .alert {
  margin-bottom: 0.75rem;
}

/* line 41, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-page__flashes .alert:last-child {
  margin-bottom: 0;
}

/* line 47, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table-scroll {
  margin-top: 0.5rem;
}

/* line 51, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table-scroll .api-tokens-table.hte-events-table th,
.api-tokens-table-scroll .api-tokens-table.hte-events-table td {
  padding-top: 2rem;
  padding-bottom: 2rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table-scroll .api-tokens-table.hte-events-table thead th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 63, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table-scroll .api-tokens-table.hte-events-table .ec2-schedules-col--row-actions {
  width: 120px;
  min-width: 120px;
  max-width: none;
  white-space: nowrap;
}

/* line 72, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table__datetime {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 78, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table__relative {
  color: var(--color-neutral-text-secondary);
}

/* line 82, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table__delete-btn.ec2-schedules-row-actions__btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: auto;
  height: auto;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-error-text-primary);
  white-space: nowrap;
  cursor: pointer;
}

/* line 97, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-table__delete-btn.ec2-schedules-row-actions__btn:hover, .api-tokens-table__delete-btn.ec2-schedules-row-actions__btn:focus {
  color: var(--color-error-text-primary);
  background: transparent;
  text-decoration: underline;
  outline: none;
}

/* line 107, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer .aws-import-tags-drawer__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 114, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__field {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 121, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__field-title {
  display: block;
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 127, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__input {
  width: 100%;
  min-height: 52px;
  padding: 14px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 136, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__input:focus {
  border-color: var(--color-main-border);
  outline: none;
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 143, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__select-wrap {
  position: relative;
}

/* line 147, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  min-height: 52px;
  padding: 14px 40px 14px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 160, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__select:focus {
  border-color: var(--color-main-border);
  outline: none;
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 167, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-create-drawer__select-chevron {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 10px;
  height: 10px;
  transform: translateY(-60%) rotate(45deg);
  border-right: 1.5px solid var(--color-neutral-text-secondary);
  border-bottom: 1.5px solid var(--color-neutral-text-secondary);
  pointer-events: none;
}

/* line 179, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-drawer__footer {
  justify-content: flex-end;
}

/* line 182, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-drawer__footer .aws-import-tags-drawer__btn {
  flex: 0 1 auto;
  min-width: 140px;
  max-width: 50%;
}

/* line 189, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-drawer__footer--center {
  justify-content: center;
}

/* line 194, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer .aws-import-tags-drawer__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 201, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__panel {
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
}

/* line 207, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__token-box {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
}

/* line 215, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__label {
  display: block;
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 222, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__token-input,
.api-tokens-created-drawer__token-input.form-control {
  width: 100%;
  min-height: 64px;
  resize: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
  border: none !important;
  border-radius: 0;
  background: transparent !important;
  color: var(--color-neutral-text-primary);
  box-shadow: none !important;
  padding: 0;
  overflow: hidden;
}

/* line 240, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__token-input:focus,
.api-tokens-created-drawer__token-input.form-control:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none;
}

/* line 247, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__copy-row {
  display: flex;
  justify-content: flex-end;
}

/* line 252, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  white-space: nowrap;
}

/* line 265, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__copy-btn:hover, .api-tokens-created-drawer__copy-btn:focus {
  background: var(--color-neutral-bg-secondary);
  outline: none;
}

/* line 272, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__copy-btn-icon {
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1;
}

/* line 278, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__warning {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.75rem 1rem;
  background: var(--color-warning-bg-secondary);
  border: none;
  border-radius: 0;
}

/* line 289, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__warning-icon {
  flex-shrink: 0;
  color: var(--color-warning-text-primary);
  margin-top: 2px;
}

/* line 295, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__warning-text {
  margin: 0;
  color: var(--color-warning-text-primary);
}

/* line 300, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__notice {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  border: none;
}

/* line 311, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__notice-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 1px;
}

/* line 319, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__notice-icon--dark {
  display: none;
}

/* line 324, app/assets/stylesheets/api_tokens_index.scss */
html[data-theme='dark'] .api-tokens-created-drawer__notice-icon--light {
  display: none;
}

/* line 328, app/assets/stylesheets/api_tokens_index.scss */
html[data-theme='dark'] .api-tokens-created-drawer__notice-icon--dark {
  display: block;
}

/* line 333, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__notice-text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 337, app/assets/stylesheets/api_tokens_index.scss */
.api-tokens-created-drawer__notice-text strong {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/applications_index.scss */
.applications-hub-page {
  padding-bottom: 2rem;
}

/* line 6, app/assets/stylesheets/applications_index.scss */
.applications-hub-page .row.aws-hub-account-grid,
.applications-hub-page .applications-dependency-services .row.aws-hub-account-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-left: 0;
  margin-right: 0;
}

/* line 14, app/assets/stylesheets/applications_index.scss */
.applications-hub-page .row.aws-hub-account-grid::before, .applications-hub-page .row.aws-hub-account-grid::after,
.applications-hub-page .applications-dependency-services .row.aws-hub-account-grid::before,
.applications-hub-page .applications-dependency-services .row.aws-hub-account-grid::after {
  display: none;
}

@media (min-width: 768px) {
  /* line 6, app/assets/stylesheets/applications_index.scss */
  .applications-hub-page .row.aws-hub-account-grid,
.applications-hub-page .applications-dependency-services .row.aws-hub-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/applications_index.scss */
  .applications-hub-page .row.aws-hub-account-grid,
.applications-hub-page .applications-dependency-services .row.aws-hub-account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* line 28, app/assets/stylesheets/applications_index.scss */
.applications-hub-page .aws-hub-account-col.col-sm-6,
.applications-hub-page .aws-hub-account-col.col-md-4 {
  float: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin-bottom: 0;
}

/* line 39, app/assets/stylesheets/applications_index.scss */
.applications-hub-page__header {
  margin-bottom: 1.25rem;
}

/* line 42, app/assets/stylesheets/applications_index.scss */
.applications-hub-page__header .applications-hub-service-picker-wrap {
  margin-top: 0.75rem;
}

/* line 47, app/assets/stylesheets/applications_index.scss */
.applications-hub-service-picker__filter-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 52, app/assets/stylesheets/applications_index.scss */
.applications-hub-service-picker__filter-icon--dark {
  display: none;
}

/* line 58, app/assets/stylesheets/applications_index.scss */
html[data-theme='dark'] .applications-hub-service-picker__filter-icon--light {
  display: none;
}

/* line 62, app/assets/stylesheets/applications_index.scss */
html[data-theme='dark'] .applications-hub-service-picker__filter-icon--dark {
  display: block;
}

/* line 67, app/assets/stylesheets/applications_index.scss */
.applications-hub-search__error {
  margin: 0 0 1rem;
}

/* line 71, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  border-bottom: 0;
}

/* line 82, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  min-width: 0;
}

/* line 89, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__identity {
  min-width: 0;
}

/* line 93, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__name {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 98, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__account {
  display: block;
  margin-top: 4px;
  color: var(--color-neutral-text-secondary);
}

/* line 104, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__ask {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
}

/* line 115, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__ask:hover, .applications-hub-selected__ask:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
  text-decoration: none;
}

/* line 123, app/assets/stylesheets/applications_index.scss */
.applications-hub-selected__ask-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 129, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 420px;
  padding: 2rem 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
}

/* line 142, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty__illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 148, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty__img {
  height: auto;
  max-width: 240px;
  width: 100%;
}

/* line 153, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty__img--dark {
  display: none;
}

/* line 158, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty__title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 163, app/assets/stylesheets/applications_index.scss */
.applications-hub-empty__text {
  margin: 0;
  max-width: 420px;
  color: var(--color-neutral-text-secondary);
}

/* line 170, app/assets/stylesheets/applications_index.scss */
html[data-theme='dark'] .applications-hub-empty__img--light {
  display: none;
}

/* line 174, app/assets/stylesheets/applications_index.scss */
html[data-theme='dark'] .applications-hub-empty__img--dark {
  display: block;
}

/* line 179, app/assets/stylesheets/applications_index.scss */
.applications-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 184, app/assets/stylesheets/applications_index.scss */
.applications-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 190, app/assets/stylesheets/applications_index.scss */
.applications-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 10%);
  height: 400px;
  max-width: 100%;
  object-fit: cover;
}

/* line 200, app/assets/stylesheets/applications_index.scss */
.applications-hub-results {
  margin-top: 0.5rem;
}

/* line 204, app/assets/stylesheets/applications_index.scss */
.applications-hub-askrage-panel {
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 211, app/assets/stylesheets/applications_index.scss */
.applications-hub-askrage-panel[hidden] {
  display: none !important;
}

/* line 216, app/assets/stylesheets/applications_index.scss */
.applications-hub-askrage-panel__placeholder,
.applications-hub-askrage-panel__message {
  margin: 0;
}

/* line 221, app/assets/stylesheets/applications_index.scss */
.applications-hub-askrage-panel__loader {
  height: 20px;
  border-radius: 6px;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/applications_index.scss */
.applications-hub-links {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  gap: 0;
  margin-bottom: 1.5rem;
  padding: 24px 48px;
  border: 0;
  border-bottom: 0;
}

@media (max-width: 991px) {
  /* line 227, app/assets/stylesheets/applications_index.scss */
  .applications-hub-links {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: clamp(20px, 5.21vw, 75px);
  }
}

/* line 249, app/assets/stylesheets/applications_index.scss */
.applications-hub-links__item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  text-decoration: none;
  white-space: nowrap;
}

/* line 261, app/assets/stylesheets/applications_index.scss */
.applications-hub-links__item:hover, .applications-hub-links__item:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 268, app/assets/stylesheets/applications_index.scss */
.applications-hub-links__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 274, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion {
  margin-bottom: 1rem;
  background: transparent;
}

/* line 279, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  border: 0;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  text-align: left;
}

/* line 292, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion__header:hover, .applications-hub-accordion__header:focus {
  outline: none;
}

/* line 298, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 303, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion__chevron {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.15s ease;
  transform: rotate(0deg);
}

/* line 311, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion.is-open .applications-hub-accordion__chevron {
  transform: rotate(180deg);
}

/* line 315, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion__body {
  display: none;
  padding: 1rem 0 0;
  background: transparent;
}

/* line 321, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion.is-open .applications-hub-accordion__body {
  display: block;
}

/* line 325, app/assets/stylesheets/applications_index.scss */
.applications-hub-dep-list {
  margin: 0;
  padding-left: 20px;
  color: var(--color-neutral-text-primary);
}

/* line 331, app/assets/stylesheets/applications_index.scss */
.applications-hub-dep-list__item {
  word-break: break-word;
}

/* line 334, app/assets/stylesheets/applications_index.scss */
.applications-hub-dep-list__item + .applications-hub-dep-list__item {
  margin-top: 0.5rem;
}

/* line 339, app/assets/stylesheets/applications_index.scss */
.applications-hub-section {
  margin-bottom: 1.5rem;
}

/* line 342, app/assets/stylesheets/applications_index.scss */
.applications-hub-section--flush {
  margin-bottom: 0;
}

/* line 347, app/assets/stylesheets/applications_index.scss */
.applications-hub-section__title {
  margin: 0 0 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 352, app/assets/stylesheets/applications_index.scss */
.applications-hub-section__subtitle {
  display: block;
  margin-top: 4px;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 359, app/assets/stylesheets/applications_index.scss */
.applications-hub-list {
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  background: var(--color-neutral-bg-secondary);
}

/* line 366, app/assets/stylesheets/applications_index.scss */
.applications-hub-list__item {
  display: block;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 371, app/assets/stylesheets/applications_index.scss */
.applications-hub-list__item + .applications-hub-list__item {
  margin-top: 0.5rem;
}

/* line 376, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card {
  box-sizing: border-box;
  width: 100%;
  min-height: 132px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  padding: 1.25rem 1rem;
}

/* line 389, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 395, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: contain;
  background: transparent;
  padding: 0;
}

/* line 405, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__identity {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 413, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-neutral-text-primary);
}

/* line 421, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__cost {
  display: block;
  color: var(--color-neutral-text-secondary);
}

/* line 426, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__hub-link {
  display: inline-block;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 431, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__hub-link:hover, .applications-hub-resource-card__hub-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 439, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__meta {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
  max-height: 72px;
  margin-top: 0.75rem;
  overflow: hidden;
  color: var(--color-neutral-text-secondary);
}

/* line 451, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__meta-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.35;
}

/* line 460, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__footer {
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding-top: 1.25rem;
}

/* line 467, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  text-decoration: none;
  cursor: pointer;
}

/* line 478, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__link:hover, .applications-hub-resource-card__link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 485, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__link--static {
  cursor: default;
  color: var(--color-neutral-text-secondary);
}

/* line 491, app/assets/stylesheets/applications_index.scss */
.applications-hub-resource-card__link-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 501, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer.modal.fade .modal-dialog {
  opacity: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

/* line 509, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer.modal.fade.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 514, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer.modal .modal-dialog,
.applications-service-details-drawer.modal .applications-service-details-drawer__dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  width: 100%;
  max-width: 420px;
  height: auto;
}

@media (max-width: 720px) {
  /* line 529, app/assets/stylesheets/applications_index.scss */
  .applications-service-details-drawer.modal .modal-dialog,
.applications-service-details-drawer.modal .applications-service-details-drawer__dialog {
    max-width: calc(100vw - 2rem);
    right: 1rem;
    top: 1rem;
    bottom: 1rem;
  }
}

/* line 539, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 550, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-shrink: 0;
  padding: 1.25rem 1.25rem 1rem;
}

/* line 559, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 564, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-neutral-bg-secondary);
  cursor: pointer;
}

/* line 578, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__close:hover, .applications-service-details-drawer__close:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 585, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__close-icon {
  width: 12px;
  height: 12px;
}

/* line 590, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 1.25rem 0.5rem;
}

/* line 597, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__panel {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  padding: 0 1rem;
}

/* line 605, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__field {
  padding: 1rem 0;
}

/* line 608, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__field + .applications-service-details-drawer__field {
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 612, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__field[hidden] {
  display: none !important;
}

/* line 617, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__label {
  display: block;
  margin-bottom: 4px;
  color: var(--color-neutral-text-secondary);
}

/* line 623, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__value {
  display: block;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 629, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__resources {
  list-style: disc;
  margin: 0;
  padding-left: 18px;
  color: var(--color-neutral-text-primary);
}

/* line 636, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__resource-item {
  word-break: break-word;
}

/* line 639, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__resource-item + .applications-service-details-drawer__resource-item {
  margin-top: 2px;
}

/* line 644, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__empty {
  margin: 0;
  list-style: none;
  padding-left: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 651, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__footer {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  padding: 1rem 1.25rem 1.25rem;
}

/* line 658, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__btn-close {
  min-width: 140px;
  padding: 12px 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 667, app/assets/stylesheets/applications_index.scss */
.applications-service-details-drawer__btn-close:hover, .applications-service-details-drawer__btn-close:focus {
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
  outline: none;
}

/* line 676, app/assets/stylesheets/applications_index.scss */
.applications-hub-accordion--called-by .applications-hub-dep-list__item {
  color: var(--color-error-text-primary);
}

/* line 682, app/assets/stylesheets/applications_index.scss */
.applications-hub-section--called-by .applications-hub-list__item {
  color: var(--color-error-text-primary);
}

/* line 688, app/assets/stylesheets/applications_index.scss */
.applications-page.trial-mode .applications-hub-service-picker-wrap {
  pointer-events: none;
  opacity: 0.5;
}

/* line 693, app/assets/stylesheets/applications_index.scss */
.applications-page.trial-mode .applications-hub-results {
  opacity: 0.45;
  pointer-events: none;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 4, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 16, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__back:hover, .atlas-mongodb-clusters-page__back:focus, .atlas-mongodb-clusters-page__back:focus-visible, .atlas-mongodb-clusters-page__back:active {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 26, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__back-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 31, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__back-icon--light {
  display: inline-block;
}

/* line 35, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__back-icon--dark {
  display: none;
}

/* line 40, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

/* line 48, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__title-cluster {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

/* line 55, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__badge {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
  font-family: var(--font-family-heading);
  font-weight: 700;
}

/* line 69, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__title-block {
  min-width: 0;
}

/* line 73, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 78, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 83, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
}

/* line 96, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search-form {
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 103, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 110, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* line 121, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search-input {
  width: 100%;
  height: 40px;
  padding: 0 1rem 0 38px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-cross-white-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 131, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 135, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 142, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__table-scroll {
  overflow-x: auto;
  background: var(--color-neutral-bg-primary);
}

/* line 147, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__empty {
  padding: 2rem 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 152, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-page__pagination {
  margin-top: 1rem;
}

/* line 157, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-table {
  margin-bottom: 0;
}

/* line 160, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-table__status {
  display: inline-flex;
  align-items: center;
  padding: 2px 0.5rem;
  border-radius: 4px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 168, app/assets/stylesheets/atlas_mongodb_clusters.scss */
.atlas-mongodb-clusters-table__status--ok {
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
}

/* line 176, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__back-icon--dark {
  display: inline-block;
}

/* line 180, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__back-icon--light {
  display: none;
}

/* line 184, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__search-input {
  background: var(--color-neutral-bg-primary);
}

/* line 189, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__pagination .app-pagination__btn {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 195, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__pagination .app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-hover-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-text-primary);
}

/* line 201, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__pagination .app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: #ffffff;
}

/* line 207, app/assets/stylesheets/atlas_mongodb_clusters.scss */
html[data-theme='dark'] .atlas-mongodb-clusters-page__pagination .app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-textarea, .ds-form-select {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-textarea::placeholder, .ds-form-select::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-textarea:focus, .ds-form-select:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-textarea:disabled, .ds-form-select:disabled, .ds-form-input[readonly], .ds-form-textarea[readonly], .ds-form-select[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-textarea, .ds-form-input-success.ds-form-select {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-textarea:focus, .ds-form-input-success.ds-form-select:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-textarea, .ds-form-input-error.ds-form-select {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-textarea:focus, .ds-form-input-error.ds-form-select:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-textarea, .ds-form-input-warning.ds-form-select {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-textarea:focus, .ds-form-input-warning.ds-form-select:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-success, .ds-form-feedback-error, .ds-form-feedback-warning, .ds-form-feedback-info {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 8, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day {
  flex: 0 0 14.2857143% !important;
  width: 14.2857143% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* line 25, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border: 1px solid var(--color-main-border) !important;
  color: var(--color-neutral-text-primary);
  background: transparent;
}

/* line 32, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.inRange:not(.startRange):not(.endRange) {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-repeat: no-repeat !important;
  background-size: calc(100% + 10px) 32px !important;
  background-position: center !important;
  box-shadow: none !important;
}

/* line 51, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-active) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* line 65, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::after {
  content: none;
}

/* line 71, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange) {
  z-index: 3 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, right -5px center !important;
}

/* line 88, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  z-index: 2 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, left -5px center !important;
}

/* line 105, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.endRange:not(.startRange) {
  color: var(--color-neutral-text-active) !important;
}

/* line 113, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.endRange:not(.startRange) {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 126, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:hover,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 138, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange),
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):hover,
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 6, app/assets/stylesheets/atlas_mongodb_index.scss */
.aws-accounts-hub-page .row.aws-hub-account-grid {
  margin-left: -8px;
  margin-right: -8px;
}

/* line 11, app/assets/stylesheets/atlas_mongodb_index.scss */
.aws-accounts-hub-page .aws-hub-account-col.col-sm-6,
.aws-accounts-hub-page .aws-hub-account-col.col-md-4 {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 1rem;
}

/* line 19, app/assets/stylesheets/atlas_mongodb_index.scss */
.portal-accounts-new-btn--secondary {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 24, app/assets/stylesheets/atlas_mongodb_index.scss */
.portal-accounts-new-btn--secondary:hover, .portal-accounts-new-btn--secondary:focus {
  background: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/atlas_mongodb_index.scss */
.atlas-mongodb-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 37, app/assets/stylesheets/atlas_mongodb_index.scss */
.atlas-mongodb-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 43, app/assets/stylesheets/atlas_mongodb_index.scss */
.atlas-mongodb-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 10%);
  height: 400px;
  max-width: 100%;
  object-fit: cover;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 5, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-page-header__top {
  align-items: flex-start;
}

/* line 9, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-services-table__project {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 16, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-services-table__text {
  color: var(--color-neutral-text-secondary);
}

/* line 20, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-services-table__status {
  white-space: nowrap;
}

/* line 24, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-service-row--clickable {
  cursor: pointer;
}

/* line 27, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-service-row--clickable:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: -2px;
}

/* line 33, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 6px 14px;
  border-radius: 9999px;
  color: var(--color-neutral-text-primary);
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  border: 0;
}

/* line 45, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-status-badge--active {
  background: var(--color-success-bg-secondary);
}

/* line 49, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-status-badge--expired {
  background: var(--color-neutral-bg-secondary);
}

/* line 53, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-status-badge__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

/* line 61, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-service-row__delete {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
  white-space: nowrap;
}

/* line 72, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .atlas-service-row__delete:hover, .atlas-services-page .atlas-service-row__delete:focus {
  color: var(--color-error-text-primary);
  opacity: 0.8;
  text-decoration: underline;
  outline: none;
}

/* line 87, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(1),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(1) {
  width: 16%;
  min-width: 120px;
}

/* line 93, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(2),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(2) {
  width: 22%;
  min-width: 160px;
}

/* line 99, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(3),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(3) {
  width: 14%;
  min-width: 100px;
}

/* line 105, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(4),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(4) {
  width: 12%;
  min-width: 110px;
}

/* line 111, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(5),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(5) {
  width: 12%;
  min-width: 110px;
}

/* line 117, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(6),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(6) {
  width: 12%;
  min-width: 100px;
}

/* line 123, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table th:nth-child(7),
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table td:nth-child(7) {
  width: 12%;
  min-width: 120px;
}

/* line 129, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table tbody > tr > td {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 133, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 137, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 141, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table tbody > tr:last-child > td {
  border-bottom: none;
}

/* line 145, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table.atlas-services-table tbody > tr:hover > td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 150, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page .ec2-schedules-page-header__toolbar-left {
  margin-top: 0;
}

/* line 155, app/assets/stylesheets/atlas_services.scss */
.atlas-services-delete-hint {
  margin-top: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 160, app/assets/stylesheets/atlas_services.scss */
.atlas-services-page__pagination {
  margin-top: 1rem;
}

/* line 166, app/assets/stylesheets/atlas_services.scss */
html[data-theme='dark'] .atlas-services-page__pagination .app-pagination__btn {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 172, app/assets/stylesheets/atlas_services.scss */
html[data-theme='dark'] .atlas-services-page__pagination .app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-hover-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-text-primary);
}

/* line 178, app/assets/stylesheets/atlas_services.scss */
html[data-theme='dark'] .atlas-services-page__pagination .app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: #ffffff;
}

/* line 184, app/assets/stylesheets/atlas_services.scss */
html[data-theme='dark'] .atlas-services-page__pagination .app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
}

/* line 191, app/assets/stylesheets/atlas_services.scss */
.atlas-side-drawer.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 700px;
  width: calc(100% - 2rem);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 205, app/assets/stylesheets/atlas_services.scss */
.atlas-side-drawer.modal.scale-hub-schedule-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

/* line 209, app/assets/stylesheets/atlas_services.scss */
.atlas-side-drawer.modal.scale-hub-schedule-modal > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}

/* line 220, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 229, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.5rem 1.5rem 1rem;
  flex-shrink: 0;
}

/* line 238, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__heading {
  min-width: 0;
}

/* line 242, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 247, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 252, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__close {
  margin: 0;
  opacity: 0.55;
  font-size: 28px;
  line-height: 1;
  font-weight: 300;
}

/* line 260, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem 1.25rem;
}

/* line 267, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__password-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 278, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__password-text {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35em;
}

/* line 286, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__password-label {
  color: var(--color-neutral-text-secondary);
}

/* line 290, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__password-value {
  color: var(--color-neutral-text-primary);
  background: transparent;
  padding: 0;
  word-break: break-all;
}

/* line 297, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__copy-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 309, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__copy-btn:hover, .atlas-credential-drawer__copy-btn:focus {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 315, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__copy-btn.is-copied {
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 321, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__copy-icon {
  font-size: 12px;
}

/* line 325, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__warning {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  background: var(--color-warning-bg-secondary);
}

/* line 335, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__warning-icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--color-warning-text-primary);
}

/* line 341, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__warning-text {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 346, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  margin-top: 1.25rem;
}

/* line 353, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__meta-label {
  display: block;
  margin-bottom: 4px;
  color: var(--color-neutral-text-secondary);
}

/* line 359, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__meta-value {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 364, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__section {
  margin-top: 1.25rem;
}

/* line 368, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__section-title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 373, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__cluster-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 379, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__cluster-item {
  padding: 6px 0;
  color: var(--color-neutral-text-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 384, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__cluster-item:last-child {
  border-bottom: none;
}

/* line 389, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connections {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 395, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 4px 4px 4px 12px;
  border-radius: 10px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 405, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  box-shadow: none;
  padding: 8px 0;
}

/* line 414, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-input:focus {
  outline: none;
  box-shadow: none;
}

/* line 420, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-copy {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 432, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-copy:hover, .atlas-credential-drawer__connection-copy:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 439, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__connection-copy-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 445, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem 1.5rem;
  flex-shrink: 0;
}

/* line 452, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__footer--split {
  justify-content: space-between;
  align-items: center;
}

/* line 458, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__delete-btn {
  padding: 12px 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
}

/* line 466, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__delete-btn:hover, .atlas-credential-drawer__delete-btn:focus {
  text-decoration: underline;
  outline: none;
}

/* line 473, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__done {
  min-width: 120px;
  padding: 12px 24px;
  border: 0;
  border-radius: 999px;
  background: var(--color-main-bg-primary);
  color: #ffffff;
  cursor: pointer;
}

/* line 482, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__done:hover, .atlas-credential-drawer__done:focus {
  opacity: 0.92;
  outline: none;
}

/* line 488, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__done--secondary {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-main-text-primary);
  border: 1px solid var(--color-main-border);
}

/* line 493, app/assets/stylesheets/atlas_services.scss */
.atlas-credential-drawer__done--secondary:hover, .atlas-credential-drawer__done--secondary:focus {
  background: var(--color-neutral-hover-bg-secondary);
  opacity: 1;
  outline: none;
}

/* line 504, app/assets/stylesheets/atlas_services.scss */
html[data-theme='dark'] .atlas-credential-drawer__connection-copy-icon {
  filter: invert(1) brightness(1.2);
}

/* line 509, app/assets/stylesheets/atlas_services.scss */
.atlas-services-empty-state {
  padding: 2rem !important;
  text-align: center;
  color: var(--color-neutral-text-secondary);
}

/* line 515, app/assets/stylesheets/atlas_services.scss */
.atlas-services-empty-state__img {
  display: block;
  margin: 0 auto 1rem;
}

/* line 520, app/assets/stylesheets/atlas_services.scss */
.atlas-services-empty-state__text {
  display: inline-block;
  color: var(--color-neutral-text-primary);
}

/* line 525, app/assets/stylesheets/atlas_services.scss */
.cloud-control-no-results .atlas-services-empty-state {
  border-bottom: none;
}

/* line 533, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown {
  position: relative;
  width: 100%;
}

/* line 537, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown.is-disabled {
  opacity: 0.65;
  pointer-events: none;
}

/* line 542, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

/* line 558, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__trigger:hover, .atlas-drawer-dropdown__trigger:focus {
  border-color: var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
  outline: none;
}

/* line 565, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__trigger[aria-expanded='true'] {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 571, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 580, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__value.is-placeholder {
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 586, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__chevron {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
  filter: brightness(0) saturate(100%) invert(30%) sepia(18%) saturate(1200%) hue-rotate(127deg) brightness(95%) contrast(90%);
}

/* line 594, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__trigger[aria-expanded='true'] .atlas-drawer-dropdown__chevron {
  transform: rotate(180deg);
}

/* line 598, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 2000;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

/* line 611, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  max-height: 240px;
  overflow-y: auto;
}

/* line 619, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__item {
  margin: 0;
}

/* line 623, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__option {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  background: transparent;
  color: var(--color-neutral-text-primary);
  text-align: left;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 635, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__option:hover, .atlas-drawer-dropdown__option:focus {
  background: #f5f5f5;
  outline: none;
}

/* line 641, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__option.is-selected {
  background: #f5f5f5;
}

/* line 646, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__item:first-child .atlas-drawer-dropdown__option:hover, .atlas-drawer-dropdown__item:first-child .atlas-drawer-dropdown__option.is-selected {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* line 652, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__item:last-child .atlas-drawer-dropdown__option:hover, .atlas-drawer-dropdown__item:last-child .atlas-drawer-dropdown__option.is-selected {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 658, app/assets/stylesheets/atlas_services.scss */
.atlas-drawer-dropdown__native-select {
  display: none !important;
}

/* line 669, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer .select2-container,
.atlas-create-password-drawer select {
  display: none !important;
}

/* line 674, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 700px;
  width: calc(100% - 2rem);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 688, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer.modal.scale-hub-schedule-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

/* line 692, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer.modal.scale-hub-schedule-modal > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}

/* line 701, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 710, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.5rem 1.5rem 1rem;
  flex-shrink: 0;
}

/* line 719, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 725, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__close {
  margin: 0;
  opacity: 0.55;
  font-size: 28px;
  line-height: 1;
  font-weight: 300;
}

/* line 733, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* line 740, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 750, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__field {
  margin: 0;
  position: relative;
}

/* line 757, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__field--username .scale-hub-schedule-modal__input--floating, .atlas-create-password-drawer__field--password .scale-hub-schedule-modal__input--floating {
  min-height: 52px;
  border-radius: 8px;
  padding-top: 22px;
  padding-bottom: 10px;
}

/* line 765, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__label {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--color-neutral-text-secondary);
  font-weight: 500;
}

/* line 772, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__field-hint {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-secondary);
  line-height: 1.4;
}

/* line 778, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__input {
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 788, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__input:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
  outline: none;
}

/* line 794, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__input:disabled {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
}

/* line 800, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__password-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 806, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__password-row {
  display: grid;
  grid-template-columns: 1fr 132px;
  gap: 0.75rem;
  align-items: start;
}

/* line 814, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__field--password .scale-hub-schedule-modal__icon {
  pointer-events: auto;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
}

/* line 824, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__toggle-password {
  border: 0;
  background: transparent;
}

/* line 829, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__generate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 52px;
  padding: 0 1rem;
  border: 0;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
}

/* line 845, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__generate-btn:hover, .atlas-create-password-drawer__generate-btn:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
}

/* line 853, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__generate-icon {
  width: 16px;
  height: 16px;
  display: block;
  filter: brightness(0) invert(1);
}

/* line 860, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 865, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__role-db-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

@media (max-width: 768px) {
  /* line 865, app/assets/stylesheets/atlas_services.scss */
  .atlas-create-password-drawer__role-db-grid {
    grid-template-columns: 1fr;
  }
}

/* line 876, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__role-dropdown .atlas-drawer-dropdown__option {
  text-transform: none;
}

/* line 881, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__add-privileges {
  align-self: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  font-weight: 500;
  cursor: pointer;
}

/* line 890, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__add-privileges:hover, .atlas-create-password-drawer__add-privileges:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 898, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__privileges {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 904, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__privilege-row {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  gap: 0.75rem;
  align-items: center;
}

/* line 911, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__privilege-remove {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 923, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__privilege-remove:hover, .atlas-create-password-drawer__privilege-remove:focus {
  background: var(--color-error-bg-secondary);
  outline: none;
}

/* line 930, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__clusters-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 0.25rem;
}

/* line 937, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__clusters-title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 943, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__clusters-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 949, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__clusters-empty {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 954, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  cursor: pointer;
}

/* line 962, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-checkbox {
  appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1.5px solid var(--color-neutral-border-primary);
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

/* line 974, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-checkbox:checked {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 978, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-checkbox:checked::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 991, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 997, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__cluster-label {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
  line-height: 1.4;
}

/* line 1003, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__footer {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem 1.5rem;
  background: var(--color-neutral-bg-primary);
}

/* line 1012, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn {
  min-width: 132px;
  height: 44px;
  padding: 0 1.25rem;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 500;
}

/* line 1022, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn--cancel {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1027, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn--cancel:hover, .atlas-create-password-drawer__btn--cancel:focus {
  background: var(--color-neutral-bg-secondary);
  outline: none;
}

/* line 1034, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn--submit {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 1039, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn--submit:hover:not(:disabled), .atlas-create-password-drawer__btn--submit:focus:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 1045, app/assets/stylesheets/atlas_services.scss */
.atlas-create-password-drawer__btn--submit:disabled {
  background: #e8e8e8;
  border-color: #e8e8e8;
  color: #9e9e9e;
  cursor: not-allowed;
}

/* line 1055, app/assets/stylesheets/atlas_services.scss */
.scale-hub-schedule-modal__field-group--floating.atlas-create-password-drawer__field--password .scale-hub-schedule-modal__input--floating {
  padding-right: 44px;
}
/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/audits/index.scss */
.audits-page__summary {
  align-items: stretch;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 20px;
  overflow: hidden;
}

@media (max-width: 992px) {
  /* line 3, app/assets/stylesheets/audits/index.scss */
  .audits-page__summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  /* line 3, app/assets/stylesheets/audits/index.scss */
  .audits-page__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* line 23, app/assets/stylesheets/audits/index.scss */
.audits-page__summary-item {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  min-height: 64px;
  padding: 16px 14px;
  text-align: center;
}

/* line 35, app/assets/stylesheets/audits/index.scss */
.audits-page__summary-label {
  align-items: center;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 6px;
  justify-content: center;
}

/* line 44, app/assets/stylesheets/audits/index.scss */
.audits-page__summary-value {
  align-items: center;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 6px;
  justify-content: center;
}

/* line 52, app/assets/stylesheets/audits/index.scss */
.audits-page__legend {
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

/* line 59, app/assets/stylesheets/audits/index.scss */
.audits-page__legend--create {
  background: var(--color-success-bg-primary);
}

/* line 63, app/assets/stylesheets/audits/index.scss */
.audits-page__legend--update {
  background: var(--color-warning-bg-primary);
}

/* line 67, app/assets/stylesheets/audits/index.scss */
.audits-page__legend--destroy {
  background: var(--color-error-bg-primary);
}

/* line 72, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-wrap {
  margin-bottom: 12px;
  position: relative;
}

/* line 77, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-summary {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  margin: 0;
  padding: 4px 0 8px;
  user-select: none;
}

/* line 90, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-caret {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  transition: transform 0.15s ease;
}

/* line 96, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-wrap.is-open .audits-page__adv-caret {
  transform: rotate(180deg);
}

/* line 100, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-icon {
  color: var(--color-main-bg-primary);
}

/* line 104, app/assets/stylesheets/audits/index.scss */
.audits-page__active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 111, app/assets/stylesheets/audits/index.scss */
.audits-page__chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 999px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 6px;
  padding: 4px 10px;
  text-decoration: none;
}

/* line 122, app/assets/stylesheets/audits/index.scss */
.audits-page__chip:hover, .audits-page__chip:focus {
  background: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 130, app/assets/stylesheets/audits/index.scss */
.audits-page__chip-x {
  color: var(--color-neutral-text-secondary);
  line-height: 1;
}

/* line 135, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-body {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
  left: 0;
  margin-top: 8px;
  max-width: 1240px;
  padding: 14px 14px 12px;
  position: absolute;
  top: 100%;
  width: calc(100vw - 48px);
  z-index: 50;
}

/* line 150, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* line 157, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-title {
  color: var(--color-neutral-text-secondary);
  line-height: 1.1;
  margin: 0;
}

/* line 163, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  padding: 0 4px;
}

/* line 172, app/assets/stylesheets/audits/index.scss */
.audits-page__adv-close:hover, .audits-page__adv-close:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 179, app/assets/stylesheets/audits/index.scss */
.audits-page__filter-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  /* line 179, app/assets/stylesheets/audits/index.scss */
  .audits-page__filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  /* line 179, app/assets/stylesheets/audits/index.scss */
  .audits-page__filter-grid {
    grid-template-columns: 1fr;
  }
}

/* line 193, app/assets/stylesheets/audits/index.scss */
.audits-page__filter-grid .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  font-size: 16px;
  height: 42px;
  padding-left: 14px;
}

/* line 202, app/assets/stylesheets/audits/index.scss */
.audits-page__filter-grid .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 209, app/assets/stylesheets/audits/index.scss */
.audits-page__filter-actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  min-height: 34px;
}

/* line 217, app/assets/stylesheets/audits/index.scss */
.audits-page__btn-clear-all {
  color: var(--color-neutral-text-secondary);
  line-height: 1.2;
  text-decoration: none;
}

/* line 222, app/assets/stylesheets/audits/index.scss */
.audits-page__btn-clear-all:hover, .audits-page__btn-clear-all:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 229, app/assets/stylesheets/audits/index.scss */
.audits-page__btn-apply-filters {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  gap: 6px;
  line-height: 1.2;
  padding: 0;
}

/* line 240, app/assets/stylesheets/audits/index.scss */
.audits-page__btn-apply-filters:hover, .audits-page__btn-apply-filters:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 247, app/assets/stylesheets/audits/index.scss */
.audits-page__table-heading {
  margin-bottom: 16px;
}
/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/audits/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/audits/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/audits/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/audits/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/audits/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/audits/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/audits/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/audits/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/audits/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/audits/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/audits/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/audits/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/audits/show.scss */
.audit-record-show .ni-record-show__card--full {
  grid-column: 1 / -1;
}

/* line 8, app/assets/stylesheets/audits/show.scss */
.audit-record-show .audit-record-show__changes-table {
  margin-top: 1rem;
}

/* line 12, app/assets/stylesheets/audits/show.scss */
.audit-record-show .audit-record-show__value--new {
  color: var(--color-success-text-primary, #1a7f37);
}

/* line 16, app/assets/stylesheets/audits/show.scss */
.audit-record-show .audit-record-show__record-status {
  display: block;
  margin-top: 0.25rem;
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 4, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page {
  margin: 0 auto;
  padding-bottom: 2rem;
}

/* line 9, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 19, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__back:hover, .aws-account-services-page__back:focus, .aws-account-services-page__back:focus-visible, .aws-account-services-page__back:active {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* line 30, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__back-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 36, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__back-icon--light {
  display: inline-block;
}

/* line 40, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__back-icon--dark {
  display: none;
}

/* line 45, app/assets/stylesheets/aws_account_services.scss */
html[data-theme='dark'] .aws-account-services-page__back-icon--dark {
  display: inline-block;
}

/* line 49, app/assets/stylesheets/aws_account_services.scss */
html[data-theme='dark'] .aws-account-services-page__back-icon--light {
  display: none;
}

/* line 54, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__breadcrumb {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 32px;
  margin-top: 24px;
  padding-bottom: 0.5rem;
  background: transparent;
}

/* line 62, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0;
  margin-bottom: 32px;
}

/* line 72, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__title-cluster {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
}

/* line 79, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__account-badge {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* line 95, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__title-block {
  min-width: 0;
}

/* line 98, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__title-block .aws-service-account-picker-wrap {
  margin-top: 0.5rem;
}

/* line 103, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 111, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__env {
  margin: 0.25rem 0 0;
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 117, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__controls-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex: 1 1 280px;
  min-width: 0;
}

/* line 127, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__comparison-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid var(--color-main-border);
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  text-decoration: none;
}

/* line 138, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__comparison-link:hover, .aws-account-services-page__comparison-link:focus, .aws-account-services-page__comparison-link:active {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  text-decoration: none;
  outline: none;
}

/* line 149, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__billing {
  margin-bottom: 1.25rem;
}

/* line 153, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 40px 56px;
  padding: 22px 28px;
  margin: 0 0 1.5rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* line 167, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-item {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 177, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary {
    gap: 1.25rem;
    padding: 20px 1rem;
  }
}

@media (max-width: 480px) {
  /* line 184, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 190, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary-item {
    align-items: center;
  }
  /* line 194, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary-value-row {
    justify-content: center;
  }
}

/* line 199, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-label {
  margin: 0 0 4px;
  color: var(--color-neutral-text-secondary);
}

/* line 204, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-value-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
}

/* line 212, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-value {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 217, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 0;
  border: none;
  vertical-align: middle;
  color: var(--color-main-bg-primary);
  text-decoration: none;
}

/* line 229, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-help:hover, .aws-account-services-page__summary-help:focus {
  opacity: 0.85;
  text-decoration: none;
}

/* line 236, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary-help-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 242, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 1199px) {
  /* line 250, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  /* line 256, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__grid {
    grid-template-columns: 1fr;
  }
}

/* Card de serviço — alinhado ao mock (header + caixa VALUE | TAG + link verde) */
/* line 262, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 20px;
  min-height: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

/* line 274, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile:hover {
  border-color: var(--color-neutral-border-secondary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* line 279, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 286, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 294, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__head-text {
  min-width: 0;
  flex: 1;
}

/* line 299, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  line-height: 1.3;
}

/* line 312, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-main-bg-primary);
  text-decoration: none;
}

/* line 320, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__help:hover, .aws-svc-tile__help:focus {
  opacity: 0.85;
  text-decoration: none;
}

/* line 327, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__help-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 333, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__account {
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  margin: 0 !important;
}

/* line 339, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__last-data {
  margin: 4px 0 0 !important;
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
}

/* line 345, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__last-data--muted {
  color: var(--color-neutral-text-secondary);
}

/* line 349, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__value-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  column-gap: 1rem;
  row-gap: 0;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  padding: 4px 8px;
  margin-bottom: 1rem;
}

/* line 361, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__value-col,
.aws-svc-tile__tag-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

/* line 371, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__metric-label {
  display: block;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-neutral-text-secondary);
}

/* line 381, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__value {
  display: block;
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  line-height: 1.2;
}

/* line 391, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__tag-badge {
  display: inline-block;
  margin-top: 0;
  padding: 4px 12px;
  border-radius: 8px;
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 400, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__meta {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 0.5rem;
  padding: 0 0.75rem;
}

/* line 406, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
}

/* Só View Service: uma linha, link centralizado (ref. imagem) */
/* View + View Idle: linha horizontal, dois links lado a lado, grupo centralizado */
/* line 418, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__footer--dual {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
}

/* line 427, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-main-text-primary);
  text-decoration: none;
  /* Evita azul/sublinhado padrão de <a> (Bootstrap/global) e mantém ícone + texto alinhados */
  /* Glyphicons Halflings: top:1px padrão desloca o ícone em relação ao .web-heading-2xs */
}

/* line 438, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link, .aws-svc-tile__link:visited, .aws-svc-tile__link:hover, .aws-svc-tile__link:active, .aws-svc-tile__link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 447, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link:hover {
  opacity: 0.92;
}

/* line 452, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link .glyphicon {
  color: inherit;
  font-size: 12px;
  line-height: 1;
  position: relative;
  top: 0;
  flex-shrink: 0;
}

/* line 462, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled) {
  color: var(--color-main-text-primary);
  font-weight: 700;
}

/* line 466, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled), .aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled):visited, .aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled):hover, .aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled):active, .aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled):focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 475, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link--idle:not(.aws-svc-tile__link--disabled):hover {
  opacity: 0.92;
}

/* line 480, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link--idle.aws-svc-tile__link--disabled {
  color: var(--color-neutral-text-disable);
  font-weight: 600;
}

/* line 485, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__link--disabled {
  cursor: default;
  color: var(--color-neutral-text-disable);
  pointer-events: none;
}

/* line 491, app/assets/stylesheets/aws_account_services.scss */
.aws-svc-tile__period {
  margin: 0;
  text-align: center;
  color: var(--color-neutral-text-secondary);
  font-size: 0.75rem;
}

/* line 498, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__comparison {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 506, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__comparison-title {
  margin: 0 0 0.75rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 513, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 522, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__title-cluster {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 280px;
}

/* line 530, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__service-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 540, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__title-block {
  min-width: 0;
}

/* line 543, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__title-block .aws-service-account-picker-wrap {
  margin-top: 0;
}

/* line 548, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__pickers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

/* line 556, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 563, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__account {
  margin: 0.5rem 0 0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  color: var(--color-main-text-primary);
}

/* line 573, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex: 0 1 auto;
}

/* line 582, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__secondary-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 586, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__secondary-link:hover {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 592, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__export {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 600;
}

/* line 600, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__export:hover, .aws-service-detail-page__export:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
  opacity: 0.88;
}

/* line 608, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__export-icon {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 614, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  max-width: 100%;
}

/* line 624, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page .aws-accounts-hub-page__period-dropdown-wrap {
  margin-left: auto;
}

/* line 628, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__summary--simple {
  justify-content: flex-start;
}

/* line 632, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__maintainer-badge-wrap {
  margin: 0 0 0.5rem;
}

/* line 636, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__maintainer-badge,
.aws-service-detail-page__filter-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 652, app/assets/stylesheets/aws_account_services.scss */
html[data-theme='light'] .aws-service-detail-page__maintainer-badge,
html[data-theme='dark'] .aws-service-detail-page__maintainer-badge {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 658, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem 1.5rem;
  padding: 16px 24px;
  margin: 0 0 1.5rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* line 670, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-account-services-page__summary-item--container {
  gap: 2px;
}

/* line 674, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-account-services-page__summary-label--container-kpi {
  margin: 0 0 4px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--color-neutral-text-secondary) !important;
  font-weight: 600 !important;
}

/* line 684, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-account-services-page__summary-value {
  color: var(--color-neutral-text-primary);
  letter-spacing: -0.01em;
}

/* line 689, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  border: none;
  background: transparent;
}

/* line 697, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__controls {
  gap: 0.75rem;
}

/* line 701, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__trigger.btn.btn-sm {
  min-width: 300px;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25;
  box-shadow: none;
}

/* line 714, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__trigger.btn.btn-sm:hover, .aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__trigger.btn.btn-sm:focus, .aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__trigger.btn.btn-sm:active {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 723, app/assets/stylesheets/aws_account_services.scss */
.aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters__trigger.btn.btn-sm .caret {
  margin-left: auto;
  border-top-color: var(--color-neutral-text-secondary);
}

@media (max-width: 767px) {
  /* line 731, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary.aws-service-detail-page__summary--container {
    flex-direction: column;
    align-items: stretch;
    padding: 20px 1.25rem;
  }
  /* line 737, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-container-filters {
    margin-left: 0;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  /* line 744, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary.aws-service-detail-page__summary--container {
    align-items: stretch;
    text-align: left;
  }
  /* line 748, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-account-services-page__summary-item {
    align-items: flex-start;
    text-align: left;
  }
  /* line 753, app/assets/stylesheets/aws_account_services.scss */
  .aws-account-services-page__summary.aws-service-detail-page__summary--container .aws-account-services-page__summary-value-row {
    justify-content: flex-start;
  }
}

/* line 759, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__table-wrap {
  margin-bottom: 1rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  overflow: visible;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* line 766, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__table-wrap .table-responsive {
  margin: 0;
  border: none;
}

/* line 771, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__table-wrap .table {
  margin-bottom: 0;
}

/* line 776, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: auto;
  font-family: "Poppins", "Roboto", sans-serif;
  /* Zebra: linhas de dados são sempre ímpares (1,3,5…); linhas de gráfico são pares */
  /* Texto de célula: segue tokens do tema (light / dark / prefers-color-scheme) */
  /* OpenSearch: nome + ícones na mesma célula, ícones em linha (referência de design) */
  /* Ícones tag/speed: máscara + currentColor (herda cor do .tag-link / tema light·dark) */
  /* Glyphicon: width/height só dimensionam o box; o desenho vem do ::before (font-icon) */
}

/* line 783, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th {
  border-top: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 787, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th:first-child {
  border-top-left-radius: 8px !important;
}

/* line 791, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th:last-child {
  border-top-right-radius: 8px !important;
}

/* line 795, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th,
.aws-service-data-table > tbody > tr > td {
  border-left: none;
  border-right: none;
}

/* line 801, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th:first-child,
.aws-service-data-table > tbody > tr > td:first-child {
  border-left: 1px solid var(--color-neutral-border-secondary);
}

/* line 806, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th:last-child,
.aws-service-data-table > tbody > tr > td:last-child {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 811, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > thead > tr > th {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  vertical-align: middle;
  background: var(--color-neutral-bg-primary);
  text-align: left;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 820, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__th--narrow {
  width: 72px;
  text-align: center;
}

/* line 826, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__th--cost {
  text-align: center;
}

/* line 830, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__th--center {
  text-align: center;
}

/* line 834, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__th--monitoring {
  width: 148px;
  text-align: center;
}

/* line 839, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__th--actions {
  width: 104px;
  text-align: center;
}

/* line 845, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > tbody > tr:nth-child(odd):not(.aws-service-data-table__chart-row) > td {
  background-color: var(--color-neutral-bg-cross-white-secondary);
}

/* line 849, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > tbody > tr:nth-child(odd):not(.aws-service-data-table__chart-row):nth-child(4n + 3) > td {
  background-color: var(--color-neutral-bg-cross-white-primary);
}

/* line 853, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > tbody > tr:not(.aws-service-data-table__chart-row):hover > td {
  background-color: var(--color-neutral-hover-bg-secondary) !important;
}

/* line 857, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > tbody > tr > td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  vertical-align: middle;
  line-height: 1.45;
}

/* line 864, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table > tbody > tr.aws-service-data-table__chart-row > td {
  padding: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 871, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__td-text {
  color: var(--color-neutral-text-primary) !important;
}

/* line 875, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--icon {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

/* line 884, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--cluster {
  vertical-align: middle;
  min-width: 0;
}

/* line 889, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cluster-cell {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
}

/* line 899, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cluster-name {
  flex: 0 1 auto;
  min-width: 0;
  font-weight: 600;
  color: inherit;
}

/* line 906, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cluster-icons {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  gap: 4px;
}

/* line 916, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tag-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 925, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tag-link:hover, .aws-service-data-table .aws-service-data-table__tag-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 932, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tag-link .glyphicon {
  color: inherit;
}

/* line 938, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__icon-svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

/* line 953, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__icon-svg--tag {
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(/assets/icons/icon-base-tag-a4b299fca5fdf541b055d20cf818adee5faa229dea26f48fed84133ff7f2db33.svg);
  mask-image: url(/assets/icons/icon-base-tag-a4b299fca5fdf541b055d20cf818adee5faa229dea26f48fed84133ff7f2db33.svg);
}

/* line 960, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__icon-svg--speed {
  -webkit-mask-image: url(/assets/icons/icon-speed-bbb0ec810c2738fe5130906baa1aea87b854ebe73b0ea0a35a70fb8b156f6580.svg);
  mask-image: url(/assets/icons/icon-speed-bbb0ec810c2738fe5130906baa1aea87b854ebe73b0ea0a35a70fb8b156f6580.svg);
}

/* line 966, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tag-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

/* line 977, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__access {
  color: inherit;
}

/* line 981, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__access--public {
  color: var(--color-informative-text-primary);
  font-weight: 600;
}

/* line 986, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tier--yes {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 991, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__tier--no {
  color: var(--color-neutral-text-secondary);
}

/* line 995, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__created {
  white-space: nowrap;
}

/* line 999, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__date-line {
  display: block;
  color: inherit;
  font-weight: 400;
}

/* line 1005, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__time-line {
  display: block;
  margin-top: 2px;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 1013, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell-muted {
  color: var(--color-neutral-text-secondary);
}

/* line 1017, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__name-dns {
  min-width: 0;
}

/* line 1021, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__name-line {
  display: block;
  font-weight: 500;
  color: inherit;
}

/* line 1027, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__dns-line {
  display: block;
  margin-top: 4px;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
  word-break: break-all;
}

/* line 1035, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status--ok {
  color: var(--color-main-text-primary);
}

/* line 1039, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--ok {
  background: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 1044, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--warn {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 1049, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__instance-id {
  word-break: break-all;
  max-width: 200px;
}

/* line 1054, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--status {
  vertical-align: middle;
  white-space: nowrap;
}

/* line 1059, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: capitalize;
  white-space: nowrap;
}

/* line 1070, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--running {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1075, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--stopped {
  background: var(--color-error-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1080, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--pending {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 1085, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__status-badge--other {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 1090, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cost {
  text-align: center;
  white-space: nowrap;
}

/* line 1095, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cost--muted .aws-service-data-table__cost-amount {
  color: var(--color-neutral-text-disable) !important;
}

/* line 1099, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cost-amount {
  display: inline-block;
  margin-right: 10px;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1105, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__per-day {
  display: inline-block;
  font-weight: 600;
  color: var(--color-main-text-primary) !important;
  text-decoration: none;
  cursor: pointer;
}

/* line 1112, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__per-day:visited {
  color: var(--color-main-text-primary) !important;
}

/* line 1116, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__per-day:hover, .aws-service-data-table .aws-service-data-table__per-day:focus {
  color: var(--color-main-hover-bg-primary) !important;
  text-decoration: none;
}

/* line 1123, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--center {
  text-align: center;
  white-space: nowrap;
}

/* line 1128, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--monitoring {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 1134, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
}

/* line 1142, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-link:hover, .aws-service-data-table .aws-service-data-table__monitoring-link:focus {
  text-decoration: none;
  color: inherit;
}

/* line 1149, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 1158, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-badge--none {
  background: var(--color-neutral-bg-cross-white-secondary);
  color: var(--color-neutral-text-disable);
}

/* line 1163, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-badge--active {
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
}

/* line 1168, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__monitoring-arrow {
  font-size: 12px;
  color: var(--color-main-text-primary);
  line-height: 1;
}

/* line 1174, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__cell--actions {
  text-align: center;
  white-space: nowrap;
}

/* line 1179, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__month-sep {
  margin: 0 6px;
  color: var(--color-neutral-text-disable);
  user-select: none;
}

/* line 1185, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__month-link {
  display: inline-block;
  padding: 2px 4px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-main-text-primary);
  text-decoration: none;
  border-radius: 4px;
}

/* line 1194, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__month-link:hover, .aws-service-data-table .aws-service-data-table__month-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 1202, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table .aws-service-data-table__chart-cell {
  text-align: center;
}

/* line 1210, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

/* line 1217, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

/* line 1224, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__trigger.btn.btn-sm {
  min-width: 220px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 10px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  box-shadow: none;
}

/* line 1238, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__menu.dropdown-menu {
  border-radius: 8px;
}

/* line 1242, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters--advanced {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  justify-content: flex-start;
  margin: 0 0 12px;
  position: relative;
  width: 100%;
}

/* line 1253, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__advanced-trigger {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  gap: 8px;
  margin: 0;
  max-width: 100%;
  padding: 4px 0 8px;
  text-align: left;
}

/* line 1268, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__active {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

/* line 1276, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__chip {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 10px;
  padding: 6px 10px;
  text-decoration: none;
}

/* line 1288, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__chip-text {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1295, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__chip-x {
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1;
}

/* line 1301, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__chip:hover,
.aws-container-filters__chip:focus {
  border-color: var(--color-main-border);
  outline: none;
  text-decoration: none;
}

/* line 1308, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__advanced-caret {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  transition: transform 0.15s ease;
}

/* line 1314, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters--advanced.is-open .aws-container-filters__advanced-caret {
  transform: rotate(180deg);
}

/* line 1318, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__panel {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
  box-sizing: border-box;
  left: 0;
  margin-top: 8px;
  max-width: 1120px;
  min-width: 0;
  padding: 14px 14px 12px;
  position: absolute;
  top: 100%;
  width: calc(100vw - 96px);
  z-index: 50;
}

/* line 1335, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* line 1342, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__panel-title {
  color: var(--color-neutral-text-secondary);
  line-height: 1.1;
  margin: 0;
}

/* line 1348, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__panel-close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  padding: 0 4px;
}

/* line 1358, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 10px;
}

/* line 1365, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__grid .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  font-size: 16px;
  height: 42px;
  padding-left: 14px;
}

/* line 1375, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__grid .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 1380, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

/* line 1387, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__btn-clear {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 1392, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__btn-apply {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 8px;
  padding: 0;
}

/* line 1402, app/assets/stylesheets/aws_account_services.scss */
.aws-container-filters__btn-clear:hover,
.aws-container-filters__btn-clear:focus,
.aws-container-filters__btn-apply:hover,
.aws-container-filters__btn-apply:focus {
  color: var(--color-main-text-primary);
  outline: none;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 1412, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-filters--advanced {
    width: 100%;
  }
  /* line 1416, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-filters__panel {
    width: 100%;
  }
  /* line 1420, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-filters__grid {
    grid-template-columns: 1fr;
  }
  /* line 1424, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-filters__actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  /* line 1429, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-filters__btn-apply {
    justify-content: center;
  }
}

/* line 1434, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__table-wrap .aws-idle-table-shell {
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
}

/* line 1440, app/assets/stylesheets/aws_account_services.scss */
.aws-container-idle-empty {
  padding: 2.5rem 1.25rem 2rem;
  text-align: center;
}

/* line 1445, app/assets/stylesheets/aws_account_services.scss */
.aws-container-idle-empty__illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 1452, app/assets/stylesheets/aws_account_services.scss */
.aws-container-idle-empty__img {
  width: 200px;
  max-width: 100%;
  height: auto;
}

/* line 1458, app/assets/stylesheets/aws_account_services.scss */
.aws-container-idle-empty__text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1464, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table {
  /* Tons de % (tokens do design system — light/dark via _themes.scss) */
}

/* line 1465, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th {
  border-left: none !important;
  border-right: none !important;
}

/* line 1470, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th:first-child {
  border-left: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 1474, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th:last-child {
  border-right: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 1478, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th:nth-child(n + 2) {
  text-align: right !important;
}

/* line 1482, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th.aws-idle-container-table__th-service,
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th.aws-idle-container-table__th-account {
  text-align: left !important;
}

/* line 1487, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > tbody > tr:not(.aws-service-data-table__chart-row) > td {
  border-left: none !important;
  border-right: none !important;
}

/* line 1492, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > tbody > tr:not(.aws-service-data-table__chart-row) > td:first-child {
  border-left: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 1496, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > tbody > tr:not(.aws-service-data-table__chart-row) > td:last-child {
  border-right: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 1500, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr.aws-idle-metric-legend-row > td.aws-idle-metric-legend__cell {
  text-align: center !important;
}

/* line 1504, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend {
  display: block;
  width: 100%;
}

/* line 1509, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem 2rem;
}

/* line 1517, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1524, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__item--warning {
  color: var(--color-warning-bg-primary);
}

/* line 1528, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__swatch {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* line 1535, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__swatch--blue {
  background: var(--color-informative-text-primary);
}

/* line 1539, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__swatch--red {
  background: var(--color-error-text-primary);
}

/* line 1543, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-legend__swatch--orange {
  background: var(--color-warning-bg-primary);
}

/* line 1547, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__sort-link {
  color: inherit;
  text-decoration: none;
}

/* line 1552, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__sort-link:hover,
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__sort-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: underline;
}

/* line 1558, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__sort-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
}

/* line 1564, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-tone--low {
  color: var(--color-error-text-primary);
}

/* line 1568, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-tone--mid {
  color: var(--color-informative-text-primary);
}

/* line 1572, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-metric-tone--high {
  color: var(--color-warning-bg-primary);
}

/* line 1576, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__chart-loading {
  color: var(--color-neutral-text-secondary);
}

/* line 1580, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__currency {
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  margin-right: 0.5rem;
}

/* line 1586, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__meta-sep {
  color: var(--color-neutral-text-disable);
}

/* line 1590, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__cost {
  color: var(--color-success-text-primary) !important;
}

/* line 1594, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__actions {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

/* line 1601, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__dependencies-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  cursor: pointer;
}

/* line 1612, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__dependencies-link:hover, .aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__dependencies-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 1620, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__dependencies-icon {
  width: 16px;
  height: 16px;
}

/* line 1625, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-container-idle-table__per-day {
  display: inline-block;
  margin-left: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1631, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table .aws-idle-cell-name__meta {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

/* line 1638, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table td.aws-service-data-table__cost--muted .aws-container-idle-table__cost {
  color: var(--color-neutral-text-disable) !important;
}

/* line 1646, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page.aws-idle-page {
  background: var(--color-neutral-bg-secondary);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.5rem;
  border-radius: 0;
}

/* Idle: sem “card” no wrap — borda e cantos ficam no shell da tabela */
/* line 1655, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-page .aws-service-detail-page__table-wrap {
  margin-bottom: 1rem;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

/* line 1664, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-page__summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1.25rem;
}

@media (max-width: 991px) {
  /* line 1673, app/assets/stylesheets/aws_account_services.scss */
  .aws-idle-page__summary-row {
    grid-template-columns: 1fr;
  }
}

/* line 1678, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 3px var(--color-opacity-black-weakest);
  min-width: 0;
}

/* line 1687, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__cols {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}

/* line 1695, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__cols--health {
  align-items: stretch;
}

/* line 1699, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 1708, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__col--health {
  align-items: center;
}

/* line 1712, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__label {
  margin: 0 0 6px;
  width: 100%;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
}

/* line 1721, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__value-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
}

/* line 1730, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__value {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1736, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 0;
  border: none;
  vertical-align: middle;
  color: var(--color-main-bg-primary);
  text-decoration: none;
}

/* line 1748, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__help:hover, .aws-idle-summary-card__help:focus {
  opacity: 0.85;
  text-decoration: none;
}

/* line 1755, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__help-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 1761, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* line 1768, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__range {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1774, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__swatch {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  flex-shrink: 0;
}

/* line 1781, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__swatch--healthy {
  background: var(--color-success-text-primary);
}

/* line 1785, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__swatch--review {
  background: #ffc60b;
}

/* line 1789, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-summary-card__swatch--optimize {
  background: var(--color-error-text-primary);
}

@media (max-width: 576px) {
  /* line 1794, app/assets/stylesheets/aws_account_services.scss */
  .aws-idle-summary-card__cols {
    flex-wrap: wrap;
  }
}

/* line 1799, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-intro {
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 1807, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-intro__title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 1812, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-intro__body {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 1817, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 1827, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-table-shell {
  position: relative;
}

/* line 1831, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-page .aws-idle-table-shell {
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 1836, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend--in-table {
  display: inline-block;
  text-align: left;
  margin: 0;
  padding: 12px 20px;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-border-secondary);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  background: var(--color-neutral-bg-primary);
}

/* Dentro da tabela idle: largura total da célula (colspan) para bordas alinharem às colunas */
/* line 1850, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table .aws-idle-metric-legend--in-table {
  display: block;
  width: 100%;
  max-width: none;
}

/* line 1856, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__grid {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 1.25rem;
  row-gap: 10px;
  align-items: center;
}

/* line 1864, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__label {
  margin: 0;
  padding-right: 0.5rem;
  text-align: left;
  color: var(--color-neutral-text-secondary);
  font-weight: 700;
}

/* line 1872, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 400;
}

/* line 1881, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend--in-table .aws-idle-swatch {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  margin-right: 0;
  flex-shrink: 0;
}

/* line 1889, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__divider {
  width: 1px;
  align-self: stretch;
  min-height: 40px;
  background: var(--color-neutral-border-secondary);
  flex-shrink: 0;
}

/* line 1897, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__title {
  margin: 0 0 0.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 1902, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__line {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1907, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-legend__sep {
  margin: 0 0.5rem;
  color: var(--color-neutral-text-disable);
}

/* line 1912, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 4px;
}

/* line 1921, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-swatch--idle {
  background: #b012fa;
}

/* line 1925, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-swatch--ok {
  background: var(--color-informative-text-primary);
}

/* line 1929, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-cell-name__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-width: 0;
}

/* line 1939, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-cell-name__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  min-width: 0;
  font-weight: 700;
}

/* line 1946, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-cell-name__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 0.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1954, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-graphic-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: var(--color-main-text-primary);
  text-decoration: underline;
  font-weight: 600;
}

/* line 1963, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-graphic-link:hover, .aws-idle-graphic-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 1970, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-graphic-link__glyph {
  font-size: 12px;
}

/* line 1974, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-view-details-link {
  display: inline-block;
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 600;
}

/* line 1980, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-view-details-link:hover, .aws-idle-view-details-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

@media (max-width: 640px) {
  /* line 1988, app/assets/stylesheets/aws_account_services.scss */
  .aws-idle-metric-legend--in-table {
    padding: 0.75rem 1rem;
  }
}

/* line 1993, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table {
  /* Sem padding horizontal: o card usa 100% da largura do colspan (CPU…JVM Max) e alinha às verticais */
}

/* line 1994, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th {
  background: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-secondary) !important;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-left: 1px solid var(--color-neutral-border-secondary);
  font-weight: 700;
}

/* line 2002, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr:nth-child(odd):not(.aws-service-data-table__chart-row) > td {
  background-color: var(--color-neutral-bg-cross-white-secondary);
}

/* line 2006, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr:nth-child(even):not(.aws-service-data-table__chart-row) > td {
  background-color: var(--color-neutral-bg-cross-white-primary);
}

/* line 2010, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr:not(.aws-service-data-table__chart-row) > td {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  border-left: 1px solid var(--color-neutral-border-secondary);
}

/* line 2015, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr:not(.aws-service-data-table__chart-row) > td:last-child {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 2020, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr.aws-idle-metric-legend-row > td.aws-idle-metric-legend__cell {
  padding: 0.5rem 0 0 !important;
  text-align: left;
  vertical-align: bottom;
  background: var(--color-neutral-bg-primary);
  border: none;
}

/* line 2028, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr.aws-idle-metric-legend-row > td {
  padding: 0;
  border-bottom: none;
  vertical-align: bottom;
  background: var(--color-neutral-bg-primary);
}

/* line 2035, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr.aws-idle-metric-legend-row > td.aws-idle-metric-legend__spacer {
  padding: 0;
  border: none;
}

/* line 2040, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr > th:first-child {
  text-align: left;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-top-left-radius: 12px;
}

/* line 2046, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr > th:last-child {
  text-align: left;
  border-right: 1px solid var(--color-neutral-border-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-top-right-radius: 12px;
}

/* line 2054, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th:nth-child(n + 2):nth-child(-n + 6) {
  text-align: center;
}

/* line 2058, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th.aws-idle-table__th--region {
  text-align: left;
}

/* line 2062, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th.aws-idle-table__th-num:nth-last-child(2) {
  text-align: right;
}

/* line 2066, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table.aws-container-idle-table > thead > tr:not(.aws-idle-metric-legend-row) > th.aws-idle-container-table__th-num {
  text-align: left !important;
}

/* line 2070, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-table__td-actions {
  text-align: center;
  vertical-align: middle;
}

/* line 2075, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-cell-name {
  text-align: left;
}

/* line 2079, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-table__td-num,
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-table__td-eff {
  text-align: right;
  vertical-align: middle;
}

/* line 2085, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-container-table__td-num,
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-table__td-eff {
  text-align: left;
  vertical-align: left;
}

/* line 2091, app/assets/stylesheets/aws_account_services.scss */
.aws-service-data-table.aws-idle-table > tbody > tr > td.aws-idle-table__td-eff .aws-idle-eff-cell {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

/* line 2098, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric-value {
  font-weight: 600;
}

/* line 2102, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric--idle {
  color: #b012fa;
}

/* line 2106, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-metric--ok {
  color: var(--color-informative-text-primary);
}

/* line 2110, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--color-neutral-text-primary);
}

/* line 2120, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell--inline {
  flex-wrap: nowrap;
  gap: 4px;
  justify-content: flex-end;
}

/* line 2125, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell--inline .aws-idle-eff-cell__label {
  font-weight: 500;
}

/* line 2130, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell__value {
  margin: 0;
}

/* line 2134, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell__label {
  margin: 0;
  font-weight: 600;
}

/* line 2139, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell__icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

/* line 2145, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell__speed-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(/assets/icons/icon-speed-bbb0ec810c2738fe5130906baa1aea87b854ebe73b0ea0a35a70fb8b156f6580.svg);
  mask-image: url(/assets/icons/icon-speed-bbb0ec810c2738fe5130906baa1aea87b854ebe73b0ea0a35a70fb8b156f6580.svg);
}

/* line 2160, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell.aws-idle-eff--healthy {
  color: var(--color-success-text-primary);
}

/* line 2164, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell.aws-idle-eff--review {
  color: var(--color-warning-text-primary);
}

/* line 2168, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-eff-cell.aws-idle-eff--optimize {
  color: var(--color-error-text-primary);
}

/* line 2172, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-cost-value {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 2177, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-cell-dash {
  color: var(--color-neutral-text-disable);
}

/* Modal de gráfico (idle) — alinhado ao design system */
/* line 2182, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__content {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 2189, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.25rem;
  border-radius: 16px 16px 0px 0px;
}

/* line 2195, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__title {
  margin: 0;
  padding-right: 1.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 2201, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__close {
  color: var(--color-neutral-text-secondary);
  opacity: 0.85;
}

/* line 2205, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__close:hover {
  color: var(--color-neutral-text-primary);
  opacity: 1;
}

/* line 2211, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__body {
  padding: 40px 40px 40px 40px;
}

/* Legenda do gráfico: flex centralizado (evita ficar colado à esquerda no modal) */
/* line 2216, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend,
#awsIdleChartLegend.aws-idle-chart-modal__legend {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
  align-content: center;
  gap: 0.5rem 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  text-align: center;
}

/* line 2237, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 2244, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-swatch {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* line 2251, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-label {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 2256, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font: inherit;
}

/* line 2270, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-toggle:hover, .aws-idle-chart-modal__legend-toggle:focus {
  color: var(--color-main-hover-bg-primary);
  background: transparent;
  border: none;
}

/* line 2277, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__legend-toggle:focus-visible {
  outline: 2px solid var(--color-main-text-primary);
  outline-offset: 2px;
}

/* line 2283, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__eye {
  font-size: 12px;
  color: inherit;
}

/* line 2288, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__chart-wrap {
  position: relative;
  height: 380px;
  min-height: 280px;
}

/* line 2294, app/assets/stylesheets/aws_account_services.scss */
.aws-idle-chart-modal__loading {
  text-align: center;
  padding: 1.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 2300, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-page__pagination {
  margin-top: 0.5rem;
}

/* Daily cost modal (per day) — near full-screen, dark scrim (design token: neutral cross-black primary) */
/* line 2309, app/assets/stylesheets/aws_account_services.scss */
body.aws-daily-cost-modal-open .modal-backdrop {
  background-color: rgba(16, 16, 16, 0.72);
  opacity: 1 !important;
}

/* line 2315, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__dialog {
  width: calc(100vw - 32px);
  max-width: none;
  margin: 16px auto;
  padding: 40px;
  height: calc(100vh - 32px);
}

/* line 2323, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-neutral-bg-primary);
  overflow: hidden;
  padding: 16px;
}

/* line 2335, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__header.modal-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.5rem 1.25rem;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  flex-shrink: 0;
}

/* line 2345, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__header-row {
  width: 100%;
  min-width: 0;
}

/* line 2350, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__header-row--close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* line 2356, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__header-row--main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}

/* line 2364, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__titles {
  min-width: 0;
  flex: 1 1 220px;
  max-width: 100%;
}

/* line 2370, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* line 2377, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__resource-id {
  margin: 4px 0 0;
  color: var(--color-neutral-text-secondary);
  word-break: break-all;
  line-height: 1.4;
}

@media (max-width: 640px) {
  /* line 2385, app/assets/stylesheets/aws_account_services.scss */
  .aws-daily-cost-modal__header-row--main {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 2390, app/assets/stylesheets/aws_account_services.scss */
  .aws-daily-cost-modal__toggles {
    justify-content: flex-end;
  }
}

/* line 2395, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggles {
  display: inline-flex;
  flex-shrink: 0;
  margin-right: 47px;
  align-items: center;
  gap: 16px;
  background: transparent;
  border: none;
  padding: 0;
}

/* line 2406, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 8px 16px !important;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-secondary) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  white-space: nowrap;
}

/* line 2420, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle .glyphicon {
  font-size: 15px;
  line-height: 1;
  color: #006654;
}

/* line 2426, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle .aws-daily-cost-modal__toggle-label {
  color: var(--color-neutral-text-primary);
  font-weight: inherit;
}

/* line 2431, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle:hover, .aws-daily-cost-modal__toggle:focus {
  background: var(--color-neutral-hover-bg-primary) !important;
}

/* line 2435, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle:hover .aws-daily-cost-modal__toggle-label, .aws-daily-cost-modal__toggle:focus .aws-daily-cost-modal__toggle-label {
  color: var(--color-neutral-text-primary);
}

/* line 2439, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle:hover .glyphicon, .aws-daily-cost-modal__toggle:focus .glyphicon {
  color: #006654;
}

/* line 2445, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active {
  background: #006654 !important;
  color: #fff !important;
}

/* line 2449, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active .glyphicon {
  color: #fff !important;
}

/* line 2453, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active .aws-daily-cost-modal__toggle-label {
  color: #fff !important;
}

/* line 2457, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active:hover, .aws-daily-cost-modal__toggle--active:focus {
  background: #006654 !important;
  color: #fff !important;
}

/* line 2462, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active:hover .glyphicon, .aws-daily-cost-modal__toggle--active:focus .glyphicon {
  color: #fff !important;
}

/* line 2466, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__toggle--active:hover .aws-daily-cost-modal__toggle-label, .aws-daily-cost-modal__toggle--active:focus .aws-daily-cost-modal__toggle-label {
  color: #fff !important;
}

/* line 2472, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__close {
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: background 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}

/* line 2491, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__close > span {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  /* Optical center for × (glyphs often sit low/right in the box) */
  transform: translate(-0.5px, -1px);
}

/* line 2500, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__close:hover, .aws-daily-cost-modal__close:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  border-color: var(--color-neutral-border-secondary);
  outline: none;
}

/* line 2509, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__body {
  padding: 1.25rem 1.5rem 1rem;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 2518, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__stats {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  background: var(--color-neutral-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 1rem;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 2531, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__stat {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0.75rem;
  min-width: 0;
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 2541, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__stat:last-child {
  border-right: none;
}

/* line 2546, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__stat-line {
  display: block;
  color: var(--color-neutral-text-primary);
  line-height: 1.4;
  word-break: break-word;
}

/* line 2553, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__calendar-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 2561, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__calendar-wrap--six-weeks .aws-daily-cost-modal__cell:not(.aws-daily-cost-modal__cell--empty) {
  height: 82px;
}

/* line 2566, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__calendar-frame {
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  overflow: hidden;
}

/* line 2573, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__grid {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--color-neutral-bg-primary);
}

/* line 2580, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__th {
  text-align: center;
  padding: 12px 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-secondary);
  font-weight: 600;
}

/* line 2589, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell {
  vertical-align: top;
  padding: 0;
  height: 96px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 2597, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell--empty {
  background: var(--color-neutral-bg-secondary);
}

/* line 2601, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell--highlight {
  background: #c5ebe4 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 102, 84, 0.12);
}

/* line 2606, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell--today {
  background: var(--color-neutral-bg-secondary) !important;
}

/* line 2610, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  min-height: 100%;
  padding: 12px 10px;
  box-sizing: border-box;
}

/* line 2621, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__day-num {
  flex-shrink: 0;
  color: var(--color-neutral-text-primary);
  line-height: 1.2;
}

/* line 2627, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__cell-values {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
  word-break: break-word;
}

/* line 2638, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__daily {
  display: block;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  line-height: 1.35;
  font-weight: 400;
}

/* line 2646, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__total {
  display: block;
  color: var(--color-neutral-text-primary);
  line-height: 1.35;
}

/* line 2652, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__table-pane {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 0;
}

/* line 2661, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__graphic-view {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  max-width: 1288px;
  max-height: 471px;
  margin: 16px 36px 110px 36px;
  box-sizing: border-box;
}

/* line 2671, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__footer.modal-footer {
  position: relative;
  z-index: 2;
  text-align: center;
  border-radius: 12px;
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.5rem;
  flex-shrink: 0;
  background: var(--color-neutral-bg-primary);
}

/* line 2682, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__nav-link {
  font-weight: 600;
  color: #006654 !important;
  text-decoration: none !important;
  padding: 0 8px;
}

/* line 2688, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__nav-link:hover, .aws-daily-cost-modal__nav-link:focus {
  text-decoration: underline !important;
  color: #006654 !important;
}

/* line 2694, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__nav-link.is-disabled {
  color: var(--color-neutral-text-disable) !important;
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none !important;
}

/* line 2702, app/assets/stylesheets/aws_account_services.scss */
.aws-daily-cost-modal__footer-divider {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
  border-radius: 12px;
  background: var(--color-neutral-border-secondary);
}

/* line 2716, app/assets/stylesheets/aws_account_services.scss */
body.modal-open .modal-backdrop {
  background-color: var(--color-opacity-black-strongest);
}

/* line 2720, app/assets/stylesheets/aws_account_services.scss */
body.modal-open .modal-backdrop.in {
  opacity: 1;
}

/* line 2724, app/assets/stylesheets/aws_account_services.scss */
.aws-service-detail-help-modal__dialog {
  max-width: 560px;
  width: calc(100% - 4rem);
  margin: 2rem auto;
}

/* line 2730, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal {
  position: relative;
  padding: 1.5rem;
  border-radius: 16px;
  border: none;
  background: #464646;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}

/* line 2739, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal .modal-header,
.scale-hub-help-modal .modal-footer {
  display: none;
}

/* line 2745, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  color: var(--color-neutral-text-secondary);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

/* line 2756, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__close:hover {
  color: var(--color-neutral-text-primary);
}

/* line 2761, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__icon-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 2768, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 2775, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__icon img {
  width: 18px;
  height: 18px;
}

/* line 2781, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__eyebrow {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* line 2788, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  line-height: 1.9;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

/* line 2796, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
}

/* line 2803, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__list {
  margin: 0;
  padding-left: 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 2810, app/assets/stylesheets/aws_account_services.scss */
.scale-hub-help-modal__list li + li {
  margin-top: 0.5rem;
}

/* line 2816, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__dialog {
  width: 94%;
  max-width: 960px;
  margin: 40px auto;
}

/* line 2822, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__content {
  border: 0;
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: var(--shadow-elevation-modal, 0 16px 48px var(--color-opacity-black-weak));
  overflow: hidden;
}

/* line 2830, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.25rem 0.75rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 2839, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__titles {
  min-width: 0;
}

/* line 2843, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 2848, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__subtitle {
  margin: 4px 0 0;
  color: var(--color-neutral-text-secondary);
  word-break: break-word;
}

/* line 2854, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__close {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

/* line 2866, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__close:hover, .aws-container-dependencies-modal__close:focus {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 2874, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body {
  padding: 1.25rem;
  max-height: 70vh;
  overflow-y: auto;
}

/* line 2879, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .row.aws-hub-account-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-left: 0;
  margin-right: 0;
}

/* line 2886, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .row.aws-hub-account-grid::before, .aws-container-dependencies-modal__body .row.aws-hub-account-grid::after {
  display: none;
}

@media (min-width: 768px) {
  /* line 2879, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-dependencies-modal__body .row.aws-hub-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  /* line 2879, app/assets/stylesheets/aws_account_services.scss */
  .aws-container-dependencies-modal__body .row.aws-hub-account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* line 2900, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .aws-hub-account-col {
  width: 100%;
  float: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}

/* line 2908, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .applications-hub-resource-card {
  height: auto;
  min-width: 0;
  overflow: visible;
}

/* line 2914, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .applications-hub-resource-card__meta {
  max-height: none;
  overflow: visible;
}

/* line 2919, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .applications-hub-resource-card__meta-line {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* line 2928, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__body .applications-hub-section__title {
  margin-top: 0;
}

/* line 2933, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__loading {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2938, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem 1.25rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 2947, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__full-link {
  color: var(--color-informative-text-primary);
  text-decoration: none;
}

/* line 2951, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__full-link:hover, .aws-container-dependencies-modal__full-link:focus {
  text-decoration: underline;
}

/* line 2957, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__dismiss {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  padding: 8px 14px;
  cursor: pointer;
}

/* line 2965, app/assets/stylesheets/aws_account_services.scss */
.aws-container-dependencies-modal__dismiss:hover, .aws-container-dependencies-modal__dismiss:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 2972, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 1.25rem;
  text-align: center;
}

/* line 2982, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__illustration {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2988, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__img {
  width: 160px;
  max-width: 100%;
  height: auto;
}

/* line 2994, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__img--dark {
  display: none;
}

/* line 2999, app/assets/stylesheets/aws_account_services.scss */
html[data-theme='dark'] .applications-dependency-services-empty__img--light {
  display: none;
}

/* line 3003, app/assets/stylesheets/aws_account_services.scss */
html[data-theme='dark'] .applications-dependency-services-empty__img--dark {
  display: block;
}

/* line 3008, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 3013, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__link {
  color: var(--color-informative-text-primary);
  text-decoration: none;
}

/* line 3017, app/assets/stylesheets/aws_account_services.scss */
.applications-dependency-services-empty__link:hover, .applications-dependency-services-empty__link:focus {
  text-decoration: underline;
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__breadcrumb {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  background: transparent;
}

/* line 14, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__hero {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* line 20, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__title-block {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 26, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__title-text {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  line-height: 0;
  flex-shrink: 0;
}

/* line 43, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__help-icon {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 49, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}

/* line 58, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__controls--no-sort {
  justify-content: flex-end;
}

/* line 62, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__controls-right-cluster {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  min-width: 0;
}

/* line 72, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort {
  position: relative;
  display: inline-block;
}

/* line 77, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 8px 16px;
  margin: 0;
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 999px;
  background: var(--color-neutral-bg-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  line-height: 1.25;
  max-width: 100%;
}

/* line 93, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-trigger:hover, .aws-accounts-hub-page__sort-trigger:focus, .aws-accounts-hub-page__sort-trigger[aria-expanded='true'], .aws-accounts-hub-page__sort-trigger.is-active {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 102, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-glyph {
  color: var(--color-neutral-text-secondary);
  font-size: 13px;
  line-height: 1;
  flex-shrink: 0;
}

/* line 109, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-trigger-text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.35em;
  min-width: 0;
}

/* line 117, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-label {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
}

/* line 125, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-value {
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 134, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-chevron {
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--color-neutral-text-secondary);
  margin-left: 2px;
}

/* line 144, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1060;
  min-width: 280px;
  padding: 1rem 1rem 0.75rem;
  margin: 0;
  background: var(--color-neutral-bg-primary);
  border-radius: 14px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 40px var(--color-neutral-shadow-sm), 0 0 0 1px var(--color-neutral-border-secondary);
}

/* line 158, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-title {
  margin: 0 0 0.75rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 166, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 172, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-radio-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 !important;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-radio {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--color-main-bg-primary);
}

/* line 190, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-radio-label {
  flex: 1;
  line-height: 1.35;
}

/* line 195, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 204, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 215, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-btn--text {
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-btn--text:hover, .aws-accounts-hub-page__sort-panel-btn--text:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 226, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-btn--apply {
  padding: 8px 20px;
  border-radius: 999px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 233, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__sort-panel-btn--apply:hover, .aws-accounts-hub-page__sort-panel-btn--apply:focus {
  background: var(--color-neutral-bg-tertiary);
  outline: none;
}

/* line 240, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__billing-hint {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 246, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-dropdown-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto;
  width: auto;
  max-width: 480px;
  min-width: 220px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* line 261, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-dropdown-wrap.is-open, .aws-accounts-hub-page__period-dropdown-wrap:has(.aws-accounts-hub-page__period-trigger[aria-expanded='true']) {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 268, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0.85;
}

/* line 277, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 284, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__control {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 290, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: "Poppins", "Roboto", sans-serif;
  color: var(--color-neutral-text-primary);
}

/* line 305, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger:focus {
  outline: none;
}

/* line 309, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger:focus-visible {
  outline: 2px solid var(--color-main-border);
  outline-offset: 2px;
  border-radius: 4px;
}

/* line 316, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 323, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-neutral-text-secondary);
}

/* line 331, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger-value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  line-height: 1.25;
  word-break: break-word;
}

/* line 339, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger-chevron {
  flex-shrink: 0;
  align-self: center;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-neutral-text-secondary);
  transition: transform 0.15s ease;
}

/* line 350, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__period-trigger[aria-expanded='true'] .aws-accounts-hub-page__period-trigger-chevron {
  transform: rotate(180deg);
}

/* Flatpickr — Account Hub range picker (cores = var(--color-*), ver _themes.scss) */
/* line 356, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  width: fit-content;
  max-width: calc(100vw - 24px);
  z-index: 1060;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
}

@media (min-width: 544px) {
  /* line 356, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-hub-period-picker__panel {
    max-width: 520px;
  }
}

/* line 374, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__calendar-wrap {
  position: relative;
  /* visible: evita cortar o input do ano à direita do cabeçalho (mês + ano) */
  overflow: visible;
  width: fit-content;
  max-width: 100%;
}

/* line 382, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 390, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 400, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__btn {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 8px 22px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* line 411, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__btn--text {
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  padding: 8px 0;
}

/* line 417, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__btn--text:hover, .aws-hub-period-picker__btn--text:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 424, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__btn--apply {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 429, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__btn--apply:hover, .aws-hub-period-picker__btn--apply:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 436, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-calendar {
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 446, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-innerContainer {
  overflow: visible;
  box-sizing: border-box;
}

/* line 451, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-rContainer,
.aws-hub-period-picker__panel .flatpickr-days {
  box-sizing: border-box;
}

/* line 456, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.25rem 0.75rem;
}

/* line 463, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-month {
  color: var(--color-neutral-text-primary);
  min-height: 44px;
}

/* line 468, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-current-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  padding-top: 0;
}

/* Mês (dropdown) — o <select> não herda o font-size do .flatpickr-current-month */
/* line 477, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-monthDropdown-months {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 10px;
  min-height: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 0px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
}

/* line 493, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 70px;
}

/* line 500, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowUp,
.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowDown {
  /* afasta as setas da zona dos dígitos (evita sobrepor o último algarismo) */
  right: -4px;
}

/* line 506, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-current-month .numInput.cur-year,
.aws-hub-period-picker__panel .flatpickr-current-month input.cur-year {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 26px 6px 10px;
  min-width: 70px;
  width: 90px !important;
  max-width: none;
  min-height: 36px;
  box-sizing: border-box;
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
}

/* line 523, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-prev-month,
.aws-hub-period-picker__panel .flatpickr-next-month {
  position: relative;
  top: 0;
  fill: var(--color-main-text-primary);
  color: var(--color-main-text-primary);
}

/* line 530, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-prev-month svg,
.aws-hub-period-picker__panel .flatpickr-next-month svg {
  fill: var(--color-main-text-primary);
}

/* line 534, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-prev-month:hover svg, .aws-hub-period-picker__panel .flatpickr-prev-month:focus svg,
.aws-hub-period-picker__panel .flatpickr-next-month:hover svg,
.aws-hub-period-picker__panel .flatpickr-next-month:focus svg {
  fill: var(--color-main-hover-bg-primary);
}

/* line 540, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-weekdays {
  padding: 0 0.25rem 0.5rem;
}

/* line 544, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-weekday {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
}

/* Dia base — células coladas (sem max-width 39px do Flatpickr) */
/* line 552, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 558, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14.2857143%;
  width: 14.2857143%;
  max-width: none;
  margin: 0;
  height: 40px;
  max-height: 40px;
  line-height: 40px;
  border-radius: 0;
  border: none;
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  box-sizing: border-box;
}

/* line 577, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day:hover:not(.selected):not(.inRange) {
  border-radius: 50%;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 582, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay,
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay {
  color: var(--color-neutral-text-disable);
}

/* line 587, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange) {
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  background: transparent;
}

/* ---- Intervalo: mint e círculo 32px via background (círculo por cima) ---- */
/* line 596, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange) {
  position: relative;
  border: none;
  color: var(--color-neutral-text-primary);
  border-radius: 0;
  background-color: transparent;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary));
  background-repeat: no-repeat;
  background-size: calc(100% + 10px) 32px;
  background-position: center;
  box-shadow: none;
}

/* line 612, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.inRange:not(.startRange):not(.endRange) {
  position: relative;
  background-color: transparent;
  color: var(--color-neutral-text-primary);
  border-radius: 0;
  border: none;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary));
  background-repeat: no-repeat;
  background-size: calc(100% + 10px) 32px;
  background-position: center;
  box-shadow: none;
}

/* line 629, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange):hover {
  background-color: transparent;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary));
  background-size: calc(100% + 10px) 32px;
  background-position: center;
  box-shadow: none;
}

/* line 640, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  position: relative;
  z-index: 2;
  overflow: visible;
  border-radius: 0;
  border: none;
  color: var(--color-neutral-text-active);
  background-color: transparent;
  background-repeat: no-repeat;
  box-shadow: none;
}

/* line 654, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::after {
  content: none;
}

/* line 660, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange) {
  z-index: 3;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary));
  background-size: 32px 32px, calc(50% + 5px) 32px;
  background-position: center, right -5px center;
}

/* line 677, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  z-index: 2;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary));
  background-size: 32px 32px, calc(50% + 5px) 32px;
  background-position: center, left -5px center;
}

/* line 694, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.endRange:not(.startRange) {
  color: var(--color-neutral-text-active);
}

/* Dia único no range (só startRange, sem endRange separado): círculo cheio */
/* line 702, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange) {
  border-radius: 50%;
  background: var(--color-main-bg-primary);
  background-image: none;
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: none;
}

/* line 711, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange)::after {
  content: none;
}

/* line 717, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange {
  border-radius: 50%;
  background: var(--color-main-bg-primary);
  background-image: none;
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: none;
}

/* line 725, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange::before, .aws-hub-period-picker__panel .flatpickr-day.startRange.endRange::after {
  content: none;
}

/* line 731, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):hover,
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):focus {
  border-radius: 50%;
  background: var(--color-main-bg-primary);
  background-image: none;
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: none;
}

/* line 743, app/assets/stylesheets/aws_accounts_hub.scss */
.portal-accounts-new-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  cursor: pointer;
  text-decoration: none;
}

/* line 756, app/assets/stylesheets/aws_accounts_hub.scss */
.portal-accounts-new-btn:hover, .portal-accounts-new-btn:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
  text-decoration: none;
}

/* line 765, app/assets/stylesheets/aws_accounts_hub.scss */
.portal-accounts-new-btn__icon {
  font-size: 14px;
  line-height: 1;
}

/* line 770, app/assets/stylesheets/aws_accounts_hub.scss */
.portal-accounts-new-btn__text {
  line-height: 1;
}

/* line 774, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__btn-new {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--color-main-bg-primary);
  border: none;
  border-radius: 8px;
  padding: 12px 24px !important;
  white-space: nowrap;
  color: var(--color-neutral-text-active);
}

/* line 786, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__btn-new:hover, .aws-accounts-hub-page__btn-new:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* Plus icon: size without web-heading-* (those classes force dark text with !important) */
/* line 794, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__btn-new-plus {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: inherit;
}

/* line 801, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__accounts {
  margin-top: 0.5rem;
}

/* line 805, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__pagination {
  padding: 0;
  margin-top: 1.25rem;
}

/* line 810, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__billing {
  margin-bottom: 1.5rem;
}

/* line 814, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__empty-banner {
  margin-bottom: 1.25rem;
  border-radius: 8px;
}

/* line 819, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__empty-title {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
}

/* line 824, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-accounts-hub-page__empty-text {
  margin: 0;
  font-size: 1rem;
}

/* ---- Collapsible company groups (barra de título, não “card” envolvendo o grid) ---- */
/* line 830, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group {
  margin-bottom: 1.5rem;
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

/* line 838, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  margin: 0 0 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  box-shadow: none;
  text-align: left;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* line 857, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__header:hover, .aws-hub-group__header:focus {
  background: var(--color-neutral-hover-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  outline: none;
}

/* line 865, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__icon {
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
}

/* line 874, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__icon-img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}

/* line 881, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__icon-img--dark {
  display: none;
}

/* line 885, app/assets/stylesheets/aws_accounts_hub.scss */
html[data-theme='dark'] .aws-hub-group__icon-img--light {
  display: none;
}

/* line 889, app/assets/stylesheets/aws_accounts_hub.scss */
html[data-theme='dark'] .aws-hub-group__icon-img--dark {
  display: block;
}

/* line 893, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__titleline {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  min-width: 0;
}

/* line 902, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__name {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 907, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__count {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid var(--color-neutral-border-secondary);
  font-size: 10px;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 920, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__chevron {
  flex-shrink: 0;
  margin-left: auto;
  transition: transform 0.2s ease;
  color: var(--color-neutral-text-secondary);
  font-size: 12px;
}

/* line 928, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__header.collapsed .aws-hub-group__chevron,
.aws-hub-group__header[aria-expanded='false'] .aws-hub-group__chevron {
  transform: rotate(-90deg);
}

/* line 933, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-group__body {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

/* line 940, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -8px;
  margin-right: -8px;
}

/* line 948, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-grid::before, .aws-hub-account-grid::after {
  content: none;
  display: none;
}

/* line 955, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-col {
  float: none;
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 1rem;
}

/* ---- Account card (avatar + métricas + footer — cores via var(--color-*)) ---- */
/* line 965, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: none;
  padding: 1rem;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* line 977, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card:hover {
  border-color: var(--color-main-border);
  box-shadow: 0 4px 14px var(--color-opacity-black-weakest);
}

/* line 983, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__top {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 990, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__avatar {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1006, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__identity {
  flex: 1;
  min-width: 0;
}

/* line 1011, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 1020, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__id {
  display: block;
  color: var(--color-neutral-text-secondary);
  margin-top: 4px;
  word-break: break-all;
}

/* line 1027, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-env {
  flex-shrink: 0;
  align-self: flex-start;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;
}

/* PRD: Informative / bg-secondary */
/* line 1036, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-env--prd {
  background-color: var(--color-informative-bg-secondary);
}

/* STG: Warning / bg-secondary */
/* line 1041, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-env--stg {
  background-color: var(--color-warning-bg-secondary);
}

/* DEV: Main / bg-secondary */
/* line 1046, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-env--dev {
  background-color: var(--color-main-bg-secondary);
}

/* line 1050, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-env--na {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 1054, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__metrics {
  display: flex;
  gap: 1rem;
  padding: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  border-radius: 10px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1064, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__metric {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

/* line 1072, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__metric-label {
  text-transform: none;
  color: var(--color-neutral-text-secondary);
}

/* line 1077, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__metric-value {
  color: var(--color-neutral-text-primary);
}

/* line 1081, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__metric-period {
  color: var(--color-neutral-text-primary);
}

/* line 1085, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: none;
}

/* line 1096, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 1105, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link:hover, .aws-hub-account-card__link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* Glyphicons must not use web-heading-* (those set Poppins and break Halflings + color) */
/* line 1113, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link-glyph {
  flex-shrink: 0;
  font-family: 'Glyphicons Halflings' !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1;
  color: inherit;
}

/* line 1122, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link--muted {
  color: var(--color-neutral-text-secondary);
  cursor: default;
  text-decoration: none;
}

/* line 1127, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link--muted:hover {
  text-decoration: none;
  color: var(--color-neutral-text-secondary);
}

/* line 1133, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link--danger {
  color: var(--color-feedback-error-text, #c9302c);
}

/* line 1136, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-hub-account-card__link--danger:hover {
  color: var(--color-feedback-error-text, #c9302c);
}

@media (max-width: 991px) {
  /* line 1142, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-accounts-hub-page__controls:not(.aws-accounts-hub-page__controls--no-sort) {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 1147, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-accounts-hub-page__sort {
    align-self: flex-start;
  }
  /* line 1151, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-accounts-hub-page__controls-right-cluster {
    justify-content: stretch;
    flex-direction: column;
    align-items: stretch;
  }
  /* line 1157, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-accounts-hub-page__controls-right-cluster .aws-accounts-hub-page__period-dropdown-wrap {
    width: 100%;
    max-width: none;
  }
  /* line 1162, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-accounts-hub-page__controls-right-cluster .aws-accounts-hub-page__btn-new {
    align-self: flex-end;
  }
}

/* Import / Edit tags — right drawer (AWS Accounts hub) */
/* line 1169, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal.fade .modal-dialog {
  opacity: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

/* line 1177, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal.fade.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1182, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  width: 100%;
  max-width: 640px;
}

@media (max-width: 720px) {
  /* line 1194, app/assets/stylesheets/aws_accounts_hub.scss */
  .aws-import-tags-drawer.modal .modal-dialog {
    max-width: calc(100vw - 2.5rem);
  }
}

/* line 1199, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .modal-content {
  height: 100%;
  border-radius: 8px;
  border: none;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  background: var(--color-neutral-bg-primary);
  text-align: left;
  overflow: hidden;
}

/* line 1211, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .modal-content > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* line 1218, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__header {
  flex-shrink: 0;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px 8px 0 0;
}

/* line 1225, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__body {
  flex: 1;
  min-height: 0;
  padding: 1rem 1.25rem;
  overflow-y: auto;
}

/* line 1232, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__footer {
  flex-shrink: 0;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 0.75rem;
  text-align: left;
  clear: both;
}

/* line 1240, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__footer::before, .aws-import-tags-drawer.modal .aws-import-tags-drawer__footer::after {
  display: none !important;
  content: none !important;
}

/* line 1256, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 10px 16px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  box-shadow: none;
  background-image: none;
}

/* line 1272, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 1278, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn--cancel {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1283, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn--cancel:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1290, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn--submit {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 1295, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn--submit:hover:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1301, app/assets/stylesheets/aws_accounts_hub.scss */
.aws-import-tags-drawer.modal .aws-import-tags-drawer__btn--submit:disabled {
  cursor: not-allowed;
  background: var(--color-neutral-bg-disable);
  border-color: transparent;
  color: var(--color-neutral-text-disable);
  opacity: 1;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__breadcrumb {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  background: transparent;
}

/* line 14, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

/* line 22, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 27, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__title-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* line 34, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* line 41, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* line 49, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__account-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 59, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__account-btn:hover, .aws-cost-comparison-page__account-btn:focus {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 68, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__account-btn--title {
  margin-top: 2px;
}

/* line 72, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker {
  position: relative;
}

/* line 76, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page .aws-accounts-hub-page__period-dropdown-wrap {
  width: auto;
  min-width: 300px;
  max-width: 420px;
}

/* line 82, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page .aws-hub-period-picker__panel {
  z-index: 1070;
}

/* line 86, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__period-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

@media (max-width: 767px) {
  /* line 98, app/assets/stylesheets/aws_cost_comparison_detail.scss */
  .aws-cost-comparison-page .aws-accounts-hub-page__period-dropdown-wrap {
    min-width: 100%;
    max-width: 100%;
  }
}

/* line 104, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__export-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: var(--color-main-text-primary);
  text-decoration: none;
  line-height: 1.2;
  font-weight: 600;
}

/* line 117, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__export-btn:hover, .aws-cost-comparison-page__export-btn:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  background: transparent !important;
  border-color: transparent !important;
  outline: none;
}

/* line 126, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__export-btn .glyphicon {
  color: inherit;
  font-size: 13px;
  line-height: 1;
}

/* line 133, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
  /* line 141, app/assets/stylesheets/aws_cost_comparison_detail.scss */
  .aws-cost-comparison-page__summary-grid {
    grid-template-columns: 1fr;
  }
}

/* line 146, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card {
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
}

/* line 153, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__label {
  margin-left: 48px;
  padding: 0px;
  margin-bottom: 4px;
  margin-top: 0px;
  color: var(--color-neutral-text-secondary);
}

/* line 161, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__value {
  margin-left: 48px;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: var(--color-neutral-text-primary);
}

/* line 169, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__value--highlight {
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__value--up {
  color: var(--color-error-text-primary);
}

/* line 177, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__value--down {
  color: var(--color-success-text-primary);
}

/* line 181, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__percentage {
  font-size: 0.62em;
  color: inherit;
}

/* line 186, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__trend-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -2px;
}

/* line 193, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__meta {
  margin-left: 48px;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: var(--color-neutral-text-secondary);
}

/* line 201, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__period-head {
  margin-left: 16px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-neutral-text-primary);
}

/* line 210, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-card__period-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 216, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__section {
  margin-bottom: 1.5rem;
}

/* line 220, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__section-title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 225, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table-wrap {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  overflow: hidden;
}

/* line 232, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table-container {
  margin-bottom: 0;
  border: 0;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
}

/* line 240, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

/* line 246, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > thead > tr > th {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 253, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > thead > tr > th:first-child {
  border-top-left-radius: 12px;
}

/* line 257, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > thead > tr > th:last-child {
  border-top-right-radius: 12px;
}

/* line 261, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > tbody > tr > td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 268, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-cross-white-secondary);
}

/* line 272, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-cross-white-primary);
}

/* line 276, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table > tbody > tr:last-child > td {
  border-bottom: none;
}

@media (max-width: 767px) {
  /* line 282, app/assets/stylesheets/aws_cost_comparison_detail.scss */
  .aws-cost-comparison-table-container {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

/* line 288, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table__th--num,
.aws-cost-comparison-table__num {
  text-align: left;
  color: var(--color-neutral-text-secondary);
}

/* line 294, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table__num--up {
  color: var(--color-error-text-primary) !important;
}

/* line 298, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table__num--down {
  color: var(--color-success-text-primary) !important;
}

/* line 302, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table__service,
.aws-cost-comparison-table__resource {
  color: var(--color-neutral-text-primary);
}

/* line 307, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table--compact > thead > tr > th,
.aws-cost-comparison-table--compact > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 313, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 319, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__item {
  border: none !important;
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  overflow: hidden;
}

/* line 326, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 12px 16px;
  border: none;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-align: left;
}

/* line 338, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__trigger:hover, .aws-cost-comparison-accordion__trigger:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 345, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* line 352, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 361, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__service-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: block;
}

/* line 368, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__meta {
  color: var(--color-neutral-text-secondary);
}

/* line 372, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__caret {
  transition: transform 0.2s ease;
  color: var(--color-neutral-text-secondary);
}

/* line 377, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__trigger.collapsed .aws-cost-comparison-accordion__caret {
  transform: rotate(-90deg);
}

/* line 381, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__body {
  padding: 0;
}

/* line 385, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-accordion__table-wrap {
  margin-top: 16px;
  margin-bottom: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 395, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table--resource-top5 > thead > tr > th {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
}

/* line 400, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table--resource-top5 > tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-cross-white-secondary) !important;
}

/* line 404, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-table--resource-top5 > tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-cross-white-primary) !important;
}

/* line 409, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__empty-state {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1.5rem;
  text-align: center;
}

/* line 418, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__empty-illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

/* line 425, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-page__empty-illustration-img {
  width: 320px;
  max-width: 100%;
  height: auto;
}

/* line 431, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-content {
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 437, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 360px;
  max-width: calc(100vw - 32px);
  z-index: 1070;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 30px var(--color-neutral-shadow-md);
  overflow: hidden;
}

/* line 451, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__header {
  border-bottom: none;
  padding: 18px 20px 8px;
}

/* line 456, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 461, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__body {
  padding: 8px 20px 12px;
}

/* line 465, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__footer {
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
}

/* line 472, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__search-wrap {
  position: relative;
  margin-bottom: 12px;
}

/* line 476, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__search-wrap .glyphicon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  font-size: 16px;
  line-height: 1;
  z-index: 2;
}

/* line 488, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__search {
  padding-left: 40px !important;
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 495, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__list {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 2px;
}

/* line 501, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 2px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  cursor: pointer;
}

/* line 512, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__item:last-child {
  border-bottom: none;
}

/* line 516, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__item input[type='radio'] {
  margin: 0;
  accent-color: var(--color-main-bg-primary);
}

/* line 522, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__btn {
  border: none;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 999px;
}

/* line 531, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-account-picker__btn--apply {
  padding: 8px 20px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 538, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 542, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-body,
.aws-cost-comparison-export-modal .modal-title {
  color: var(--color-neutral-text-primary);
}

/* line 547, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-footer {
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 551, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__services {
  margin-top: 0.5rem;
  max-height: 440px;
  overflow-y: auto;
  padding-right: 4px;
}

/* line 558, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__services-title {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.4;
}

/* line 565, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__service-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 400;
  color: var(--color-neutral-text-primary);
  font-size: 13px;
  line-height: 1.35;
}

/* line 577, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.modal.fade .modal-dialog {
  opacity: 1;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.28s ease-out;
  transition: transform 0.28s ease-out;
}

/* line 585, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.modal.fade.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 590, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.modal .modal-dialog {
  position: fixed;
  top: 22px;
  right: 22px;
  bottom: auto;
  left: auto;
  width: 430px;
  max-width: calc(100vw - 44px);
  margin: 0;
}

/* line 601, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.modal .modal-content {
  height: calc(100vh - 40px);
  max-height: calc(100vh - 40px);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 12px 28px var(--color-neutral-shadow-md);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media (max-width: 640px) {
  /* line 614, app/assets/stylesheets/aws_cost_comparison_detail.scss */
  .aws-cost-comparison-export-modal.modal .modal-dialog {
    top: 12px;
    right: 12px;
    bottom: auto;
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }
}

/* line 624, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__header {
  padding: 22px 26px 14px;
  border: none !important;
}

/* line 629, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__title {
  margin: 0;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 600;
}

/* line 636, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__body {
  padding: 12px 26px 10px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

/* line 643, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__subtitle {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.4;
}

/* line 650, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: var(--color-neutral-text-primary);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.35;
}

/* line 661, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__option--select-all {
  margin-bottom: 14px;
}

/* line 665, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__checkbox-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 674, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal input[type='checkbox'] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: var(--color-main-bg-primary);
  border-color: var(--color-neutral-border-secondary) !important;
}

/* line 682, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__footer {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  flex-shrink: 0;
}

/* line 689, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__btn {
  width: 168px;
  min-width: 168px;
  height: 40px;
  padding: 8px 24px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 703, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__btn--cancel {
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
}

/* line 709, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__btn--export {
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
}

/* line 715, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal__btn--export:disabled {
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  background: var(--color-neutral-bg-secondary);
  cursor: not-allowed;
}

/* Hard override to keep export as right-side drawer */
/* line 724, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-dialog {
  position: fixed !important;
  top: 22px !important;
  right: 22px !important;
  bottom: auto !important;
  left: auto !important;
  width: 430px !important;
  max-width: calc(100vw - 44px) !important;
  margin: 0 !important;
  transform: translate3d(100%, 0, 0) !important;
}

/* line 736, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal .modal-content {
  height: calc(100vh - 40px) !important;
  max-height: calc(100vh - 44px) !important;
}

/* line 741, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.in .modal-dialog {
  transform: translate3d(0, 0, 0) !important;
}

/* line 745, app/assets/stylesheets/aws_cost_comparison_detail.scss */
.aws-cost-comparison-export-modal.fade .modal-dialog {
  transition: transform 0.28s ease-out !important;
}

@media (max-width: 640px) {
  /* line 750, app/assets/stylesheets/aws_cost_comparison_detail.scss */
  .aws-cost-comparison-export-modal .modal-dialog {
    top: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 12, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html {
  background-color: var(--color-neutral-bg-primary);
}

/* line 16, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
body {
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary);
  font-size: 1.5rem;
  line-height: 1.5;
}

/* line 24, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.container-fluid {
  background-color: var(--color-neutral-bg-primary) !important;
}

/* line 32, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
a:focus,
button:focus,
.btn:focus,
.btn-link:focus,
summary:focus,
[role='button']:focus,
[role='tab']:focus,
.dropdown-toggle:focus,
.nav > li > a:focus,
.pagination > li > a:focus {
  outline: none;
}

/* line 45, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
[role='button']:focus:not(:focus-visible),
[role='tab']:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* line 57, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-item-active {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 62, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-dropdown-toggle {
  font-size: 1.25rem !important;
  border-radius: 8px !important;
}

/* line 67, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-dropdown-header {
  color: var(--color-neutral-text-primary) !important;
  font-weight: 700;
  font-size: 1.25rem !important;
}

/* line 73, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu,
.navbar .dropdown-menu {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  font-size: 1.25rem !important;
  z-index: 3000 !important;
}

/* line 80, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a {
  color: var(--color-neutral-text-primary);
  font-size: 1.25rem !important;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

/* line 85, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover, .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 92, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider):hover > a,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider):hover > a {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 98, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li.navbar-item-active > a,
.navbar .dropdown-menu > li.navbar-item-active > a {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 104, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu .navbar-dropdown-header:hover,
.navbar-default .dropdown-menu > li.navbar-dropdown-header:hover,
.navbar .dropdown-menu .navbar-dropdown-header:hover,
.navbar .dropdown-menu > li.navbar-dropdown-header:hover {
  background-color: transparent !important;
}

/* line 111, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 119, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
body .navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
body .navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus,
body .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
body .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 127, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar .dropdown-menu > li.navbar-item-active > a,
.navbar-default .dropdown-menu > li.navbar-item-active > a {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 134, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.trial-footer {
  background-color: var(--color-warning-bg-primary);
  color: var(--color-neutral-text-active);
  text-align: center;
  padding: 0.5rem;
}

/* line 142, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.theme-toggle-btn {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 154, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.theme-toggle-btn:hover {
  background-color: var(--color-neutral-hover-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 164, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 178, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 183, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-success:hover, .btn-success:focus {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 191, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-warning {
  background-color: var(--color-warning-bg-primary);
  border-color: var(--color-warning-border);
  color: var(--color-neutral-text-active);
}

/* line 196, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-warning:hover, .btn-warning:focus {
  background-color: var(--color-warning-hover-bg-primary);
  border-color: var(--color-warning-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 204, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 209, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-danger:hover, .btn-danger:focus {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 217, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-default {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-default:hover, .btn-default:focus {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 233, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control {
  border-radius: 4px;
  border-color: var(--color-neutral-border-primary);
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 239, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
  outline: 0;
}

/* line 245, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control option {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 254, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel {
  border-radius: 8px;
  border-color: var(--color-neutral-border-secondary);
}

/* line 259, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel-default > .panel-heading {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  border-radius: 8px 8px 0 0;
}

/* line 266, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel-body {
  color: var(--color-neutral-text-primary);
}

/* line 273, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default {
  background-color: var(--color-neutral-bg-primary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
}

/* line 277, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 284, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > li > a {
  color: var(--color-neutral-text-primary) !important;
  font-size: 1.25rem !important;
}

/* line 288, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: var(--color-neutral-text-primary) !important;
  background-color: var(--color-neutral-hover-bg-primary) !important;
}

/* line 295, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-brand {
  color: var(--color-neutral-text-primary) !important;
  font-size: 1.25rem !important;
}

/* line 299, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
}

/* line 310, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.app-footer {
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 0;
  margin-top: 1.5rem;
}

/* line 321, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-warning {
  background-color: var(--color-warning-bg-secondary);
  border-color: var(--color-warning-border);
  color: var(--color-warning-text-primary);
}

/* line 327, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-danger {
  background-color: var(--color-error-bg-secondary);
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 333, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-success {
  background-color: var(--color-success-bg-secondary);
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 339, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-info {
  background-color: var(--color-informative-bg-secondary);
  border-color: var(--color-informative-border);
  color: var(--color-informative-text-primary);
}

/* line 348, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.table > thead > tr > th {
  border-bottom-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 353, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.table > tbody > tr > td,
.table > tbody > tr > th {
  border-top-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 362, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 371, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > li > a,
.pagination > li > span {
  color: var(--color-main-text-primary);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 377, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > li > a:hover,
.pagination > li > span:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
}

/* line 384, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--color-neutral-text-secondary);
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

/* line 399, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-content {
  border-radius: 12px;
  border-color: var(--color-neutral-border-secondary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 407, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-header {
  border-bottom-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 413, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-body {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 418, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-footer {
  border-top-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 426, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-results__option--highlighted {
  background-color: var(--color-main-bg-primary) !important;
  color: var(--color-neutral-text-active) !important;
}

/* line 431, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--multiple {
  border-color: var(--color-neutral-border-primary) !important;
  border-radius: 4px !important;
}

/* line 439, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 446, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-dropdown.select2-dropdown--below {
  margin-top: 10px !important;
  border-radius: 12px !important;
}

/* line 451, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-dropdown {
  background-color: var(--color-neutral-bg-primary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
}

/* line 456, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-search--dropdown {
  padding: 8px !important;
  background: var(--color-neutral-bg-primary) !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 462, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 8px !important;
}

/* line 472, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
.select2-search--dropdown .select2-search__field::placeholder {
  color: var(--color-neutral-text-secondary) !important;
  opacity: 1;
}

/* line 477, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--color-main-border) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 488, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 {
  position: relative;
}

/* line 491, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .scale-hub-schedule-modal__label--floating {
  z-index: 3;
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}

/* line 500, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container {
  width: 100% !important;
}

/* line 504, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single {
  min-height: 56px;
  height: auto !important;
  padding: 14px 36px 8px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 514, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  leading-trim: none;
  color: var(--color-neutral-text-primary) !important;
}

/* line 526, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  color: var(--color-neutral-text-disable) !important;
}

/* line 536, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 548, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-neutral-text-secondary) transparent transparent transparent !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* line 557, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--color-neutral-text-secondary) transparent !important;
}

/* line 561, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--focus .select2-selection--single,
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 567, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-radius: 8px !important;
}

/* line 571, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple {
  min-height: 56px !important;
  height: auto !important;
  padding: 22px 8px 8px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 581, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 !important;
}

/* line 588, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 4px 8px 4px 4px !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* line 603, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 2px;
  color: var(--color-neutral-text-secondary) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: -1;
  font-size: 12px;
  line-height: 1;
}

/* line 620, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: 0 !important;
  padding: 4px 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 629, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--focus .select2-selection--multiple,
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 635, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-radius: 8px !important;
}

/* line 640, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 12px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* line 648, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results > .select2-results__options {
  max-height: 220px;
  padding: 4px 0;
}

/* line 653, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option {
  padding: 10px 12px !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
}

/* line 659, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option:empty {
  display: none !important;
}

/* line 663, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: var(--color-neutral-hover-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 668, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary) !important;
}

/* line 673, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option.select2-results__option--selectable.select2-results__option--selected {
  border-radius: 8px !important;
}

/* line 678, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options > .select2-results__option.select2-results__option--selectable:first-child {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  margin: 4px 8px 0 8px;
}

/* line 683, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary) !important;
}

/* line 688, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-border-primary) var(--color-neutral-bg-secondary);
}

/* line 693, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

/* line 697, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 4px;
}

/* line 702, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--color-neutral-border-primary);
  border-radius: 4px;
}

/* line 712, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] nav.navbar.navbar-default {
  background-color: #101010 !important;
  border-color: #464646 !important;
}

/* line 718, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .app-footer,
html[data-theme="dark"] footer.app-footer {
  background-color: #101010 !important;
  color: #ffffff !important;
}

/* line 723, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .app-footer p,
html[data-theme="dark"] footer.app-footer p {
  color: #ffffff !important;
}

/* line 729, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] body > .container-fluid:last-of-type {
  background-color: #101010 !important;
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/certificates/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/certificates/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/certificates/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/certificates/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page {
  color: var(--color-neutral-text-primary);
  padding-bottom: 48px;
}

/* line 8, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* line 16, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}

/* line 24, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__title {
  margin: 0;
}

/* line 28, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__title-help {
  align-items: center;
  cursor: help;
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

/* line 36, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__title-help-icon {
  display: block;
  height: 20px;
  width: 20px;
}

/* line 42, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert {
  align-items: center;
  background: var(--color-error-bg-secondary);
  border: 0;
  border-radius: 0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 18px;
  padding: 24px 120px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* line 57, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 64, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert-title {
  color: var(--color-error-text-primary);
  display: block;
}

/* line 69, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert-text {
  color: var(--color-neutral-text-primary);
  display: block;
  opacity: 0.9;
}

/* line 75, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert-close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  height: 24px;
  width: 24px;
  display: inline-flex;
  justify-content: center;
  flex-shrink: 0;
}

/* line 91, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__alert-close:hover, .aws-certificates-page__alert-close:focus {
  background: var(--color-error-border);
  outline: none;
}

/* line 98, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary {
  display: grid;
  gap: 12px;
  /* 1º card menor, dando mais espaço pros outros 2 */
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(0, 1fr);
  margin-bottom: 14px;
}

/* line 106, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-group {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: grid;
  overflow: hidden;
}

/* line 113, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-group--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 117, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-group--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 122, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-item {
  background: var(--color-neutral-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 14px 12px;
}

/* line 131, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-label {
  align-items: center;
  color: var(--color-neutral-text-secondary);
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
}

/* line 141, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-label-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 148, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__summary-value {
  align-items: center;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 6px;
}

/* line 155, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__legend {
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

/* line 162, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__legend--expired, .aws-certificates-page__legend--critical {
  background: var(--color-error-bg-primary);
}

/* line 167, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__legend--warning {
  background: var(--color-warning-bg-primary);
}

/* line 171, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__legend--ok {
  background: var(--color-success-bg-primary);
}

/* line 176, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__help {
  align-items: center;
  align-self: center;
  background: transparent;
  border: 0;
  cursor: help;
  display: inline-flex;
  flex-shrink: 0;
  height: 12px;
  justify-content: center;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 12px;
}

/* line 192, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__help-icon {
  display: block;
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}

/* line 199, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__th-label {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

/* line 205, app/assets/stylesheets/certificates/index.scss */
.tooltip.aws-certificates-page__tooltip .tooltip-inner {
  max-width: 320px;
  text-align: left;
}

/* line 210, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__toolbar {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  justify-content: space-between;
  margin-bottom: 12px;
}

/* line 219, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
}

/* line 230, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-trigger {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  gap: 8px;
  margin: 0;
  max-width: 100%;
  padding: 4px 0 8px;
  text-align: left;
}

/* line 245, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__active-filters {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: 0;
  min-width: 0;
}

/* line 254, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__chip {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 10px;
  padding: 6px 10px;
  text-decoration: none;
}

/* line 266, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__chip-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 273, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__chip-x {
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1;
}

/* line 279, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__chip:hover,
.aws-certificates-page__chip:focus {
  border-color: var(--color-main-border);
  outline: none;
  text-decoration: none;
}

/* line 286, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-caret {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  transition: transform 0.15s ease;
}

/* line 292, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters.is-open .aws-certificates-page__filters-caret {
  transform: rotate(180deg);
}

/* line 296, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-panel {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
  box-sizing: border-box;
  left: 0;
  margin-top: 8px;
  max-width: 100%;
  min-width: 0;
  padding: 14px 14px 12px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 50;
}

/* line 314, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* line 321, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-title {
  color: var(--color-neutral-text-secondary);
  line-height: 1.1;
  margin: 0;
}

/* line 327, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  padding: 0 4px;
}

/* line 337, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 10px;
}

/* line 344, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-grid .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  font-size: 16px;
  height: 42px;
  padding-left: 14px;
}

/* line 354, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-grid .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 359, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__filters-actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

/* line 366, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__btn-clear {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 371, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__btn-apply {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 6px;
  padding: 0;
}

/* line 381, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__sort-form {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  gap: 8px;
  margin: 0 0 0 auto;
}

/* line 389, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__sort-label {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 394, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__sort-select {
  min-width: 190px;
  width: auto;
}

/* line 399, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-filters {
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

/* line 407, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-width: 64px;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
  user-select: none;
}

/* line 423, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-chip:hover, .aws-certificates-page__status-chip:focus {
  background: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  outline: none;
  text-decoration: none;
}

/* line 432, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-chip.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 438, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-chip.is-active:hover, .aws-certificates-page__status-chip.is-active:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 445, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__table-shell {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  /* Recorta thead/tbody nos cantos (collapse + filhos com bg “quadrados” ignoram radius do pai) */
  overflow: hidden;
  position: relative;
}

/* line 454, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__table-responsive {
  margin: 0;
  overflow: hidden;
  width: 100%;
}

/* line 460, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0;
  table-layout: fixed;
  width: 100%;
}

/* line 468, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table th,
.table.aws-certificates-page__table td {
  vertical-align: middle !important;
}

/* line 473, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

/* line 477, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

/* line 481, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

/* line 485, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

/* line 489, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table thead th {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-active);
  padding: 12px 10px;
  white-space: normal;
}

/* line 497, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody tr:nth-child(odd) td {
  background: var(--color-neutral-bg-secondary);
}

/* line 501, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody tr:nth-child(even) td {
  background: var(--color-neutral-bg-primary);
}

/* line 505, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody td {
  border-top: 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 12px 10px;
}

/* line 511, app/assets/stylesheets/certificates/index.scss */
.table.aws-certificates-page__table tbody tr:last-child td {
  border-bottom: 0;
}

/* line 516, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__sub {
  color: var(--color-neutral-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 523, app/assets/stylesheets/certificates/index.scss */
.cert-expire-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 530, app/assets/stylesheets/certificates/index.scss */
.cert-expire-cell__relative {
  color: var(--color-neutral-text-secondary);
}

/* line 534, app/assets/stylesheets/certificates/index.scss */
.cert-domain-cell {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  vertical-align: middle;
}

/* line 543, app/assets/stylesheets/certificates/index.scss */
.cert-domain-cell__icon {
  display: block;
  flex-shrink: 0;
  height: 16px;
  object-fit: contain;
  width: 16px;
}

/* line 551, app/assets/stylesheets/certificates/index.scss */
.cert-domain-cell__text {
  min-width: 0;
  word-break: break-word;
}

/* line 556, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* line 563, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-pill {
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  justify-content: center;
  padding: 4px 10px;
  width: fit-content;
}

/* line 572, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-pill--error {
  background: var(--color-error-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 577, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-pill--warning {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 582, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-pill--success {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 587, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__status-detail {
  color: var(--color-neutral-text-secondary);
}

/* line 591, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-link {
  color: var(--color-main-text-primary);
  cursor: pointer;
  text-decoration: none;
}

/* line 597, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-link:hover,
.aws-certificates-page__resources-link:focus {
  color: var(--color-main-text-primary);
  outline: none;
  text-decoration: underline;
}

/* line 604, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-empty {
  color: var(--color-neutral-text-secondary);
}

/* Associated resources modal */
/* line 610, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal .modal-content {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: hidden;
}

/* line 616, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal .modal-header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 621, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-head {
  background: var(--color-neutral-bg-primary);
  padding-bottom: 12px;
  position: relative;
}

/* line 627, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-close {
  color: var(--color-neutral-text-secondary);
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  margin-top: -4px;
  opacity: 1;
  text-shadow: none;
}

/* line 636, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-close:hover, .aws-certificates-page__resources-modal-close:focus {
  color: var(--color-neutral-text-primary);
  opacity: 1;
}

/* line 643, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-title {
  color: var(--color-neutral-text-primary);
  margin: 0 32px 8px 0;
  padding-right: 8px;
}

/* line 649, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-lead {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 654, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-body {
  background: var(--color-neutral-bg-primary);
  padding: 16px;
}

/* line 659, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-scroll {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  max-height: 320px;
  overflow: auto;
}

/* line 666, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-table {
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

/* line 672, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-table th,
.aws-certificates-page__resources-modal-table td {
  padding: 10px 12px;
  vertical-align: middle !important;
}

/* line 678, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-table thead th {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 687, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-table tbody tr:nth-child(odd) td {
  background: var(--color-neutral-bg-secondary);
}

/* line 691, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-table tbody tr:nth-child(even) td {
  background: var(--color-neutral-bg-primary);
}

/* line 696, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-arn {
  font-family: ui-monospace, Menlo, Monaco, 'Courier New', monospace;
  font-size: 12px;
  word-break: break-all;
}

/* line 702, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-empty {
  color: var(--color-neutral-text-secondary);
  margin: 0;
  padding: 8px 0 0;
}

/* line 708, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-modal-foot {
  background: var(--color-neutral-bg-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  gap: 32px;
  justify-content: center;
  padding: 14px 16px;
}

/* line 717, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-nav {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 721, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-nav:hover, .aws-certificates-page__resources-nav:focus {
  color: var(--color-main-text-primary);
  outline: none;
  text-decoration: underline;
}

/* line 728, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__resources-nav.is-disabled {
  cursor: default;
  opacity: 0.35;
  pointer-events: none;
  text-decoration: none;
}

/* Harmoniza helpers legados (Bootstrap labels) com tema */
/* line 737, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page .label {
  border-radius: 999px;
  padding: 4px 10px;
}

/* line 742, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page .label-success {
  background: var(--color-success-bg-secondary) !important;
  border: 1px solid var(--color-success-border) !important;
  color: var(--color-success-text-primary) !important;
}

/* line 748, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page .label-warning {
  background: var(--color-warning-bg-secondary) !important;
  border: 1px solid var(--color-warning-border) !important;
  color: var(--color-warning-text-primary) !important;
}

/* line 754, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page .label-danger {
  background: var(--color-error-bg-secondary) !important;
  border: 1px solid var(--color-error-border) !important;
  color: var(--color-error-text-primary) !important;
}

/* line 760, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page .label-default {
  background: var(--color-neutral-bg-secondary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 766, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__empty {
  color: var(--color-neutral-text-secondary);
  padding: 48px 24px;
  text-align: center;
}

/* line 772, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__empty-illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}

/* line 778, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__empty-img {
  height: auto;
  max-width: 240px;
  width: 100%;
}

/* line 784, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 16px;
  justify-content: space-between;
  margin-top: 0;
  padding: 12px 0 4px;
}

/* line 794, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__footer-left,
.aws-certificates-page__footer-right {
  color: var(--color-neutral-text-secondary);
}

/* line 799, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__pager {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  order: 3;
  padding-top: 12px;
  width: 100%;
}

/* line 810, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__pager-btn,
.aws-certificates-page__pager-num {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  line-height: 1;
  min-width: 24px;
  padding: 0 8px;
  text-decoration: none;
}

/* line 826, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__pager-btn.is-disabled {
  cursor: default;
  opacity: 0.4;
}

/* line 831, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__pager-num.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 837, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__per-label {
  margin-right: 4px;
}

/* line 841, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__per-current {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 846, app/assets/stylesheets/certificates/index.scss */
.aws-certificates-page__per-link {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

@media (min-width: 768px) {
  /* Largura do painel = coluna do conteúdo (evita 100vw estourar o layout) */
  /* line 854, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters-panel {
    max-width: 1240px;
    right: auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 862, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 867, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__status-filters {
    justify-content: flex-start;
    margin-left: 0;
  }
  /* line 872, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__sort-form {
    margin-left: 0;
  }
  /* line 876, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  /* line 882, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters-trigger {
    padding-bottom: 4px;
  }
  /* line 886, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__active-filters {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 992px) {
  /* line 893, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__summary {
    grid-template-columns: 1fr;
  }
  /* line 897, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__summary-group--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 901, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  /* line 908, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__summary-group--cols-2,
.aws-certificates-page__summary-group--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 913, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters-grid {
    grid-template-columns: 1fr;
  }
  /* line 917, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__filters-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    justify-content: flex-start;
  }
  /* line 924, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__btn-apply {
    justify-content: center;
    width: 100%;
  }
  /* line 929, app/assets/stylesheets/certificates/index.scss */
  .aws-certificates-page__btn-clear {
    box-sizing: border-box;
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 100%;
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page {
  width: 100%;
}

/* line 6, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar form.cloud-control-toolbar__search {
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 13, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar__filter {
  text-decoration: none;
}

/* line 16, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar__filter, .approve-pipeline-page .cloud-control-toolbar__filter:link, .approve-pipeline-page .cloud-control-toolbar__filter:visited, .approve-pipeline-page .cloud-control-toolbar__filter:hover, .approve-pipeline-page .cloud-control-toolbar__filter:focus, .approve-pipeline-page .cloud-control-toolbar__filter:active {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 26, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar__filter:hover, .approve-pipeline-page .cloud-control-toolbar__filter:focus {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 32, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar__filter.is-active, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:link, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:visited, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:hover, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:focus, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:active {
  color: var(--color-neutral-text-active);
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page .cloud-control-toolbar__filter.is-active:hover, .approve-pipeline-page .cloud-control-toolbar__filter.is-active:focus {
  background: var(--color-main-hover-bg-primary);
}

/* line 50, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

/* line 59, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-links {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 68, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 0 0.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 81, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-link:hover, .approve-pipeline-page__pagination-link:focus {
  background: var(--color-neutral-bg-secondary);
  text-decoration: none;
  color: var(--color-neutral-text-primary);
}

/* line 88, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-link.is-active {
  background: var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
  font-weight: 600;
}

/* line 95, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-link.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* line 101, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-page__pagination-meta {
  color: var(--color-neutral-text-secondary);
}

/* line 105, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 116, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th,
.cloud-control-table-scroll .approve-pipeline-table td {
  min-width: 0;
  padding: 16px 18px;
  vertical-align: middle;
  border: none;
}

/* line 124, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table thead th {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 131, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th:nth-child(1),
.cloud-control-table-scroll .approve-pipeline-table td:nth-child(1) {
  width: 30%;
}

/* line 136, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th:nth-child(2),
.cloud-control-table-scroll .approve-pipeline-table td:nth-child(2) {
  width: 10%;
}

/* line 141, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th:nth-child(3),
.cloud-control-table-scroll .approve-pipeline-table td:nth-child(3) {
  width: 34%;
}

/* line 146, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th:nth-child(4),
.cloud-control-table-scroll .approve-pipeline-table td:nth-child(4) {
  width: 14%;
}

/* line 151, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table th:nth-child(5),
.cloud-control-table-scroll .approve-pipeline-table td:nth-child(5) {
  width: 12%;
  text-align: right;
}

/* line 157, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 161, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 165, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.cloud-control-table-scroll .approve-pipeline-table tbody > tr:hover > td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 169, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__role {
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  word-break: break-word;
}

/* line 175, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__build {
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
}

/* line 180, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__url-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* line 187, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__url-link {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 197, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__url-link:hover, .approve-pipeline-table__url-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 204, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

/* line 217, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__copy-btn:hover, .approve-pipeline-table__copy-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 224, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-table__copy-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 230, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  padding: 2rem 1.5rem;
  text-align: center;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 244, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-empty__img {
  display: block;
  width: auto;
  max-width: 240px;
  height: auto;
  margin: 0 auto 1.25rem;
}

/* line 252, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-empty__img--dark {
  display: none;
}

/* line 257, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
html[data-theme='dark'] .approve-pipeline-empty__img--light {
  display: none;
}

/* line 261, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
html[data-theme='dark'] .approve-pipeline-empty__img--dark {
  display: block;
}

/* line 266, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-empty__title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 271, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-empty__text {
  margin: 0;
  max-width: 420px;
  color: var(--color-neutral-text-secondary);
}

/* line 277, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  border-bottom: none !important;
  padding-bottom: 0;
}

/* line 286, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 294, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__intro {
  min-width: 0;
}

/* line 298, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__subtitle {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-secondary);
  word-break: break-word;
}

/* line 304, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__actions {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-left: auto;
}

/* line 312, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__decision-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 318, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__json-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
}

/* line 328, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__json-link:hover, .approve-pipeline-detail-page__json-link:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 335, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__json-icon {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

/* line 342, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 40px;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 8px;
  line-height: 16px !important;
  vertical-align: middle !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* line 357, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn:hover:not(:disabled):not(.is-disabled), .approve-pipeline-detail-page__action-btn:focus:not(:disabled):not(.is-disabled) {
  outline: none;
}

/* line 362, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn.is-disabled, .approve-pipeline-detail-page__action-btn:disabled {
  cursor: default;
  pointer-events: none;
  background: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
}

/* line 369, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn.is-disabled .approve-pipeline-detail-page__action-icon, .approve-pipeline-detail-page__action-btn:disabled .approve-pipeline-detail-page__action-icon {
  background: transparent;
}

/* line 373, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn.is-disabled .approve-pipeline-detail-page__action-icon-image, .approve-pipeline-detail-page__action-btn:disabled .approve-pipeline-detail-page__action-icon-image {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(0%) hue-rotate(174deg) brightness(94%) contrast(88%);
}

/* line 380, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-label {
  display: block;
  line-height: 16px;
}

/* line 386, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn:not(:disabled):not(.is-disabled) .approve-pipeline-detail-page__action-icon-image {
  filter: brightness(0) invert(1);
}

/* line 391, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn--deny:not(:disabled):not(.is-disabled) {
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 395, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn--deny:not(:disabled):not(.is-disabled):hover, .approve-pipeline-detail-page__action-btn--deny:not(:disabled):not(.is-disabled):focus {
  background: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 402, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn--approve:not(:disabled):not(.is-disabled) {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 406, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-btn--approve:not(:disabled):not(.is-disabled):hover, .approve-pipeline-detail-page__action-btn--approve:not(:disabled):not(.is-disabled):focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 413, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: transparent;
}

/* line 423, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__action-icon-image {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 430, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
}

/* line 437, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__card {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 2rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 448, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__card-title {
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 456, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv {
  display: grid;
  grid-template-columns: minmax(148px, 36%) minmax(0, 1fr);
  gap: 0;
  margin: 0;
  flex: 1 1 auto;
}

/* line 464, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv dt,
.approve-pipeline-detail-page__kv dd {
  margin: 0;
  min-height: 64px;
  padding: 1rem 0;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 472, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv dt:first-of-type,
.approve-pipeline-detail-page__kv dd:first-of-type {
  border-top: none;
}

/* line 477, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv dt {
  display: flex;
  align-items: center;
  padding-right: 1.5rem;
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
}

/* line 484, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv dt::after {
  content: ':';
}

/* line 489, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__kv dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 497, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__url-cell {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  gap: 0.25rem;
}

/* line 503, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__url-cell .approve-pipeline-table__url-link {
  flex: 0 1 auto;
  min-width: 0;
}

/* line 509, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__awaiting {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 280px;
  padding: 2rem;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 520, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-detail-page__awaiting-text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  text-align: center;
}

/* line 526, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal.jenkins-deploy-modal--drawer .jenkins-deploy-modal__content > .approve-pipeline-modal__form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

/* line 534, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal.jenkins-deploy-modal--drawer .jenkins-deploy-modal__body {
  flex: 1 1 auto;
  min-height: 0;
}

/* line 539, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

/* line 546, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__comment {
  width: 100%;
  min-height: 220px;
  box-sizing: border-box;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  resize: vertical;
}

/* line 557, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__comment::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 561, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__comment:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 568, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 40px;
  padding: 0.5rem 1.25rem;
  border-radius: 8px;
  border: 1px solid transparent;
  font-weight: 600;
  cursor: pointer;
}

/* line 580, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn:hover, .approve-pipeline-modal__btn:focus {
  outline: none;
}

/* line 586, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--cancel,
.approve-pipeline-modal__btn--close {
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 592, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--cancel:hover, .approve-pipeline-modal__btn--cancel:focus,
.approve-pipeline-modal__btn--close:hover,
.approve-pipeline-modal__btn--close:focus {
  background: var(--color-neutral-bg-secondary);
}

/* line 598, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--approve {
  border: none;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 603, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--approve:hover, .approve-pipeline-modal__btn--approve:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 610, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--deny {
  border: none;
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 615, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-modal__btn--deny:hover, .approve-pipeline-modal__btn--deny:focus {
  background: var(--color-error-hover-bg-primary, #b80606);
  color: var(--color-neutral-text-active);
}

/* line 622, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__footer {
  justify-content: center !important;
}

/* line 626, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__panel {
  position: relative;
}

/* line 630, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__copy {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-main-text-primary);
  font-weight: 500;
  cursor: pointer;
}

/* line 646, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__copy:hover, .approve-pipeline-json-modal__copy:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 653, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__copy-icon {
  width: 14px;
  height: 14px;
  display: block;
}

/* line 659, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
.approve-pipeline-json-modal__content {
  margin: 0;
  max-height: calc(100vh - 260px);
  overflow: auto;
  padding: 1.5rem 1rem 1rem;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 992px) {
  /* line 672, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
  .approve-pipeline-detail-page__hero {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 677, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
  .approve-pipeline-detail-page__actions {
    margin-left: 0;
    justify-content: flex-start;
  }
  /* line 682, app/assets/stylesheets/cicd/approve_pipeline_jenkins.scss */
  .approve-pipeline-detail-page__cards {
    grid-template-columns: 1fr;
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 5, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page {
  width: 100%;
  gap: 1rem;
}

/* line 10, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page__workspace {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

/* line 20, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none !important;
}

/* line 29, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-main-bg-primary);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 37, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__back:hover, .jenkins-deploy-page-header__back:focus, .jenkins-deploy-page-header__back:focus-visible, .jenkins-deploy-page-header__back:active {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* line 48, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__back-icon {
  width: 16px;
  height: 16px;
}

/* line 53, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__back-icon--light {
  display: inline-block;
}

/* line 57, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__back-icon--dark {
  display: none;
}

/* line 62, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-deploy-page-header__back-icon--light {
  display: none;
}

/* line 66, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-deploy-page-header__back-icon--dark {
  display: inline-block;
}

/* line 71, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
}

/* line 79, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__intro {
  min-width: 0;
  flex: 0 1 auto;
}

/* line 84, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* line 91, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 96, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 1 1 auto;
}

/* line 105, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-main-bg-primary);
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
  padding: 4px 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}

/* line 119, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__link .glyphicon {
  font-size: 14px;
  line-height: 1;
}

/* line 124, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__link:hover, .jenkins-deploy-page-header__link:focus, .jenkins-deploy-page-header__link:focus-visible, .jenkins-deploy-page-header__link:active {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* line 135, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__deploy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 28px;
  border: none;
  border-radius: 10px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
}

/* line 153, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__deploy:hover, .jenkins-deploy-page-header__deploy:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
}

/* line 161, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  border-radius: 10px;
  background: var(--color-main-bg-primary);
  box-shadow: none;
}

/* line 169, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn:hover, .jenkins-deploy-split-btn:focus-within {
  background: var(--color-main-hover-bg-primary);
}

/* line 174, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn.is-open {
  background: var(--color-main-hover-bg-primary);
}

/* line 177, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn.is-open .jenkins-deploy-split-btn__menu {
  display: block;
}

/* line 181, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn.is-open .jenkins-deploy-split-btn__chevron {
  transform: rotate(180deg);
}

/* line 187, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 22px 0 24px;
  border: none;
  border-radius: 10px 0 0 10px;
  background: transparent;
  color: var(--color-neutral-text-active);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

/* line 204, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__main:hover, .jenkins-deploy-split-btn__main:focus {
  background: transparent;
  color: var(--color-neutral-text-active);
  outline: none;
}

/* line 212, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__main-icon {
  font-size: 12px;
  line-height: 1;
}

/* line 217, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-height: 44px;
  padding: 0;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0 10px 10px 0;
  background: transparent;
  color: var(--color-neutral-text-active);
  cursor: pointer;
}

/* line 231, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__toggle:hover, .jenkins-deploy-split-btn__toggle:focus {
  background: transparent;
  outline: none;
}

/* line 238, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__chevron {
  display: block;
  width: 10px;
  height: 6px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.390524 0.390524C0.911223 -0.130175 1.75544 -0.130175 2.27614 0.390524L10.6667 8.78105L19.0572 0.390524C19.5779 -0.130175 20.4221 -0.130175 20.9428 0.390524C21.4635 0.911223 21.4635 1.75544 20.9428 2.27614L11.6095 11.6095C11.0888 12.1302 10.2446 12.1302 9.72386 11.6095L0.390524 2.27614C-0.130175 1.75544 -0.130175 0.911223 0.390524 0.390524Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.390524 0.390524C0.911223 -0.130175 1.75544 -0.130175 2.27614 0.390524L10.6667 8.78105L19.0572 0.390524C19.5779 -0.130175 20.4221 -0.130175 20.9428 0.390524C21.4635 0.911223 21.4635 1.75544 20.9428 2.27614L11.6095 11.6095C11.0888 12.1302 10.2446 12.1302 9.72386 11.6095L0.390524 2.27614C-0.130175 1.75544 -0.130175 0.911223 0.390524 0.390524Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform 0.15s ease;
}

/* line 248, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 30;
  display: none;
  min-width: 240px;
  padding: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: var(--shadow-elevation-panel-prominent);
}

/* line 261, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu[hidden] {
  display: none !important;
}

/* line 266, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* line 281, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu-item:hover, .jenkins-deploy-split-btn__menu-item:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 290, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
  color: var(--color-main-bg-primary);
}

/* line 302, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-split-btn__menu-label {
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 307, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__deploy-icon {
  font-size: 12px;
  line-height: 1;
}

/* line 312, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__schedule-group {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 319, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__schedule-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

/* line 334, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__schedule-btn:hover, .jenkins-deploy-page-header__schedule-btn:focus {
  background: var(--color-neutral-bg-secondary);
  outline: none;
}

/* line 340, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page-header__schedule-btn .glyphicon {
  font-size: 12px;
}

/* line 345, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1.5rem;
  width: 100%;
  margin: 0;
  margin-bottom: 0 !important;
  padding: 20px 0;
  border: none;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  flex-shrink: 0;
}

/* line 361, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: -1px;
  padding: 12px 52px;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  border-bottom: 3px solid transparent;
  font-family: "Poppins", "Roboto", sans-serif;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
}

/* line 374, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab:hover, .jenkins-env-tabs__tab:focus, .jenkins-env-tabs__tab:focus-visible, .jenkins-env-tabs__tab:active {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* line 384, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab .jenkins-env-tabs__label {
  color: var(--color-neutral-text-secondary);
}

/* line 388, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab.is-active {
  color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-bg-primary);
}

/* line 392, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab.is-active .jenkins-env-tabs__label {
  color: var(--color-main-bg-primary);
}

/* line 396, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab.is-active:hover, .jenkins-env-tabs__tab.is-active:focus, .jenkins-env-tabs__tab.is-active:focus-visible, .jenkins-env-tabs__tab.is-active:active {
  color: var(--color-main-bg-primary);
}

/* line 402, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__tab.is-active:hover .jenkins-env-tabs__label, .jenkins-env-tabs__tab.is-active:focus .jenkins-env-tabs__label, .jenkins-env-tabs__tab.is-active:focus-visible .jenkins-env-tabs__label, .jenkins-env-tabs__tab.is-active:active .jenkins-env-tabs__label {
  color: var(--color-main-bg-primary);
}

/* line 409, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__label {
  font-size: 0.875rem;
  font-weight: 700;
  color: inherit;
  letter-spacing: 0.01em;
}

/* line 416, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-tabs__count {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  border: none;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 431, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-deploy-page-header {
  border-bottom-color: var(--color-neutral-border-secondary) !important;
}

/* line 435, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-env-tabs__tab {
  color: var(--color-neutral-text-secondary);
}

/* line 438, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-env-tabs__tab.is-active {
  color: var(--color-main-bg-primary);
}

/* line 443, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-env-tabs__count {
  background: var(--color-neutral-bg-secondary);
}

/* line 447, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-pending {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  border-left-width: 8px;
  border-left-color: var(--color-neutral-border-secondary);
  box-shadow: none;
}

/* line 454, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-pending h4.web-heading-2xs {
  color: var(--color-neutral-text-disable) !important;
}

/* line 460, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  flex: 1 1 auto;
  min-height: 0;
}

/* line 473, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: calc(100vh - 240px);
  max-height: calc(100vh - 240px);
  border: none;
  border-radius: 0;
  border-right: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  overflow: hidden;
}

/* line 489, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* line 497, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__title {
  flex-shrink: 0;
  margin: 0;
  padding: 1rem 1rem 0.75rem;
  color: var(--color-neutral-text-primary);
  font-weight: 700;
  background: var(--color-neutral-bg-secondary);
  border-bottom: none;
}

/* line 507, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25rem 0.25rem 0;
  background: var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-border-primary) transparent;
}

/* line 517, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__list::-webkit-scrollbar {
  width: 6px;
}

/* line 521, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__list::-webkit-scrollbar-thumb {
  background: var(--color-neutral-border-primary);
  border-radius: 999px;
}

/* line 527, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__item {
  display: block;
  padding: 12px 1rem;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: transparent;
}

/* line 535, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__item:last-child {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 539, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__item:hover, .jenkins-build-history__item:focus, .jenkins-build-history__item:focus-visible, .jenkins-build-history__item:active {
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  border-radius: 8px;
  outline: none;
  box-shadow: none;
}

/* line 550, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__item.is-current {
  background: var(--color-main-bg-secondary);
  border-bottom-color: transparent;
  border-radius: 8px;
  margin: 0 0.25rem;
}

/* line 556, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__item.is-current:hover, .jenkins-build-history__item.is-current:focus, .jenkins-build-history__item.is-current:focus-visible, .jenkins-build-history__item.is-current:active {
  background: var(--color-main-bg-secondary);
}

/* line 565, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 572, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__lead {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

/* line 579, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 586, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__dot--success {
  background: var(--color-success-bg-primary);
}

/* line 590, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__dot--failed {
  background: var(--color-error-text-primary);
}

/* line 594, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__dot--processing {
  background: var(--color-warning-bg-primary);
}

/* line 598, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__number {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 605, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__ref {
  color: var(--color-neutral-text-secondary);
  font-size: 0.75rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}

/* line 615, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 2px;
  flex-shrink: 0;
  min-width: 0;
}

/* line 625, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__time {
  color: var(--color-neutral-text-primary);
  font-size: 0.75rem;
  line-height: 1.3;
  white-space: nowrap;
}

/* line 632, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__author {
  color: var(--color-neutral-text-secondary);
  font-size: 0.75rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 132px;
}

/* line 642, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__empty {
  padding: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 647, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-top: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 658, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__nav {
  font-weight: 500;
  color: var(--color-main-bg-primary);
}

/* line 662, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-history__nav.is-disabled {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 668, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 674, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: calc(100vh - 240px);
  border: none;
  border-radius: 0;
  background: var(--color-neutral-bg-secondary);
  overflow: hidden;
}

/* line 685, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__top {
  padding: 1rem 1rem 0;
  background: var(--color-neutral-bg-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 691, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* line 699, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__number {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 705, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  line-height: 1.2;
}

/* line 715, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge--success {
  color: var(--color-success-text-primary);
  border-color: var(--color-success-border);
  background: var(--color-success-bg-secondary);
}

/* line 721, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge--failed {
  color: var(--color-error-text-primary);
  border-color: var(--color-error-border);
  background: var(--color-error-bg-secondary);
}

/* line 727, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge--processing {
  color: var(--color-warning-text-primary);
  border-color: var(--color-warning-border);
  background: var(--color-warning-bg-secondary);
}

/* line 733, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge--waiting {
  color: var(--color-neutral-text-primary);
  border-color: var(--color-warning-border);
  background: var(--color-warning-bg-secondary);
}

/* line 739, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}

/* line 746, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-cancel-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.5rem 1rem;
  border: 2px solid var(--color-error-border);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-error-text-primary);
  cursor: pointer;
}

/* line 757, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-cancel-btn:hover:not(:disabled), .jenkins-build-cancel-btn:focus:not(:disabled) {
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 763, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-cancel-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 768, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-cancel-btn .glyphicon {
  top: 0;
}

/* line 774, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-overlay {
  position: fixed;
  inset: 0;
  background: var(--color-neutral-shadow-md);
  backdrop-filter: blur(2px);
  display: none;
  z-index: 1060;
}

/* line 783, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1070;
  padding: 1rem;
}

/* line 793, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content {
  background: var(--color-neutral-bg-primary);
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 50px var(--color-neutral-shadow-lg);
}

/* line 804, app/assets/stylesheets/cicd/jenkins.scss */
.hte-close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  line-height: 1;
}

/* line 812, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger {
  max-width: 520px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 820, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-header {
  border-bottom: 0;
  text-align: center;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  position: relative;
}

/* line 831, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-header .hte-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

/* line 838, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-body {
  text-align: center;
  padding: 0 2rem 1rem;
}

/* line 843, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  text-align: center;
  border-top: 0;
  background: transparent;
  padding: 0 2rem 1.5rem;
}

/* line 854, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* line 862, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-subtitle {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 1rem;
}

/* line 867, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 876, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-icon img {
  max-width: 64px;
  max-height: 64px;
}

/* line 882, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: none;
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  cursor: pointer;
}

/* line 896, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 902, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-btn-neutral {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 500;
  cursor: pointer;
}

/* line 916, app/assets/stylesheets/cicd/jenkins.scss */
.hte-confirm-content--danger .hte-confirm-btn-neutral:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 922, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__info {
  margin-top: 1rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  text-align: left;
}

/* line 931, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__info-title {
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
}

/* line 936, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__info-list {
  margin: 0;
  padding-left: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 941, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__info-list strong {
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 947, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__error {
  display: none;
  margin-top: 0.75rem;
  color: var(--color-error-text-primary);
  text-align: left;
}

/* line 953, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-cancel-build-modal__error:not([hidden]) {
  display: block;
}

/* line 958, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 964, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge__icon--spinner {
  animation: jenkins-spin 0.9s linear infinite;
}

/* line 968, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-status-badge__icon--spinner-dark,
.jenkins-build-status-badge__icon--confirm-light,
.jenkins-build-status-badge__icon--spinner-waiting-dark {
  display: none;
}

/* line 976, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-build-status-badge__icon--spinner-light,
html[data-theme='dark'] .jenkins-build-status-badge__icon--confirm-dark,
html[data-theme='dark'] .jenkins-build-status-badge__icon--spinner-waiting-light {
  display: none;
}

/* line 982, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-build-status-badge__icon--spinner-dark,
html[data-theme='dark'] .jenkins-build-status-badge__icon--confirm-light,
html[data-theme='dark'] .jenkins-build-status-badge__icon--spinner-waiting-dark {
  display: inline-block;
}

@keyframes jenkins-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 999, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__step-line {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1007, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__step-line > span {
  white-space: nowrap;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 1014, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__elapsed {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-neutral-text-secondary);
  font-variant-numeric: tabular-nums;
}

/* line 1022, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__elapsed.is-running {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
  font-weight: 600;
}

/* line 1027, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__elapsed-icon {
  font-size: 12px;
}

/* line 1031, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__elapsed-label {
  color: inherit;
}

/* line 1035, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__step-name {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1040, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__refs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin: -0.5rem 0 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1048, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__refs > span {
  white-space: nowrap;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 1055, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__env-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 1071, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__env-btn:hover, .jenkins-build-detail__env-btn:focus, .jenkins-build-detail__env-btn:focus-visible {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-tertiary);
  outline: none;
  box-shadow: none;
}

/* line 1080, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__env-btn .glyphicon {
  top: 0;
}

/* line 1085, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-toggle:checked ~ .jenkins-build-detail__panel .jenkins-build-detail__env-btn {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-tertiary);
}

/* line 1090, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 1102, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-overlay {
  position: fixed;
  inset: 0;
  z-index: 1075;
  background: var(--color-neutral-shadow-md);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 1114, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 1080;
  width: 560px;
  max-width: calc(100vw - 5rem);
  display: flex;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(calc(100% + 2.5rem));
  transition: transform 0.3s ease-out, visibility 0s linear 0.3s;
}

/* line 1129, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-toggle:checked ~ .jenkins-env-vars-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* line 1135, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-toggle:checked ~ .jenkins-env-vars-drawer {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform 0.3s ease-out;
}

/* line 1142, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 1154, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__header {
  flex-shrink: 0;
  padding: 1.25rem 1.25rem 1rem;
}

/* line 1159, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 1166, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__title {
  margin: 0;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
}

/* line 1172, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__hint {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1177, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 1194, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 1200, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__close-icon::before, .jenkins-env-vars-drawer__close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  background: var(--color-neutral-text-primary);
  border-radius: 1px;
}

/* line 1212, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 1216, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 1221, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0 1.25rem;
  overflow: hidden;
}

/* line 1229, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__body turbo-frame {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

/* line 1237, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__panel {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1247, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__log {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-primary);
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 1257, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__log.is-empty {
  color: var(--color-neutral-text-secondary);
}

/* line 1262, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__footer {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 1rem 1.25rem 1.25rem;
}

/* line 1269, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__btn-close {
  min-width: 120px;
  padding: 8px 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 1280, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-env-vars-drawer__btn-close:hover, .jenkins-env-vars-drawer__btn-close:focus, .jenkins-env-vars-drawer__btn-close:focus-visible {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 1289, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__ref-value {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1294, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress {
  margin-bottom: 0;
  padding-bottom: 1rem;
}

/* line 1299, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__label {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--color-neutral-text-secondary);
  font-size: 0.75rem;
}

/* line 1306, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__track {
  height: 4px;
  border-radius: 9999px;
  background: var(--color-neutral-border-secondary);
  overflow: hidden;
}

/* line 1313, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__bar {
  height: 100%;
  border-radius: 9999px;
  transition: width 0.6s ease-in-out;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

/* line 1322, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__bar--success {
  background: var(--color-success-bg-primary);
}

/* line 1326, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__bar--failed {
  background: var(--color-error-text-primary);
}

/* line 1330, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__bar--processing {
  background: var(--color-warning-bg-primary);
}

/* line 1334, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-progress__bar--idle {
  background: transparent;
}

/* line 1338, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 1346, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-title {
  margin: 0 0 0.25rem;
}

/* line 1350, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-details {
  display: block;
  line-height: 1.4;
}

/* line 1355, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-icon--success {
  color: var(--color-success-text-primary);
}

/* line 1359, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-icon--failed {
  color: var(--color-error-text-primary);
}

/* line 1363, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-icon--pending {
  color: var(--color-warning-text-primary);
}

/* line 1367, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__approval-icon--muted {
  color: var(--color-neutral-text-disable);
}

/* line 1371, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-loading-state {
  text-align: center;
  padding: 1.25rem;
}

/* line 1376, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-loading-state__text {
  margin-top: 0.5rem;
}

/* line 1380, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-pipeline-shell {
  padding: 1rem;
  border-radius: 0;
  background: var(--color-neutral-bg-tertiary);
  flex: 1 1 auto;
  margin-top: 0;
}

/* line 1388, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-pipeline-shell {
  background: var(--color-neutral-bg-secondary);
}

/* line 1392, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-pipeline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* line 1398, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card {
  position: relative;
  min-height: 132px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  animation: none;
}

/* line 1410, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-completed, .jenkins-step-card.step-error, .jenkins-step-card.step-processing {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  border-left-width: 8px;
  animation: none;
}

/* line 1419, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-completed {
  border-left-color: var(--color-main-bg-primary);
}

/* line 1423, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-error {
  border-left-color: var(--color-error-text-primary);
}

/* line 1427, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-processing {
  border-left-color: var(--color-warning-text-primary);
}

/* line 1431, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-pending {
  min-height: 132px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-left-width: 8px;
  border-left-color: var(--color-neutral-border-secondary);
  box-shadow: none;
}

/* line 1439, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-pending .caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 132px;
  height: auto;
  padding: 1rem;
  gap: 0;
}

/* line 1450, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-pending h4.web-heading-2xs {
  color: var(--color-neutral-text-disable) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
}

/* line 1456, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.step-pending p,
.jenkins-step-card.step-pending .jenkins-step-card__duration,
.jenkins-step-card.step-pending .jenkins-step-card__view-logs,
.jenkins-step-card.step-pending .jenkins-step-card__subtitle,
.jenkins-step-card.step-pending .jenkins-step-card__actions {
  display: none !important;
}

/* line 1465, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto 1fr auto;
  gap: 0.5rem;
  height: 100%;
  min-height: 132px;
  padding: 0.75rem;
}

/* line 1475, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card h4 {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  padding-right: 0;
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1486, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .jenkins-step-card__subtitle {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: var(--color-neutral-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1496, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card p {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: static;
  margin: 0;
  min-height: 0 !important;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-end;
  line-height: 1;
}

/* line 1508, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .jenkins-step-card__duration {
  grid-column: 1 / -1;
  grid-row: 3;
}

/* line 1513, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .jenkins-step-card__view-logs {
  grid-column: 1;
  grid-row: 4;
  justify-self: start;
}

/* line 1519, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .caption > .jenkins-step-card__report-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  grid-column: 1 / -1;
  grid-row: 4;
  align-self: end;
}

/* line 1528, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card .caption > .jenkins-step-card__report-actions .jenkins-step-card__view-logs {
  margin: 0;
}

/* line 1530, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions {
  min-height: auto;
  overflow: visible;
}

/* line 1534, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions .caption {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  min-height: auto;
  height: auto;
  gap: 0;
  padding: 1rem;
  overflow: visible;
}

/* line 1546, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions h4.web-heading-2xs {
  margin: 0 0 0.25rem 0;
  padding-right: 20px;
}

/* line 1551, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions .jenkins-step-card__status {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: 0;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-end;
  grid-column: unset;
  grid-row: unset;
}

/* line 1563, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions .jenkins-step-card__duration {
  margin: 0;
  grid-column: unset;
  grid-row: unset;
}

/* line 1569, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card.jenkins-step-card--with-actions .jenkins-step-card__actions {
  margin: 22px 0 0 0;
  display: flex !important;
  width: 100%;
  justify-content: flex-start;
  align-items: stretch;
  grid-column: unset;
  grid-row: unset;
  position: static;
  line-height: normal;
  min-height: auto !important;
}

/* line 1584, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__inline-actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

/* line 1591, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__btn {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0.5rem 1rem;
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-weight: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 1606, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__btn:hover:not(:disabled), .jenkins-step-card__btn:focus:not(:disabled) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1613, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__btn:focus, .jenkins-step-card__btn:focus-visible, .jenkins-step-card__btn:active {
  outline: none;
  box-shadow: none;
}

/* line 1620, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 1626, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__hourglass-icon {
  display: block;
  width: 16px;
  height: 16px;
}

/* line 1632, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__hourglass-icon--dark {
  display: none;
}

/* line 1637, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card__hourglass-icon--light {
  display: none;
}

/* line 1641, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card__hourglass-icon--dark {
  display: block;
}

/* line 1646, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__status--waiting {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--color-warning-text-primary);
}

/* line 1653, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__waiting-label {
  color: var(--color-warning-text-primary);
  white-space: nowrap;
}

/* line 1658, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
  flex-shrink: 0;
}

/* line 1668, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__status-icon--success {
  color: var(--color-neutral-text-secondary);
  font-size: 12px;
}

/* line 1673, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__status-icon--error {
  border: 1.5px solid var(--color-neutral-text-secondary);
  border-radius: 50%;
  color: var(--color-neutral-text-secondary);
  font-size: 9px;
}

/* line 1680, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__status-icon--processing {
  color: var(--color-neutral-text-secondary);
  font-size: 12px;
}

/* line 1686, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  box-shadow: none;
}

/* line 1691, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-completed, html[data-theme='dark'] .jenkins-step-card.step-error, html[data-theme='dark'] .jenkins-step-card.step-processing {
  background: var(--color-neutral-bg-primary);
  border-top-color: var(--color-neutral-border-secondary);
  border-right-color: var(--color-neutral-border-secondary);
  border-bottom-color: var(--color-neutral-border-secondary);
}

/* line 1700, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-completed {
  border-left-color: var(--color-main-bg-primary);
}

/* line 1704, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-error {
  border-left-color: var(--color-error-text-primary);
}

/* line 1708, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-processing {
  border-left-color: var(--color-warning-text-primary);
}

/* line 1712, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card.step-pending {
  background: var(--color-neutral-bg-primary);
  border-top-color: var(--color-neutral-border-secondary);
  border-right-color: var(--color-neutral-border-secondary);
  border-bottom-color: var(--color-neutral-border-secondary);
  border-left-width: 8px;
  border-left-color: var(--color-neutral-border-secondary);
}

/* line 1722, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-step-card__status-icon--success,
html[data-theme='dark'] .jenkins-step-card__status-icon--error,
html[data-theme='dark'] .jenkins-step-card__status-icon--processing {
  color: var(--color-neutral-text-secondary);
}

/* line 1730, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__duration {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-neutral-text-secondary);
  font-variant-numeric: tabular-nums;
}

/* line 1738, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__duration.is-running {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
}

/* line 1742, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__clock-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  color: var(--color-neutral-text-secondary);
}

/* line 1753, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__view-logs {
  display: inline-block;
  width: auto;
  margin-top: auto;
  justify-self: start;
  padding: 6px 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  white-space: nowrap;
}

/* line 1766, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-step-card__view-logs:hover, .jenkins-step-card__view-logs:focus {
  text-decoration: none;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  border-color: var(--color-neutral-border-primary);
}

/* line 1775, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__empty {
  margin-bottom: 1rem;
}

/* line 1779, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__footer {
  margin-top: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 1786, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
}

/* line 1795, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-build-detail__footer.jenkins-deploy-page__footer {
  margin-top: 0;
  padding-top: 1rem;
}

/* line 1800, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page__footer-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-main-bg-primary);
  text-decoration: none;
  font-weight: 500;
}

/* line 1808, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page__footer-link:hover, .jenkins-deploy-page__footer-link:focus {
  text-decoration: underline;
  color: var(--color-main-hover-bg-primary);
}

/* line 1814, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-page__footer-link.is-disabled {
  pointer-events: none;
  opacity: 0.35;
  text-decoration: none;
}

/* line 1821, app/assets/stylesheets/cicd/jenkins.scss */
.sr-only-env {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1200px) {
  /* line 1834, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-pipeline-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {
  /* line 1840, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-deploy-layout {
    grid-template-columns: 1fr;
  }
  /* line 1844, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-build-history {
    min-height: 360px;
    max-height: 420px;
    border-right: none;
    border-bottom: 1px solid var(--color-neutral-border-secondary);
  }
  /* line 1851, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-build-detail__panel {
    min-height: 0;
  }
  /* line 1855, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-pipeline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  /* line 1861, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-deploy-page-header__main {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 1866, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-deploy-page-header__actions {
    justify-content: flex-start;
  }
  /* line 1870, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-env-tabs {
    gap: 0.75rem;
    overflow-x: auto;
  }
  /* line 1875, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-env-tabs__tab {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 1880, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-pipeline-grid {
    grid-template-columns: 1fr;
  }
}

/* line 1889, app/assets/stylesheets/cicd/jenkins.scss */
.modal.fade.jenkins-log-drawer .modal-dialog.jenkins-log-drawer__dialog,
.modal.jenkins-log-drawer .modal-dialog.jenkins-log-drawer__dialog {
  position: fixed !important;
  top: 2.5rem !important;
  right: 2.5rem !important;
  bottom: 2.5rem !important;
  left: auto !important;
  margin: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: 960px !important;
  max-width: calc(100vw - 5rem) !important;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1905, app/assets/stylesheets/cicd/jenkins.scss */
.modal.jenkins-log-drawer.in .modal-dialog.jenkins-log-drawer__dialog,
.modal.jenkins-log-drawer.show .modal-dialog.jenkins-log-drawer__dialog {
  transform: translateX(0) !important;
}

/* line 1910, app/assets/stylesheets/cicd/jenkins.scss */
.modal.jenkins-log-drawer .modal-content.jenkins-log-drawer__content {
  box-sizing: border-box;
  height: 100% !important;
  min-height: 0;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 1924, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__header {
  flex-shrink: 0;
  padding: 1.25rem 1.25rem 1rem;
  border: none !important;
}

/* line 1930, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 1937, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__title {
  margin: 0;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
}

/* line 1943, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background: var(--color-neutral-bg-tertiary) !important;
  border: none;
  border-radius: 9999px;
  opacity: 1;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 1960, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close:hover, .jenkins-log-drawer__close:focus, .jenkins-log-drawer__close:focus-visible, .jenkins-log-drawer__close:active {
  opacity: 1;
  outline: none;
  box-shadow: none;
}

/* line 1970, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 1976, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close-icon::before, .jenkins-log-drawer__close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  background: var(--color-neutral-text-primary);
  border-radius: 1px;
}

/* line 1988, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 1992, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 1997, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0 1.25rem !important;
  overflow: hidden;
}

/* line 2007, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__log-panel {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  padding: 1rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 2018, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__log {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-primary);
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre;
  word-break: normal;
  overflow-wrap: normal;
  overflow: visible;
  max-height: none;
  tab-size: 4;
}

/* line 2034, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__log.is-empty {
  color: var(--color-neutral-text-secondary);
}

/* line 2039, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__footer {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 1rem 1.25rem 1.25rem;
  border: none !important;
}

/* line 2047, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__btn-close {
  min-width: 120px;
  padding: 8px 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 2057, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-log-drawer__btn-close:hover, .jenkins-log-drawer__btn-close:focus, .jenkins-log-drawer__btn-close:focus-visible, .jenkins-log-drawer__btn-close:active {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  outline: none;
  box-shadow: none;
}

/* line 2069, app/assets/stylesheets/cicd/jenkins.scss */
html[data-theme='dark'] .jenkins-log-drawer__log-panel {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

@media (max-width: 768px) {
  /* line 2076, app/assets/stylesheets/cicd/jenkins.scss */
  .modal.jenkins-log-drawer .modal-dialog.jenkins-log-drawer__dialog {
    width: calc(100vw - 5rem) !important;
  }
}

/* line 2085, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal .modal-dialog.jenkins-deploy-modal__dialog {
  width: 640px;
  max-width: calc(100vw - 3rem);
  margin: 2.5rem auto;
}

/* line 2091, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__content {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 2099, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__header {
  padding: 1.25rem 1.25rem 1rem;
  border: none !important;
}

/* line 2104, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 2111, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 2116, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2121, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background: var(--color-neutral-bg-tertiary) !important;
  border: none;
  border-radius: 9999px;
  opacity: 1;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 2138, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close:hover, .jenkins-deploy-modal__close:focus, .jenkins-deploy-modal__close:focus-visible, .jenkins-deploy-modal__close:active {
  opacity: 1;
  outline: none;
  box-shadow: none;
}

/* line 2148, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 2154, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close-icon::before, .jenkins-deploy-modal__close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  background: var(--color-neutral-text-primary);
  border-radius: 1px;
}

/* line 2166, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 2170, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 2175, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__body {
  padding: 0 1.25rem 1rem !important;
}

/* line 2179, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2189, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__loading-icon {
  font-size: 24px;
}

/* line 2193, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 2199, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 2205, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__field-label {
  color: var(--color-neutral-text-primary);
}

/* line 2209, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__field-hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2214, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__secrets {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

/* line 2221, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__intro {
  margin: 0 0 1rem;
}

/* line 2225, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 2234, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets--compact .jenkins-service-secrets__list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 2240, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__item {
  margin: 0;
  padding: 0;
}

/* line 2245, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__empty {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2250, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__chip {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  text-align: left;
}

/* line 2264, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__chip:hover, .jenkins-service-secrets__chip:focus {
  border-color: var(--color-main-bg-primary);
  background: var(--color-neutral-bg-primary);
  outline: none;
}

/* line 2272, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__chip-key {
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 2277, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__chip-placeholder {
  padding: 0;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  word-break: break-all;
}

/* line 2285, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 2295, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__row-main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.75rem;
}

/* line 2302, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__row-key {
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 2307, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__row-meta {
  color: var(--color-neutral-text-secondary);
}

/* line 2311, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__manage {
  margin: 0.75rem 0 0;
}

/* line 2315, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__manage-link {
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 500;
}

/* line 2320, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-service-secrets__manage-link:hover, .jenkins-service-secrets__manage-link:focus {
  text-decoration: underline;
  color: var(--color-main-hover-bg-primary);
}

/* line 2327, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__manifest-branches {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 2333, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__manifest-branch-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 2339, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__manifest-branch-label {
  color: var(--color-neutral-text-secondary);
  word-break: break-all;
}

/* line 2344, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__env-vars {
  width: 100%;
  min-height: 180px;
  max-height: 220px;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  line-height: 1.5;
  resize: vertical;
}

/* line 2357, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__env-vars:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 2364, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__radio-group {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}

/* line 2371, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.25rem 1.25rem;
  border: none !important;
}

/* line 2380, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 2391, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn:focus, .jenkins-deploy-modal__btn:focus-visible, .jenkins-deploy-modal__btn:active {
  outline: none;
  box-shadow: none;
}

/* line 2399, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn--cancel {
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 2404, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn--cancel:hover {
  background: var(--color-neutral-bg-secondary);
}

/* line 2409, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn--start {
  border: none;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 2414, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn--start:hover:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
}

/* line 2418, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn--start:disabled {
  background: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-active);
  cursor: not-allowed;
  opacity: 1;
}

/* line 2426, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__btn-icon {
  font-size: 11px;
  line-height: 1;
}

/* line 2431, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 {
  position: relative;
  width: 100%;
}

/* line 2435, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container {
  width: 100% !important;
}

/* line 2439, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap .select2-selection--single {
  min-height: 48px;
  height: auto !important;
  padding: 10px 36px !important;
  border-radius: 10px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 2452, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  width: 100% !important;
  padding: 0 28px 0 0 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  color: var(--color-neutral-text-primary) !important;
  text-align: center !important;
}

/* line 2462, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: var(--color-neutral-text-disable) !important;
  font-size: 1rem !important;
  text-align: center !important;
}

/* line 2468, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 2480, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-neutral-text-secondary) transparent transparent transparent !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
}

/* line 2488, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--color-neutral-text-secondary) transparent !important;
}

/* line 2492, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2 .select2-container--bootstrap.select2-container--focus .select2-selection--single,
.jenkins-deploy-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 2499, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown.select2-dropdown {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 12px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  margin-top: 4px;
}

/* line 2508, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-results > .select2-results__options {
  max-height: 220px;
  padding: 4px 0;
}

/* line 2513, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-results__option {
  padding: 10px 12px !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  font-size: 1rem !important;
  text-align: center !important;
}

/* line 2522, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-results__option--highlighted {
  background-color: var(--color-neutral-hover-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2527, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-results__option[aria-selected='true'] {
  background-color: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2532, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-search--dropdown .select2-search__field {
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
}

/* line 2539, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-select2-dropdown .select2-search--dropdown .select2-search__field::placeholder {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 2545, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field--floating {
  position: relative;
}

/* line 2549, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__floating-label {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  transition: all 0.15s ease-out;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-neutral-text-secondary);
  z-index: 2;
}

/* line 2563, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__select {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  appearance: none;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 2573, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field--floating select ~ .select2-container .select2-selection--single {
  min-height: 48px;
  padding: 1.25rem 36px 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 2581, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field--floating select ~ .select2-container .select2-selection--single .select2-selection__rendered {
  width: 100% !important;
  padding: 0 28px 0 0 !important;
  line-height: 1.35 !important;
  font-size: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
  text-align: center !important;
}

/* line 2590, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field--floating select:focus ~ .jenkins-deploy-modal__floating-label,
#scheduleDeployModal .jenkins-deploy-modal__field--floating select.is-filled ~ .jenkins-deploy-modal__floating-label,
#scheduleDeployModal .jenkins-deploy-modal__field--floating:has(.select2-container--bootstrap.select2-container--focus) .jenkins-deploy-modal__floating-label,
#scheduleDeployModal .jenkins-deploy-modal__field--floating:has(.select2-container--bootstrap.select2-container--open) .jenkins-deploy-modal__floating-label {
  top: 0.25rem;
  transform: none;
  color: var(--color-main-text-primary);
}

/* line 2599, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field-row--schedule-datetime {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}

/* line 2605, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field-row--schedule-datetime .jenkins-deploy-modal__field {
  margin-bottom: 0;
  height: 100%;
}

/* line 2610, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field-row--schedule-datetime .ec2-schedules-date-wrap {
  margin-top: 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
}

/* line 2618, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field-row--schedule-datetime .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon {
  flex: 1 1 auto;
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  box-sizing: border-box;
}

/* line 2627, app/assets/stylesheets/cicd/jenkins.scss */
#scheduleDeployModal .jenkins-deploy-modal__field-row--schedule-datetime .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  justify-content: center;
}

/* line 2637, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer.modal .modal-dialog.jenkins-deploy-modal__dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 560px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 2651, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer.modal.in .modal-dialog.jenkins-deploy-modal__dialog,
.jenkins-deploy-modal--drawer.modal.show .modal-dialog.jenkins-deploy-modal__dialog {
  transform: translateX(0) !important;
}

/* line 2656, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 2665, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer .jenkins-deploy-modal__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}

/* line 2676, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer .jenkins-deploy-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/* line 2682, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal--drawer .jenkins-deploy-modal__footer {
  margin-top: auto;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 2687, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__field-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

/* line 2693, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__input,
.jenkins-deploy-modal__notes {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  line-height: 1.6;
}

/* line 2705, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__input:focus,
.jenkins-deploy-modal__notes:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 2711, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__input[readonly],
.jenkins-deploy-modal__notes[readonly] {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
}

/* line 2717, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__input--readonly {
  text-transform: uppercase;
}

/* line 2721, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__notes {
  min-height: 120px;
  resize: vertical;
}

/* line 2726, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__required {
  color: var(--color-feedback-error-text);
}

/* line 2730, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-deploy-modal__optional {
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

@media (max-width: 640px) {
  /* line 2736, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-deploy-modal--drawer.modal .modal-dialog.jenkins-deploy-modal__dialog {
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
  }
  /* line 2743, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-deploy-modal__field-row {
    grid-template-columns: 1fr;
  }
}

/* line 2752, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-page__header {
  margin-bottom: 1.25rem;
}

/* line 2756, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  padding: 2rem 1.5rem;
  text-align: center;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 2770, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-empty__img {
  display: block;
  width: auto;
  max-width: 240px;
  height: auto;
  margin: 0 auto 1.25rem;
}

/* line 2778, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-empty__title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 2783, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-empty__text {
  margin: 0;
  max-width: 420px;
}

/* line 2788, app/assets/stylesheets/cicd/jenkins.scss */
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table th:nth-child(1),
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table td:nth-child(1) {
  min-width: 180px;
}

/* line 2793, app/assets/stylesheets/cicd/jenkins.scss */
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table th:nth-child(2),
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table td:nth-child(2) {
  min-width: 200px;
}

/* line 2798, app/assets/stylesheets/cicd/jenkins.scss */
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table th:nth-child(4),
.ec2-schedules-table-scroll .hte-events-table.jenkins-scheduled-deployments-table.hte-events-table td:nth-child(4) {
  min-width: 140px;
}

/* line 2803, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-delete {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
}

/* line 2813, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-delete:hover, .jenkins-scheduled-deployments-delete:focus {
  color: var(--color-error-hover-text-primary, var(--color-error-text-primary));
  outline: none;
}

/* line 2820, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-delete__icon {
  width: 16px;
  height: 16px;
}

/* line 2825, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-execute {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-bg-primary);
  cursor: pointer;
}

/* line 2832, app/assets/stylesheets/cicd/jenkins.scss */
.jenkins-scheduled-deployments-execute:hover, .jenkins-scheduled-deployments-execute:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

@media (max-width: 900px) {
  /* line 2840, app/assets/stylesheets/cicd/jenkins.scss */
  .jenkins-scheduled-deployments-table {
    min-width: 760px;
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-service-panel__title {
  margin-bottom: 0.5rem;
}

/* line 6, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-service-panel__title h2 {
  margin: 0;
}

/* line 11, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-service-panel__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* line 20, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-service-panel__links {
  margin: 0;
  flex: 1 1 auto;
}

/* line 26, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline {
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  background: var(--color-neutral-bg-primary);
  box-shadow: none;
  overflow: hidden;
}

/* line 36, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__segments {
  display: flex;
  align-items: stretch;
  min-height: 44px;
}

/* line 42, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__label,
.jenkins-argocd-inline__statuses,
.jenkins-argocd-inline__external-link {
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
}

/* line 50, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__label {
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 57, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__statuses {
  gap: 0.5rem;
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 62, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 77, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__status-pill--synced .jenkins-argocd-inline__status-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 85, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__status-pill--progressing .jenkins-argocd-inline__status-spinner {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  animation: jenkins-argocd-spin 0.9s linear infinite;
}

/* line 92, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__status-pill--progressing .jenkins-argocd-inline__status-spinner--dark {
  display: none;
}

/* line 97, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__badge-wrap {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
}

/* line 103, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__badge {
  display: block;
  height: 22px;
  width: auto;
  max-width: 180px;
}

/* line 110, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__external-link {
  justify-content: center;
  min-width: 44px;
  padding: 0 0.75rem;
  color: var(--color-main-bg-primary);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 118, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__external-link:hover, .jenkins-argocd-inline__external-link:focus, .jenkins-argocd-inline__external-link:focus-visible, .jenkins-argocd-inline__external-link:active {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  background: var(--color-neutral-bg-secondary);
  outline: none;
  box-shadow: none;
}

/* line 130, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-inline__external-link-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

@keyframes jenkins-argocd-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 143, app/assets/stylesheets/cicd/jenkins_argocd.scss */
html[data-theme='dark'] .jenkins-argocd-inline {
  border-color: var(--color-neutral-border-secondary);
}

/* line 147, app/assets/stylesheets/cicd/jenkins_argocd.scss */
html[data-theme='dark'] .jenkins-argocd-inline__label,
html[data-theme='dark'] .jenkins-argocd-inline__statuses {
  border-right-color: var(--color-neutral-border-secondary);
}

/* line 152, app/assets/stylesheets/cicd/jenkins_argocd.scss */
html[data-theme='dark'] .jenkins-argocd-inline__status-pill {
  background: var(--color-neutral-bg-secondary);
}

/* line 157, app/assets/stylesheets/cicd/jenkins_argocd.scss */
html[data-theme='dark'] .jenkins-argocd-inline__status-pill--progressing .jenkins-argocd-inline__status-spinner--light {
  display: none;
}

/* line 161, app/assets/stylesheets/cicd/jenkins_argocd.scss */
html[data-theme='dark'] .jenkins-argocd-inline__status-pill--progressing .jenkins-argocd-inline__status-spinner--dark {
  display: inline-block;
}

@media (max-width: 768px) {
  /* line 168, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-service-panel__meta {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 173, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-inline {
    width: 100%;
  }
  /* line 177, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-inline__segments {
    flex-wrap: wrap;
  }
}

/* line 182, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card {
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 186, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 190, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card .ds-card-body {
  padding: 1rem 1.25rem;
}

/* line 195, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 203, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__brand {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 1 200px;
  min-width: 0;
}

/* line 211, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
  padding: 0.25rem;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
}

/* line 222, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__copy {
  min-width: 0;
}

/* line 226, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__title {
  margin: 0 0 0.25rem 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.7;
}

/* line 234, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__title-link {
  color: var(--color-informative-text-primary);
  text-decoration: none;
  transition: color 250ms ease-in-out;
}

/* line 239, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__title-link:hover, .jenkins-argocd-card__title-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 246, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 253, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__service {
  display: inline-flex;
  align-items: center;
  margin: 0.5rem 0 0 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-informative-text-primary);
  background-color: var(--color-informative-bg-secondary);
  border: 1px solid var(--color-informative-border);
  border-radius: 4px;
}

/* line 267, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__badge-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  min-height: 40px;
}

/* line 279, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__badge {
  display: block;
  height: 22px;
  width: auto;
  max-width: 140px;
}

/* line 286, app/assets/stylesheets/cicd/jenkins_argocd.scss */
.jenkins-argocd-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

@media (max-width: 480px) {
  /* line 297, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-card__layout {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 302, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-card__badge-wrap {
    align-self: flex-start;
  }
  /* line 306, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-card__footer {
    justify-content: stretch;
  }
  /* line 309, app/assets/stylesheets/cicd/jenkins_argocd.scss */
  .jenkins-argocd-card__footer .ds-btn {
    width: 100%;
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/cicd/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress {
  height: 1.25rem;
  overflow: hidden;
  background-color: #F5F5F5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25rem;
}

/* line 15, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.7;
  color: #ffffff;
  text-align: center;
  background-color: #006654;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

/* line 28, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar-success {
  background-color: #448325;
}

/* line 32, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar-warning {
  background-color: #A68107;
}

/* line 36, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar-danger {
  background-color: #DA0707;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/* line 50, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar-animated {
  animation: progress-bar-stripes 2s linear infinite;
}

/* line 54, app/assets/stylesheets/cicd/jenkins_progress.scss */
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

/* line 70, app/assets/stylesheets/cicd/jenkins_progress.scss */
.pipeline-step:not(.jenkins-step-card) {
  transition: all 250ms ease-in-out;
  border: 1px solid #DCDCDC;
  background-color: #F5F5F5;
}

/* line 76, app/assets/stylesheets/cicd/jenkins_progress.scss */
.pipeline-step.step-pending:not(.jenkins-step-card) {
  background-color: #F5F5F5;
  border-color: #DCDCDC;
}

/* line 81, app/assets/stylesheets/cicd/jenkins_progress.scss */
.pipeline-step.step-processing:not(.jenkins-step-card) {
  background-color: #fae089;
  border-color: #fdf1c9;
  animation: pipeline-pulse 2s infinite;
}

/* line 87, app/assets/stylesheets/cicd/jenkins_progress.scss */
.pipeline-step.step-completed:not(.jenkins-step-card) {
  background-color: rgba(68, 131, 37, 0.12);
  border-color: #ade193;
}

/* line 92, app/assets/stylesheets/cicd/jenkins_progress.scss */
.pipeline-step.step-error:not(.jenkins-step-card) {
  background-color: rgba(218, 7, 7, 0.12);
  border-color: #fcb1b1;
}

@keyframes pipeline-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(166, 129, 7, 0.45);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(166, 129, 7, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(166, 129, 7, 0);
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page {
  width: 100%;
}

/* line 6, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-env-tabs.kong-deploy-page__env-tabs {
  gap: 1.5rem;
}

/* line 10, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .kong-deploy-page__workspace {
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

/* line 19, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-deploy-layout.kong-deploy-page__layout {
  gap: 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  grid-template-columns: 280px minmax(0, 1fr);
}

/* line 28, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-build-history.kong-deploy-page__history {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 240px);
  max-height: calc(100vh - 240px);
  border: none;
  border-radius: 0;
  border-right: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 40, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .kong-deploy-page__history-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 47, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .kong-deploy-page__detail-panel.jenkins-build-detail__panel {
  border: none;
  border-radius: 0;
  background: var(--color-neutral-bg-secondary);
  min-height: calc(100vh - 240px);
}

/* line 54, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions {
  min-height: auto;
}

/* line 57, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions .caption {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  min-height: auto;
  height: auto;
  gap: 0;
  padding: 1rem;
}

/* line 68, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions h4.web-heading-2xs {
  margin: 0 0 0.25rem 0;
  padding-right: 20px;
}

/* line 73, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions .kong-step-card__status {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: 0;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-end;
}

/* line 83, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions .jenkins-step-card__duration {
  margin: 0;
}

/* line 87, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page .jenkins-step-card.kong-step-card--with-actions .kong-step-card__actions {
  margin: 22px 0 1rem 0;
  display: flex !important;
  width: 100%;
  justify-content: flex-start;
}

/* line 96, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page.ec2-schedules-page {
  gap: 1rem;
}

/* line 100, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__header {
  border-bottom: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: 1rem;
}

/* line 107, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__workspace {
  margin-top: 0;
}

/* line 111, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  margin-bottom: 0 !important;
  padding: 20px 0px;
  border: none;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  border-left: none;
  border-right: none;
  background: var(--color-neutral-bg-primary);
  flex-shrink: 0;
}

/* line 127, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab {
  margin-bottom: -1px;
  padding-bottom: 12px;
  padding-left: 52px;
  padding-right: 52px;
  padding-top: 12px;
  color: var(--color-neutral-text-secondary);
  border-bottom: 3px solid transparent;
}

/* line 136, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab:hover, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab:focus, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab:focus-visible, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab:active {
  color: var(--color-neutral-text-secondary);
}

/* line 143, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab .jenkins-env-tabs__label {
  color: var(--color-neutral-text-secondary);
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

/* line 150, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active {
  color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-bg-primary);
}

/* line 154, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active .jenkins-env-tabs__label {
  color: var(--color-main-bg-primary);
}

/* line 158, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:hover, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:focus, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:focus-visible, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:active {
  color: var(--color-main-bg-primary);
}

/* line 164, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:hover .jenkins-env-tabs__label, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:focus .jenkins-env-tabs__label, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:focus-visible .jenkins-env-tabs__label, .kong-deploy-page__env-tabs .jenkins-env-tabs__tab.is-active:active .jenkins-env-tabs__label {
  color: var(--color-main-bg-primary);
}

/* line 172, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__layout {
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  grid-template-columns: 280px minmax(0, 1fr);
}

/* line 179, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history {
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* line 185, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* line 193, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-title {
  flex-shrink: 0;
  margin: 0;
  padding: 1rem 1rem 0.75rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-secondary);
  border-bottom: none;
}

/* line 203, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25rem 0.25rem 0;
  background: var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-border-primary) transparent;
}

/* line 213, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list::-webkit-scrollbar {
  width: 6px;
}

/* line 217, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list::-webkit-scrollbar-thumb {
  background: var(--color-neutral-border-primary);
  border-radius: 999px;
}

/* line 222, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__item {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: transparent;
}

/* line 226, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__item:last-child {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 230, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__item.is-current {
  background: var(--color-main-bg-secondary);
  border-bottom-color: transparent;
  border-radius: 8px;
  margin: 0 0.25rem;
}

/* line 236, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__item.is-current:hover, .kong-deploy-page__history-list .jenkins-build-history__item.is-current:focus, .kong-deploy-page__history-list .jenkins-build-history__item.is-current:focus-visible, .kong-deploy-page__history-list .jenkins-build-history__item.is-current:active {
  background: var(--color-main-bg-secondary);
}

/* line 246, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__item:not(.is-current):hover, .kong-deploy-page__history-list .jenkins-build-history__item:not(.is-current):focus, .kong-deploy-page__history-list .jenkins-build-history__item:not(.is-current):focus-visible, .kong-deploy-page__history-list .jenkins-build-history__item:not(.is-current):active {
  background: var(--color-neutral-hover-bg-primary);
  border-radius: 8px;
}

/* line 256, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__number {
  font-weight: 700;
  color: var(--color-neutral-text-primary);
}

/* line 261, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__time {
  color: var(--color-neutral-text-primary);
}

/* line 265, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-list .jenkins-build-history__author {
  max-width: 132px;
  color: var(--color-neutral-text-secondary);
}

/* line 271, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-top: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 282, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-nav {
  font-weight: 500;
  color: var(--color-main-bg-primary);
}

/* line 286, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__history-nav.is-disabled {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 292, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--color-neutral-text-secondary);
}

/* line 300, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-meta > span {
  white-space: nowrap;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 307, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-build-detail__top {
  background: var(--color-neutral-bg-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 312, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-pipeline-shell {
  background: var(--color-neutral-bg-tertiary);
}

/* line 316, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-build-detail__header {
  margin-bottom: 0.75rem;
}

/* line 320, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-build-detail__step-line {
  margin-bottom: 1rem;
}

/* line 324, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-build-progress__track {
  height: 4px;
}

/* line 328, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page__detail-panel .jenkins-build-status-badge--waiting {
  color: var(--color-warning-text-primary);
}

/* line 333, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page-header__sync {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0 24px;
  border: none;
  border-radius: 10px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-weight: 700;
  cursor: pointer;
}

/* line 347, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page-header__sync:hover, .kong-deploy-page-header__sync:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 353, app/assets/stylesheets/cicd/kong.scss */
.kong-deploy-page-header__sync:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 359, app/assets/stylesheets/cicd/kong.scss */
.kong-step-card__inline-actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

/* line 366, app/assets/stylesheets/cicd/kong.scss */
.jenkins-step-card__hourglass-icon {
  display: block;
  width: 16px;
  height: 16px;
}

/* line 372, app/assets/stylesheets/cicd/kong.scss */
.jenkins-step-card__hourglass-icon--dark {
  display: none;
}

/* line 377, app/assets/stylesheets/cicd/kong.scss */
html[data-theme='dark'] .jenkins-step-card__hourglass-icon--light {
  display: none;
}

/* line 381, app/assets/stylesheets/cicd/kong.scss */
html[data-theme='dark'] .jenkins-step-card__hourglass-icon--dark {
  display: block;
}

/* line 386, app/assets/stylesheets/cicd/kong.scss */
.kong-step-card__btn {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0.5rem 1rem;
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-weight: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 401, app/assets/stylesheets/cicd/kong.scss */
.kong-step-card__btn:hover:not(:disabled), .kong-step-card__btn:focus:not(:disabled) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 408, app/assets/stylesheets/cicd/kong.scss */
.kong-step-card__btn:focus, .kong-step-card__btn:focus-visible, .kong-step-card__btn:active {
  outline: none;
  box-shadow: none;
}

/* line 415, app/assets/stylesheets/cicd/kong.scss */
.kong-step-card__btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 421, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form-modal.jenkins-deploy-modal--drawer.modal .modal-dialog.jenkins-deploy-modal__dialog {
  max-width: 440px;
}

/* line 425, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form-modal__body {
  padding: 1.25rem;
}

/* line 429, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.25rem 1.25rem;
}

/* line 438, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating {
  position: relative;
}

/* line 442, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__floating-label {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  transition: all 0.15s ease-out;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-neutral-text-secondary);
  z-index: 2;
}

/* line 456, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__select {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  appearance: none;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 466, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__input,
#kongSyncModal .jenkins-deploy-modal__field--floating .kong-sync-form__input {
  width: 100%;
  box-sizing: border-box;
  padding: 1.25rem 0.75rem 0.5rem;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  line-height: 1.6;
}

/* line 479, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__input[readonly],
#kongSyncModal .jenkins-deploy-modal__field--floating .kong-sync-form__input[readonly] {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-disable);
  cursor: default;
}

/* line 486, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating select ~ .select2-container .select2-selection--single {
  min-height: 48px;
  padding: 1.25rem 36px 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 494, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating select ~ .select2-container .select2-selection--single .select2-selection__rendered {
  width: 100% !important;
  padding: 0 28px 0 0 !important;
  line-height: 1.35 !important;
  font-size: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
  text-align: center !important;
}

/* line 503, app/assets/stylesheets/cicd/kong.scss */
#kongSyncModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__input:focus ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating .jenkins-deploy-modal__input:not(:placeholder-shown) ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating .kong-sync-form__input:focus ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating .kong-sync-form__input:not(:placeholder-shown) ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating select:focus ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating select.is-filled ~ .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating:has(.select2-container--bootstrap.select2-container--focus) .jenkins-deploy-modal__floating-label,
#kongSyncModal .jenkins-deploy-modal__field--floating:has(.select2-container--bootstrap.select2-container--open) .jenkins-deploy-modal__floating-label {
  top: 0.25rem;
  transform: none;
  color: var(--color-main-text-primary);
}

/* line 517, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* line 523, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__field {
  margin-bottom: 0;
}

/* line 527, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__label {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 534, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__radio-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 540, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__radio-row .ds-form-check {
  margin-bottom: 0;
}

/* line 544, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__input,
.kong-sync-form__select {
  width: 100%;
}

/* line 549, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-form__input[readonly] {
  opacity: 1;
  color: var(--color-neutral-text-disable);
}

/* line 554, app/assets/stylesheets/cicd/kong.scss */
.kong-sync-log {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 8px;
  background: #101010;
  color: #f5f5f5;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.75rem;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 1024px) {
  /* line 567, app/assets/stylesheets/cicd/kong.scss */
  .kong-deploy-page__layout {
    grid-template-columns: 1fr;
  }
  /* line 571, app/assets/stylesheets/cicd/kong.scss */
  .kong-deploy-page__history {
    max-width: none;
  }
  /* line 575, app/assets/stylesheets/cicd/kong.scss */
  .kong-deploy-page__detail-panel {
    min-height: 0;
  }
}
/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/cicd/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/cicd/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/cicd/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/cicd/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/cicd/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/cicd/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/cicd/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/cicd/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/cicd/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/cicd/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/cicd/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 3, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page-header {
  gap: 0.5rem;
}

/* line 7, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page__subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 12, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page__trial-alert {
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid var(--color-warning-border-primary, #f0e0b2);
  border-radius: 8px;
  background: var(--color-warning-bg-secondary, #fff8e5);
}

/* line 19, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page__trial-alert h2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.5rem;
}

/* line 26, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page__trial-alert p {
  margin: 0;
}

/* line 31, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}

/* line 38, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: none;
  overflow: hidden;
}

/* line 49, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
}

/* line 56, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  background: var(--color-neutral-bg-primary);
}

/* line 68, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

/* line 74, app/assets/stylesheets/cicd/overview.scss */
html[data-theme='dark'] .cicd-overview-card__logo--invert-on-dark {
  filter: brightness(0) invert(1);
}

/* line 80, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__heading {
  min-width: 0;
}

/* line 84, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 89, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__subtitle {
  margin: 2px 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 94, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__rows {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 auto;
  padding: 0 1rem;
}

/* line 102, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 64px;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--color-neutral-bg-secondary);
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease;
}

/* line 115, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row:hover, .cicd-overview-card__row:focus {
  background: var(--color-neutral-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 122, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row--empty {
  justify-content: center;
  color: var(--color-neutral-text-secondary);
  cursor: default;
}

/* line 127, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row--empty:hover {
  background: var(--color-neutral-bg-secondary);
}

/* line 133, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row-main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* line 140, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row-account {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-neutral-text-primary);
}

/* line 147, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__row-detail {
  color: var(--color-neutral-text-secondary);
}

/* line 151, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 4px 12px;
  border-radius: 9999px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 162, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-badge--success {
  background: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 167, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-badge--failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 172, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-badge--processing {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 177, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-badge--neutral {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 183, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-icon-img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

/* line 189, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-icon-img--spinner {
  animation: cicd-overview-spin 0.9s linear infinite;
}

/* line 193, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__status-icon-img--spinner-dark, .cicd-overview-card__status-icon-img--confirm-light {
  display: none;
}

/* line 200, app/assets/stylesheets/cicd/overview.scss */
html[data-theme='dark'] .cicd-overview-card__status-icon-img--spinner-light,
html[data-theme='dark'] .cicd-overview-card__status-icon-img--confirm-dark {
  display: none;
}

/* line 205, app/assets/stylesheets/cicd/overview.scss */
html[data-theme='dark'] .cicd-overview-card__status-icon-img--spinner-dark,
html[data-theme='dark'] .cicd-overview-card__status-icon-img--confirm-light {
  display: block;
}

@keyframes cicd-overview-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 221, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  margin-top: 0.75rem;
}

/* line 229, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__last-run {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  text-align: center;
}

/* line 235, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}

/* line 248, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-card__cta:hover, .cicd-overview-card__cta:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  text-decoration: none;
}

/* line 257, app/assets/stylesheets/cicd/overview.scss */
.cicd-overview-page--trial .cicd-overview-card__row,
.cicd-overview-page--trial .cicd-overview-card__cta {
  pointer-events: none;
  cursor: default;
  opacity: 0.55;
}

@media (max-width: 1400px) {
  /* line 266, app/assets/stylesheets/cicd/overview.scss */
  .cicd-overview-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  /* line 272, app/assets/stylesheets/cicd/overview.scss */
  .cicd-overview-page__grid {
    grid-template-columns: 1fr;
  }
  /* line 276, app/assets/stylesheets/cicd/overview.scss */
  .cicd-overview-card__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 4, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page {
  width: 100%;
}

/* line 8, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom: none !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
}

/* line 17, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 25, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__back:hover, .cloud-control-page-header__back:focus, .cloud-control-page-header__back:focus-visible, .cloud-control-page-header__back:active {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* line 36, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__back-icon {
  width: 16px;
  height: 16px;
}

/* line 41, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__back-icon--light,
.cloud-control-page-header__service-pill-icon--light {
  display: inline-block;
}

/* line 46, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__back-icon--dark,
.cloud-control-page-header__service-pill-icon--dark {
  display: none;
}

/* line 52, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-page-header__back-icon--dark,
html[data-theme='dark'] .cloud-control-page-header__service-pill-icon--dark {
  display: inline-block;
}

/* line 57, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-page-header__back-icon--light,
html[data-theme='dark'] .cloud-control-page-header__service-pill-icon--light {
  display: none;
}

/* line 63, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__toolbar {
  margin-top: 0;
}

/* line 67, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__top {
  align-items: center;
}

/* line 71, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__intro {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

/* line 78, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 85, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__help-icon {
  width: 20px;
  height: 20px;
}

/* line 90, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__service-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  min-height: 36px;
  padding: 0 0.75rem 0 0.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  background: var(--color-neutral-bg-primary);
}

/* line 102, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__service-pill-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 108, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__service-select {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-primary);
  min-height: 34px;
  padding: 0 1rem 0 0;
  font-weight: 500;
  cursor: pointer;
}

/* line 118, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__service-select:focus {
  outline: none;
}

/* line 123, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

/* line 130, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 149, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__secondary:hover, .cloud-control-page-header__secondary:focus {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 157, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__create {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 176, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__create span {
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 180, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__create:hover, .cloud-control-page-header__create:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  text-decoration: none;
}

/* line 186, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__create:hover span, .cloud-control-page-header__create:focus span {
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 192, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__create-icon {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}

/* line 198, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
}

/* line 211, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__search {
  position: relative;
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 219, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* line 230, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__search-input {
  width: 100%;
  height: 40px;
  padding: 0 1rem 0 38px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-cross-white-primary, var(--color-neutral-bg-primary));
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 240, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 244, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 251, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__filters {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-left: auto;
}

/* line 259, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  border: none;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 278, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__filter:hover, .cloud-control-toolbar__filter:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 286, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__filter.is-active {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 290, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toolbar__filter.is-active:hover, .cloud-control-toolbar__filter.is-active:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 298, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll {
  margin-top: 0;
  border-radius: 16px;
}

/* line 303, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 314, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th,
.cloud-control-table-scroll .cloud-control-services-table td {
  min-width: 0;
  padding: 16px 18px;
  vertical-align: middle;
  border: none;
}

/* line 322, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table thead th {
  position: static;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 330, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table thead th:first-child {
  border-top-left-radius: 16px;
}

/* line 334, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table thead th:last-child {
  border-top-right-radius: 16px;
}

/* line 338, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table__header--actions {
  text-align: right;
}

/* 1 Service | 2 Pipeline | 3 Build | 4 Provider | 5 Repository | 6 Manifests | 7 Actions */
/* line 343, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(1),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(1) {
  width: 12%;
  min-width: 110px;
}

/* line 349, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(2),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(2) {
  width: 13%;
  min-width: 140px;
}

/* line 355, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(3),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(3) {
  width: 13%;
  min-width: 140px;
}

/* line 361, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(4),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(4) {
  width: 10%;
  min-width: 100px;
}

/* line 367, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(5),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(5) {
  width: 28%;
  min-width: 180px;
}

/* line 373, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(6),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(6) {
  width: 12%;
  min-width: 120px;
}

/* line 379, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .cloud-control-services-table th:nth-child(7),
.cloud-control-table-scroll .cloud-control-services-table td:nth-child(7) {
  width: 12%;
  min-width: 150px;
}

/* line 385, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 389, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 393, app/assets/stylesheets/cloud_control.scss */
.cloud-control-table-scroll .hte-events-table.ec2-schedules-events-table.cloud-control-services-table tbody > tr:hover > td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 397, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 408, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge--success {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 413, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge--failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 418, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge--processing {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 423, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge--neutral {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 429, app/assets/stylesheets/cloud_control.scss */
a.cloud-control-build-badge-link {
  text-decoration: none;
}

/* line 432, app/assets/stylesheets/cloud_control.scss */
a.cloud-control-build-badge-link:hover, a.cloud-control-build-badge-link:focus {
  text-decoration: none;
  opacity: 0.9;
}

/* line 439, app/assets/stylesheets/cloud_control.scss */
a.cloud-control-pipeline-badge {
  text-decoration: none;
}

/* line 442, app/assets/stylesheets/cloud_control.scss */
a.cloud-control-pipeline-badge:hover, a.cloud-control-pipeline-badge:focus {
  text-decoration: none;
  filter: brightness(0.95);
}

/* line 449, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

/* line 455, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge__icon--spinner {
  animation: cloud-control-spin 0.9s linear infinite;
}

/* line 459, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-badge__icon--spinner-dark, .cloud-control-pipeline-badge__icon--confirm-light {
  display: none;
}

/* line 466, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-pipeline-badge__icon--spinner-light,
html[data-theme='dark'] .cloud-control-pipeline-badge__icon--confirm-dark {
  display: none;
}

/* line 471, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-pipeline-badge__icon--spinner-dark,
html[data-theme='dark'] .cloud-control-pipeline-badge__icon--confirm-light {
  display: block;
}

/* line 476, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-pipeline-badge__icon:not(.cloud-control-pipeline-badge__icon--spinner) {
  filter: brightness(0) invert(1);
}

/* line 481, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 9999px;
  border: 1px solid var(--color-informative-border);
  background: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
  font-weight: 600;
  font-size: 0.875rem;
  white-space: nowrap;
}

/* line 495, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider-badge__icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 501, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 500;
}

/* line 509, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-link:hover, .cloud-control-manifest-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 516, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-link__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 522, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-link__icon--on-dark {
  display: none;
}

/* line 527, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-manifest-link__icon--primary {
  display: none;
}

/* line 531, app/assets/stylesheets/cloud_control.scss */
html[data-theme='dark'] .cloud-control-manifest-link__icon--on-dark {
  display: block;
}

/* line 536, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
}

/* line 544, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__link {
  color: var(--color-main-text-primary);
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
}

/* line 550, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__link:hover, .cloud-control-row-actions__link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 557, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

/* line 569, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__icon-btn--edit {
  color: var(--color-main-text-primary);
}

/* line 573, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__icon-btn--danger {
  color: var(--color-error-text-primary);
}

/* line 577, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__icon-btn:hover, .cloud-control-row-actions__icon-btn:focus {
  background: transparent;
  outline: none;
  opacity: 0.8;
}

/* line 585, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__icon {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 591, app/assets/stylesheets/cloud_control.scss */
.cloud-control-row-actions__delete-form {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

/* line 597, app/assets/stylesheets/cloud_control.scss */
.cloud-control-secrets-intro {
  margin: 0 0 1rem;
}

/* line 601, app/assets/stylesheets/cloud_control.scss */
.cloud-control-secrets-code {
  padding: 0 0.25rem;
  border-radius: 4px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/* line 609, app/assets/stylesheets/cloud_control.scss */
.cloud-control-secrets-value {
  min-height: 96px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/* line 615, app/assets/stylesheets/cloud_control.scss */
.cloud-control__service-link {
  display: inline-block;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 621, app/assets/stylesheets/cloud_control.scss */
.cloud-control__service-link:hover, .cloud-control__service-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: underline;
}

/* line 628, app/assets/stylesheets/cloud_control.scss */
.cloud-control__service-name {
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 633, app/assets/stylesheets/cloud_control.scss */
.cloud-control__repo-link {
  color: var(--color-main-text-primary);
  word-break: break-all;
  text-decoration: none;
  font-weight: 500;
}

/* line 639, app/assets/stylesheets/cloud_control.scss */
.cloud-control__repo-link:hover, .cloud-control__repo-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 646, app/assets/stylesheets/cloud_control.scss */
.cloud-control__repo-path {
  color: var(--color-neutral-text-primary);
  margin-top: 4px;
  font-size: 0.875rem;
}

/* line 652, app/assets/stylesheets/cloud_control.scss */
.cloud-control__muted {
  color: var(--color-neutral-text-secondary);
}

/* line 656, app/assets/stylesheets/cloud_control.scss */
.cloud-control__pipeline-error {
  color: var(--color-error-text-primary);
  font-size: 0.875rem;
  margin-top: 4px;
}

/* line 663, app/assets/stylesheets/cloud_control.scss */
.cloud-control-no-results td {
  text-align: center;
  color: var(--color-neutral-text-secondary);
}

@media (max-width: 992px) {
  /* line 670, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-page-header__top {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 675, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-page-header__create {
    width: 100%;
    justify-content: center;
  }
  /* line 680, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 685, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-toolbar__search {
    max-width: none;
  }
  /* line 689, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-toolbar__filters {
    margin-left: 0;
    justify-content: flex-start;
  }
}

/* line 695, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2rem;
}

/* line 701, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell__container {
  background-color: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-primary);
  margin-bottom: 2rem;
  padding: 2rem;
}

/* line 708, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

/* line 715, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 0 1rem 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 0.5rem;
}

/* line 724, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 732, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 739, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.2;
  color: var(--color-neutral-text-primary);
}

/* line 748, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header__pill {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-neutral-text-secondary);
}

/* line 761, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-page-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 768, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border: none;
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transform: none;
  transition: background-color 120ms ease;
}

/* line 785, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn:hover, .cloud-control-page-header__btn:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
  transform: none;
  text-decoration: none;
}

/* line 794, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn:disabled, .cloud-control-page-header__btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 802, app/assets/stylesheets/cloud_control.scss */
.cloud-control-form-hint {
  margin-top: 0.5rem;
  color: var(--color-error-text-primary);
}

/* line 807, app/assets/stylesheets/cloud_control.scss */
.cloud-control-form-label-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 813, app/assets/stylesheets/cloud_control.scss */
.cloud-control-loading-badge {
  display: none;
  color: var(--color-neutral-text-secondary);
}

/* line 817, app/assets/stylesheets/cloud_control.scss */
.cloud-control-loading-badge.is-visible {
  display: inline;
}

/* line 822, app/assets/stylesheets/cloud_control.scss */
.cloud-control-panel--collapsed {
  display: none !important;
}

/* line 826, app/assets/stylesheets/cloud_control.scss */
.cloud-control-is-hidden {
  display: none !important;
}

/* line 830, app/assets/stylesheets/cloud_control.scss */
.cloud-control-form-hint--collapsed {
  display: none;
}

/* line 834, app/assets/stylesheets/cloud_control.scss */
.cloud-control-form-label--compact {
  margin-bottom: 0.25rem;
}

/* line 838, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn-icon {
  width: 16px;
  height: 16px;
}

/* line 843, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

/* line 859, app/assets/stylesheets/cloud_control.scss */
.cloud-control-page-header__btn-secondary:hover, .cloud-control-page-header__btn-secondary:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
  text-decoration: none;
}

/* line 868, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider {
  display: block;
  text-decoration: none;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 120ms ease, transform 120ms ease;
}

/* line 878, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}

/* line 884, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}

/* line 890, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider__inner {
  padding: 1.5rem;
  text-align: center;
}

/* line 895, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider__img {
  height: 48px;
  width: auto;
}

/* line 900, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider__title {
  margin-top: 0.5rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 906, app/assets/stylesheets/cloud_control.scss */
.cloud-control-provider__hint {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 912, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .glyphicon-refresh-animate {
  animation: cloud-control-spin 1s linear infinite;
}

@keyframes cloud-control-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 921, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 930, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config__header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 936, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 941, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config__subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 946, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config__section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 952, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-config__section-label {
  color: var(--color-neutral-text-secondary);
}

/* line 956, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-steps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 0.75rem;
}

/* line 962, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

/* line 973, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--mandatory {
  background: var(--color-neutral-bg-secondary);
  padding: 0.75rem;
}

/* line 977, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--mandatory .cloud-control-pipeline-step__icon {
  width: 20px;
  height: 20px;
}

/* line 982, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--mandatory .cloud-control-pipeline-step__envs {
  margin-top: 0.25rem;
}

/* line 987, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__all-envs {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 992, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--optional {
  cursor: default;
  flex-direction: column;
}

/* line 997, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--optional .cloud-control-pipeline-step__body {
  width: 100%;
}

/* line 1001, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}

/* line 1009, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__header .cloud-control-pipeline-step__name {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1014, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__header .cloud-control-pipeline-step__toggle {
  flex-shrink: 0;
  margin-left: auto;
}

/* line 1019, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--optional.cloud-control-pipeline-step--active {
  border-color: var(--color-informative-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1024, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
}

/* line 1036, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step--active .cloud-control-pipeline-step__icon {
  background: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 1041, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

/* line 1049, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__name {
  color: var(--color-neutral-text-primary);
}

/* line 1053, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__name--clickable {
  cursor: pointer;
  margin: 0;
}

/* line 1058, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__desc {
  color: var(--color-neutral-text-secondary);
}

/* line 1062, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__badge {
  align-self: flex-start;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}

/* line 1075, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__toggle {
  display: inline-flex;
  align-items: center;
  margin: 0;
  flex-shrink: 0;
}

/* line 1082, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 1089, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  border-radius: 9999px;
  background: var(--color-neutral-border-primary);
  transition: background-color 120ms ease;
}

/* line 1099, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__switch::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: var(--color-neutral-bg-primary);
  transition: transform 120ms ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1112, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__checkbox:checked + .cloud-control-pipeline-step__switch {
  background: var(--color-main-bg-primary);
}

/* line 1116, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__checkbox:checked + .cloud-control-pipeline-step__switch::after {
  transform: translateX(20px);
}

/* line 1120, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__checkbox:focus + .cloud-control-pipeline-step__switch {
  outline: 2px solid var(--color-informative-border);
  outline-offset: 2px;
}

/* line 1125, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__command {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--color-neutral-border-secondary);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 1134, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__envs {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 1141, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__envs--disabled {
  opacity: 0.55;
  pointer-events: none;
}

/* line 1146, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__envs--readonly .cloud-control-pipeline-env-pills {
  pointer-events: none;
}

/* line 1150, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__envs-label {
  color: var(--color-neutral-text-secondary);
}

/* line 1154, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-env-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 1160, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-env-pill {
  display: inline-flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
}

/* line 1167, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-env-pill input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 1174, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 24px;
  padding: 0 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

/* line 1191, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1197, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1203, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1209, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill:hover input:not(:checked) + .portal-accounts-env-pill {
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 1214, app/assets/stylesheets/cloud_control.scss */
.cloud-control-shell .cloud-control-pipeline-env-pill input:focus + .portal-accounts-env-pill {
  outline: 2px solid var(--color-informative-border);
  outline-offset: 2px;
}

/* line 1219, app/assets/stylesheets/cloud_control.scss */
.cloud-control-pipeline-step__envs--disabled .cloud-control-pipeline-env-pill {
  cursor: not-allowed;
}

/* line 1223, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entries {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 1229, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entries__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 1237, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entries__add-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}

/* line 1251, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entries__add-btn:hover,
.cloud-control-manifest-entries__add-btn:focus {
  background: var(--color-neutral-bg-primary);
  outline: none;
}

/* line 1257, app/assets/stylesheets/cloud_control.scss */
#manifests_entries_list,
#cloud_control_wizard_manifests_entries_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 1264, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry {
  display: block;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
}

/* line 1271, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry > .ds-form-group {
  margin-bottom: 1rem;
}

/* line 1276, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 1284, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__title {
  margin: 0;
}

/* line 1288, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
}

/* line 1301, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__remove-btn:hover,
.cloud-control-manifest-entry__remove-btn:focus {
  background: var(--color-error-bg-secondary);
  outline: none;
}

/* line 1307, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__paths {
  display: block;
}

/* line 1311, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__envs {
  display: block;
  margin-bottom: 1rem;
}

/* line 1316, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__envs-label {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1322, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pills {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
}

/* line 1331, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-gap {
  display: inline-block;
  flex: 0 0 0.75rem;
  width: 0.75rem;
  height: 1px;
  pointer-events: none;
}

/* line 1339, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill {
  display: inline-flex;
  float: none;
  align-items: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/* line 1348, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
}

/* line 1357, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 28px;
  margin: 0;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

/* line 1375, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-manifest-entry__env-pills,
.cloud-control-shell .cloud-control-manifest-entry__env-pills {
  display: flex !important;
  column-gap: 0.75rem !important;
  row-gap: 0.5rem !important;
}

/* line 1382, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill input:checked + .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1388, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill input:checked + .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1394, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill input:checked + .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 1400, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill:hover input:not(:checked) + .portal-accounts-env-pill {
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 1405, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-pill input:focus-visible + .portal-accounts-env-pill {
  outline: 2px solid var(--color-informative-border);
  outline-offset: 2px;
}

/* line 1410, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-fields {
  display: block;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
}

/* line 1418, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-fields > .ds-form-group {
  margin-bottom: 0;
}

/* line 1423, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__env-fields.is-hidden {
  display: none !important;
  margin: 0 !important;
}

/* line 1428, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__paths .cloud-control-manifest-entry__env-fields:not(.is-hidden):last-child {
  margin-bottom: 0;
}

/* line 1432, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-entry__credential {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 1438, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifest-index-entry + .cloud-control-manifest-index-entry {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 1444, app/assets/stylesheets/cloud_control.scss */
.cloud-control-argocd-config {
  margin-bottom: 1rem;
}

/* line 1447, app/assets/stylesheets/cloud_control.scss */
.cloud-control-argocd-config #argocd_url_per_environment_group {
  display: grid;
  gap: 0.75rem;
}

/* line 1453, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toggle-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 1460, app/assets/stylesheets/cloud_control.scss */
.cloud-control-credential-modes {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/* line 1467, app/assets/stylesheets/cloud_control.scss */
.cloud-control-credential-modes legend {
  padding: 0;
  margin-bottom: 0.5rem;
}

/* line 1472, app/assets/stylesheets/cloud_control.scss */
.cloud-control-credential-mode {
  cursor: pointer;
}

/* line 1476, app/assets/stylesheets/cloud_control.scss */
.cloud-control-credential-mode__radio {
  margin: 0;
  flex-shrink: 0;
}

/* line 1481, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifests-platform-hint {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 1486, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toggle-option--nested {
  margin-bottom: 0.75rem;
}

/* line 1490, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toggle-option {
  flex-direction: column;
}

/* line 1494, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toggle-option .cloud-control-pipeline-step__body {
  width: 100%;
}

/* line 1498, app/assets/stylesheets/cloud_control.scss */
.cloud-control-toggle-option .cloud-control-pipeline-step__toggle {
  margin-top: 0;
}

/* line 1502, app/assets/stylesheets/cloud_control.scss */
.cloud-control-manifests-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0.5rem;
  border-left: 2px solid var(--color-neutral-border-secondary);
  margin-left: 0.5rem;
}

/* line 1511, app/assets/stylesheets/cloud_control.scss */
.cloud-control-registry-form-card {
  max-width: 640px;
  margin-top: 1rem;
}

/* line 1516, app/assets/stylesheets/cloud_control.scss */
.cloud-control-registry-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

/* line 1523, app/assets/stylesheets/cloud_control.scss */
.cloud-control-registry-delete-btn {
  border: none;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  padding: 0;
  margin-left: 0.75rem;
  font-family: inherit;
}

/* line 1532, app/assets/stylesheets/cloud_control.scss */
.cloud-control-registry-delete-btn:hover, .cloud-control-registry-delete-btn:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: underline;
}

/* line 1539, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-mode {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

/* line 1546, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-mode__option {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 1556, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-modal__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}

/* line 1563, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-modal__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 1574, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-modal__row-body {
  min-width: 0;
}

/* line 1578, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-modal__delete {
  border: none;
  background: transparent;
  color: var(--color-error-text-primary, var(--color-neutral-text-secondary));
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  white-space: nowrap;
}

/* line 1589, app/assets/stylesheets/cloud_control.scss */
.cloud-control-ocir-modal__divider {
  border: 0;
  border-top: 1px solid var(--color-neutral-border-secondary);
  margin: 1.25rem 0;
}

/* line 1599, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 760px;
  width: calc(100% - 5rem);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1613, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal.modal.scale-hub-schedule-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

@media (max-width: 700px) {
  /* line 1618, app/assets/stylesheets/cloud_control.scss */
  .cloud-control-create-modal.modal.scale-hub-schedule-modal .modal-dialog {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    width: calc(100% - 1.5rem);
  }
}

/* line 1626, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal.modal.scale-hub-schedule-modal > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 1635, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  gap: 0;
  padding: 0 !important;
  overflow: hidden;
}

/* line 1648, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 1661, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__header .scale-hub-close-event-modal__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

/* line 1668, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__header .scale-hub-close-event-modal__close {
  position: static;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 1675, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem 1rem !important;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 1685, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__step {
  display: none;
  padding: 0 0 0.5rem;
}

/* line 1690, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__step.is-active {
  display: block;
}

/* line 1694, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__step-intro {
  margin-bottom: 1rem;
}

/* line 1697, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__step-intro p {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1703, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__wizard-steps {
  padding: 0 1.5rem 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  flex-wrap: nowrap;
  margin: 0;
  position: relative;
  flex-shrink: 0;
  border-bottom: none;
  width: 100%;
  box-sizing: border-box;
}

/* line 1718, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__wizard-steps::before {
  content: '';
  position: absolute;
  left: calc(1.5rem + 20px);
  right: calc(1.5rem + 20px);
  top: 20px;
  height: 2px;
  z-index: 0;
  background: var(--color-neutral-border-secondary);
  border-radius: 999px;
}

/* line 1730, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__wizard-steps[data-wizard-step='2']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 25%, var(--color-neutral-border-secondary) 25%, var(--color-neutral-border-secondary) 100%);
}

/* line 1738, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__wizard-steps[data-wizard-step='3']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 50%, var(--color-neutral-border-secondary) 50%, var(--color-neutral-border-secondary) 100%);
}

/* line 1746, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__wizard-steps[data-wizard-step='4']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 75%, var(--color-neutral-border-secondary) 75%, var(--color-neutral-border-secondary) 100%);
}

/* line 1754, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  padding: 1.25rem 1.5rem 1.5rem;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 1763, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 1px;
  background: var(--color-neutral-border-secondary);
}

/* line 1774, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-hint {
  width: 100%;
  color: var(--color-error-text-primary);
  margin: 0 0 0.75rem;
}

/* line 1780, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-actions {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

/* line 1787, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  min-height: 52px;
  padding: 0.75rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

/* line 1806, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--back {
  flex: 0 1 auto;
  margin-right: auto;
}

/* line 1811, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--cancel {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1816, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--cancel:hover:not(:disabled), .cloud-control-create-modal__footer-btn--cancel:focus:not(:disabled) {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1822, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--cancel:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 1830, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--primary {
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
  border: none;
}

/* line 1835, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--primary:hover:not(:disabled), .cloud-control-create-modal__footer-btn--primary:focus:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1841, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__footer-btn--primary:disabled {
  cursor: not-allowed;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 1848, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 1854, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

/* line 1868, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card:hover:not(.cloud-control-create-modal__provider-card--disabled) {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1873, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card.is-selected,
.cloud-control-create-modal__provider-card--connected {
  border-color: var(--color-main-border);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 1879, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card--disabled {
  background: var(--color-neutral-hover-bg-primary, #f3f4f6);
  border-color: transparent;
  cursor: not-allowed;
  opacity: 0.85;
}

/* line 1885, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card--disabled .cloud-control-create-modal__provider-card-title,
.cloud-control-create-modal__provider-card--disabled .cloud-control-create-modal__provider-card-hint {
  color: var(--color-neutral-text-disable);
}

/* line 1890, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card--disabled .cloud-control-create-modal__provider-card-img {
  opacity: 0.55;
}

/* line 1895, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1907, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* line 1913, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 1920, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card-title {
  color: var(--color-neutral-text-primary);
}

/* line 1924, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-card-hint {
  color: var(--color-neutral-text-secondary);
}

/* line 1928, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__provider-hint {
  margin-top: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1933, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__gitlab-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: var(--color-success-bg-secondary, #e8f5e9);
  color: var(--color-success-text-primary, #1b5e20);
}

/* line 1944, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__gitlab-badge-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 1950, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__gitlab-badge-check {
  width: 14px;
  height: 14px;
}

/* line 1955, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__form-stack {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 1961, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__field {
  margin-bottom: 0;
}

/* line 1965, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__token-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 1972, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__token-label-row .ds-form-label {
  margin-bottom: 0;
}

/* line 1977, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__token-probe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

/* line 1985, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

/* line 1999, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn:hover:not(:disabled), .cloud-control-create-modal__inline-btn:focus:not(:disabled) {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 2006, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 2014, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn--primary {
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
}

/* line 2019, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn--primary:hover:not(:disabled), .cloud-control-create-modal__inline-btn--primary:focus:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  border-color: var(--color-main-hover-bg-primary);
}

/* line 2026, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__inline-btn--primary:disabled {
  color: var(--color-neutral-text-disable);
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 2033, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__token-probe-icons {
  display: inline-flex;
  align-items: center;
}

/* line 2037, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__token-probe-icons[hidden] {
  display: none !important;
}

/* line 2042, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__select,
.cloud-control-create-modal__field .ds-form-input {
  min-height: 48px;
  border-radius: 8px;
}

/* line 2048, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__manifest-paths-hint {
  margin-top: 0.75rem;
  margin-bottom: 0;
}

/* line 2053, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__alerts {
  padding: 0;
}

/* line 2056, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__alerts .alert {
  margin: 0 0 0.75rem;
}

/* line 2061, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__oauth-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: var(--color-neutral-bg-overlay, rgba(0, 0, 0, 0.35));
  align-items: center;
  justify-content: center;
}

/* line 2069, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__oauth-overlay[hidden] {
  display: none !important;
}

/* line 2074, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__oauth-overlay-card {
  background: var(--color-neutral-bg-primary);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  min-width: 280px;
  max-width: 420px;
}

/* line 2083, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__oauth-overlay-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 2089, app/assets/stylesheets/cloud_control.scss */
.cloud-control-create-modal__oauth-spinner {
  animation: cloud-control-spin 1s linear infinite;
}

@keyframes cloud-control-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 2099, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .scale-hub-close-event-modal__body.modal-body {
  width: 100%;
  align-self: stretch;
  flex: 1 1 auto;
  min-height: 0;
}

/* line 2106, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__form {
  width: 100%;
}

/* line 2110, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-steps.cloud-control-create-modal__wizard-steps {
  flex-wrap: nowrap !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* line 2116, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  z-index: 1;
}

/* line 2131, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill__num {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  box-sizing: border-box;
}

/* line 2149, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill__label {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-neutral-text-disable);
  text-align: center;
  line-height: 1.25;
  white-space: nowrap;
}

/* line 2159, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 2165, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 2170, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: transparent;
  font-size: 0;
}

/* line 2177, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 11px;
  margin: -8px 0 0 -3px;
  border: solid 2px var(--color-neutral-text-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 2190, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-secondary);
}

/* line 2194, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--single {
  min-height: 48px !important;
  padding: 8px 36px 8px 12px !important;
  border-radius: 8px;
  border-color: var(--color-neutral-border-secondary);
  display: flex !important;
  align-items: center !important;
}

/* line 2203, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 22px !important;
  font-size: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2210, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 2214, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: auto !important;
  top: 0 !important;
  bottom: 0 !important;
}

/* line 2220, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple {
  display: flex !important;
  align-items: center;
  min-height: 48px !important;
  height: auto !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
  cursor: text;
}

/* line 2233, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 2243, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 5px 8px 5px 12px !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: var(--color-success-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  white-space: nowrap;
}

/* line 2256, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  float: none !important;
  order: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 9999px;
  color: var(--color-neutral-text-secondary) !important;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

/* line 2273, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  background: var(--color-opacity-black-weak);
  color: var(--color-neutral-text-primary) !important;
}

/* line 2279, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-search--inline {
  flex: 1 1 80px;
  margin: 0 !important;
}

/* line 2284, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 1rem !important;
  line-height: 22px !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2294, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: var(--color-neutral-text-secondary) !important;
  opacity: 1;
}

/* line 2300, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap.select2-container--focus .select2-selection--multiple,
#cloudControlCreateServiceModal .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 2306, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple {
  background-color: var(--color-neutral-bg-secondary) !important;
  cursor: not-allowed;
}

/* line 2311, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__field {
  position: relative;
}

/* line 2315, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__field .ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 2320, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__required {
  color: var(--color-feedback-error-text);
}

/* line 2324, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__select {
  width: 100%;
}

/* line 2328, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-create-modal__field--with-badge .cloud-control-create-modal__field-badge {
  position: absolute;
  top: auto;
  bottom: 14px;
  right: 2rem;
  transform: none;
  z-index: 2;
  pointer-events: none;
}

/* line 2338, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1rem;
  background: var(--color-neutral-bg-primary);
  flex-direction: column;
  gap: 0;
}

/* line 2347, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__switch {
  display: inline-block;
}

/* line 2351, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 2358, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__toggle {
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 2366, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__body {
  gap: 4px;
  width: 100%;
}

/* line 2371, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__name {
  font-weight: 500;
}

/* line 2375, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-toggle-option .cloud-control-pipeline-step__desc {
  color: var(--color-neutral-text-secondary);
}

/* line 2379, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-manifests-panel {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

/* line 2385, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-config__header {
  display: none;
}

/* line 2389, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-config {
  margin-top: 0;
  padding-top: 1rem;
}

/* line 2394, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
}

/* line 2400, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-steps--optional {
  grid-auto-rows: auto;
  align-items: start;
}

/* line 2404, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-steps--optional .cloud-control-pipeline-step__body > .cloud-control-pipeline-step__desc {
  min-height: 28px;
}

/* line 2409, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-config .cloud-control-pipeline-step {
  min-width: 0;
  padding: 0.75rem;
}

/* line 2414, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-config .cloud-control-pipeline-step__envs--disabled {
  display: none;
}

@media (max-width: 700px) {
  /* line 2419, app/assets/stylesheets/cloud_control.scss */
  #cloudControlCreateServiceModal .cloud-control-pipeline-steps {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* line 2424, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-env-pill .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 24px;
  padding: 0 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
}

/* line 2440, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 2446, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 2452, app/assets/stylesheets/cloud_control.scss */
#cloudControlCreateServiceModal .cloud-control-pipeline-env-pill input:checked + .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  border-color: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 2459, app/assets/stylesheets/cloud_control.scss */
.cloud-control-services-pagination {
  margin-top: 1rem;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/container_restart.scss */
.container-restart-modal {
  color: var(--color-neutral-text-primary);
}

/* line 6, app/assets/stylesheets/container_restart.scss */
.container-restart-modal .modal-content {
  background: var(--color-neutral-bg-primary);
}

/* line 7, app/assets/stylesheets/container_restart.scss */
.container-restart-modal .modal-header, .container-restart-modal .modal-footer {
  border-color: var(--color-neutral-border-primary);
}

/* line 9, app/assets/stylesheets/container_restart.scss */
.container-restart-modal__details {
  display: grid;
  grid-template-columns: minmax(8rem, auto) 1fr;
  gap: 0.5rem 1rem;
  margin: 1.25rem 0;
}

/* line 15, app/assets/stylesheets/container_restart.scss */
.container-restart-modal__details dt {
  color: var(--color-neutral-text-secondary);
}

/* line 16, app/assets/stylesheets/container_restart.scss */
.container-restart-modal__details dd {
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 19, app/assets/stylesheets/container_restart.scss */
.container-restart-modal__progress {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
}

/* line 20, app/assets/stylesheets/container_restart.scss */
.container-restart-modal__spinner {
  animation: container-restart-spin 1s linear infinite;
  color: var(--color-main-brand);
}

/* line 23, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 4px;
  line-height: inherit;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 36, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn:hover, .js-container-restart-btn:focus {
  background: transparent;
  color: var(--color-main-hover-bg-primary);
  outline: none;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn:hover .js-container-restart-label, .js-container-restart-btn:focus .js-container-restart-label {
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn .glyphicon {
  align-items: center;
  display: inline-flex;
  font-size: 10px;
  height: 1em;
  justify-content: center;
  line-height: 1;
  position: relative;
  top: 0;
  width: 1em;
}

/* line 60, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn .js-container-restart-label {
  display: inline-block;
  line-height: inherit;
}

/* line 65, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn[disabled] {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 67, app/assets/stylesheets/container_restart.scss */
.js-container-restart-btn.is-restarting {
  color: var(--color-main-text-primary);
}

@keyframes container-restart-spin {
  to {
    transform: rotate(360deg);
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 12, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html {
  background-color: var(--color-neutral-bg-primary);
}

/* line 16, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
body {
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary);
  font-size: 1.5rem;
  line-height: 1.5;
}

/* line 24, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.container-fluid {
  background-color: var(--color-neutral-bg-primary) !important;
}

/* line 32, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
a:focus,
button:focus,
.btn:focus,
.btn-link:focus,
summary:focus,
[role='button']:focus,
[role='tab']:focus,
.dropdown-toggle:focus,
.nav > li > a:focus,
.pagination > li > a:focus {
  outline: none;
}

/* line 45, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
[role='button']:focus:not(:focus-visible),
[role='tab']:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* line 57, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-item-active {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 62, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-dropdown-toggle {
  font-size: 1.25rem !important;
  border-radius: 8px !important;
}

/* line 67, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-dropdown-header {
  color: var(--color-neutral-text-primary) !important;
  font-weight: 700;
  font-size: 1.25rem !important;
}

/* line 73, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu,
.navbar .dropdown-menu {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  font-size: 1.25rem !important;
  z-index: 3000 !important;
}

/* line 80, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a {
  color: var(--color-neutral-text-primary);
  font-size: 1.25rem !important;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

/* line 85, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover, .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 92, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider):hover > a,
.navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider):hover > a {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 98, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu > li.navbar-item-active > a,
.navbar .dropdown-menu > li.navbar-item-active > a {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 104, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .dropdown-menu .navbar-dropdown-header:hover,
.navbar-default .dropdown-menu > li.navbar-dropdown-header:hover,
.navbar .dropdown-menu .navbar-dropdown-header:hover,
.navbar .dropdown-menu > li.navbar-dropdown-header:hover {
  background-color: transparent !important;
}

/* line 111, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
.navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 119, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
body .navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
body .navbar .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus,
body .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:hover,
body .navbar-default .dropdown-menu > li:not(.navbar-dropdown-header):not(.divider) > a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 127, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar .dropdown-menu > li.navbar-item-active > a,
.navbar-default .dropdown-menu > li.navbar-item-active > a {
  background-color: var(--color-warning-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 134, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.trial-footer {
  background-color: var(--color-warning-bg-primary);
  color: var(--color-neutral-text-active);
  text-align: center;
  padding: 0.5rem;
}

/* line 142, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.theme-toggle-btn {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 154, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.theme-toggle-btn:hover {
  background-color: var(--color-neutral-hover-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 164, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 178, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 183, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-success:hover, .btn-success:focus {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 191, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-warning {
  background-color: var(--color-warning-bg-primary);
  border-color: var(--color-warning-border);
  color: var(--color-neutral-text-active);
}

/* line 196, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-warning:hover, .btn-warning:focus {
  background-color: var(--color-warning-hover-bg-primary);
  border-color: var(--color-warning-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 204, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 209, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-danger:hover, .btn-danger:focus {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 217, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-default {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.btn-default:hover, .btn-default:focus {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 233, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control {
  border-radius: 4px;
  border-color: var(--color-neutral-border-primary);
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 239, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
  outline: 0;
}

/* line 245, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.form-control option {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 254, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel {
  border-radius: 8px;
  border-color: var(--color-neutral-border-secondary);
}

/* line 259, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel-default > .panel-heading {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  border-radius: 8px 8px 0 0;
}

/* line 266, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.panel-body {
  color: var(--color-neutral-text-primary);
}

/* line 273, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default {
  background-color: var(--color-neutral-bg-primary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
}

/* line 277, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 284, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > li > a {
  color: var(--color-neutral-text-primary) !important;
  font-size: 1.25rem !important;
}

/* line 288, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: var(--color-neutral-text-primary) !important;
  background-color: var(--color-neutral-hover-bg-primary) !important;
}

/* line 295, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-brand {
  color: var(--color-neutral-text-primary) !important;
  font-size: 1.25rem !important;
}

/* line 299, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
}

/* line 310, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.app-footer {
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 0;
  margin-top: 1.5rem;
}

/* line 321, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-warning {
  background-color: var(--color-warning-bg-secondary);
  border-color: var(--color-warning-border);
  color: var(--color-warning-text-primary);
}

/* line 327, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-danger {
  background-color: var(--color-error-bg-secondary);
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 333, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-success {
  background-color: var(--color-success-bg-secondary);
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 339, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.alert-info {
  background-color: var(--color-informative-bg-secondary);
  border-color: var(--color-informative-border);
  color: var(--color-informative-text-primary);
}

/* line 348, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.table > thead > tr > th {
  border-bottom-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 353, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.table > tbody > tr > td,
.table > tbody > tr > th {
  border-top-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 362, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 371, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > li > a,
.pagination > li > span {
  color: var(--color-main-text-primary);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 377, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > li > a:hover,
.pagination > li > span:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
}

/* line 384, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--color-neutral-text-secondary);
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

/* line 399, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-content {
  border-radius: 12px;
  border-color: var(--color-neutral-border-secondary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 407, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-header {
  border-bottom-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 413, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-body {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 418, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.modal-footer {
  border-top-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 426, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-results__option--highlighted {
  background-color: var(--color-main-bg-primary) !important;
  color: var(--color-neutral-text-active) !important;
}

/* line 431, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--multiple {
  border-color: var(--color-neutral-border-primary) !important;
  border-radius: 4px !important;
}

/* line 439, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 446, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-dropdown.select2-dropdown--below {
  margin-top: 10px !important;
  border-radius: 12px !important;
}

/* line 451, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-dropdown {
  background-color: var(--color-neutral-bg-primary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
}

/* line 456, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-search--dropdown {
  padding: 8px !important;
  background: var(--color-neutral-bg-primary) !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 462, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 8px !important;
}

/* line 472, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
.select2-search--dropdown .select2-search__field::placeholder {
  color: var(--color-neutral-text-secondary) !important;
  opacity: 1;
}

/* line 477, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--color-main-border) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 488, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 {
  position: relative;
}

/* line 491, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .scale-hub-schedule-modal__label--floating {
  z-index: 3;
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}

/* line 500, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container {
  width: 100% !important;
}

/* line 504, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single {
  min-height: 56px;
  height: auto !important;
  padding: 14px 36px 8px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 514, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  leading-trim: none;
  color: var(--color-neutral-text-primary) !important;
}

/* line 526, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  color: var(--color-neutral-text-disable) !important;
}

/* line 536, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute !important;
  right: 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 548, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-neutral-text-secondary) transparent transparent transparent !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* line 557, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--color-neutral-text-secondary) transparent !important;
}

/* line 561, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--focus .select2-selection--single,
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 567, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--single {
  border-radius: 8px !important;
}

/* line 571, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple {
  min-height: 56px !important;
  height: auto !important;
  padding: 22px 8px 8px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 581, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 !important;
}

/* line 588, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 4px 8px 4px 4px !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* line 603, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 2px;
  color: var(--color-neutral-text-secondary) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: -1;
  font-size: 12px;
  line-height: 1;
}

/* line 620, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: 0 !important;
  padding: 4px 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 629, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--focus .select2-selection--multiple,
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-color: var(--color-main-border) !important;
  box-shadow: 0 0 0 1px var(--color-main-border) !important;
}

/* line 635, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2 .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-radius: 8px !important;
}

/* line 640, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 12px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* line 648, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results > .select2-results__options {
  max-height: 220px;
  padding: 4px 0;
}

/* line 653, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option {
  padding: 10px 12px !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
}

/* line 659, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option:empty {
  display: none !important;
}

/* line 663, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: var(--color-neutral-hover-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 668, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary) !important;
}

/* line 673, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__option.select2-results__option--selectable.select2-results__option--selected {
  border-radius: 8px !important;
}

/* line 678, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options > .select2-results__option.select2-results__option--selectable:first-child {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  margin: 4px 8px 0 8px;
}

/* line 683, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary) !important;
}

/* line 688, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-border-primary) var(--color-neutral-bg-secondary);
}

/* line 693, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

/* line 697, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 4px;
}

/* line 702, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
.portal-accounts-select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--color-neutral-border-primary);
  border-radius: 4px;
}

/* line 712, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] nav.navbar.navbar-default {
  background-color: #101010 !important;
  border-color: #464646 !important;
}

/* line 718, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .app-footer,
html[data-theme="dark"] footer.app-footer {
  background-color: #101010 !important;
  color: #ffffff !important;
}

/* line 723, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] .app-footer p,
html[data-theme="dark"] footer.app-footer p {
  color: #ffffff !important;
}

/* line 729, app/assets/stylesheets/design-system/_bootstrap_overrides.scss */
html[data-theme="dark"] body > .container-fluid:last-of-type {
  background-color: #101010 !important;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}
/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/docs.scss */
.docs-page {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/docs.scss */
.docs-page__header {
  margin-bottom: 1.25rem;
}

/* line 11, app/assets/stylesheets/docs.scss */
.docs-page__title-block {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 17, app/assets/stylesheets/docs.scss */
.docs-page__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 22, app/assets/stylesheets/docs.scss */
.docs-page__subtitle {
  margin: 0.5rem 0 0;
  max-width: 720px;
  color: var(--color-neutral-text-secondary);
}

/* line 28, app/assets/stylesheets/docs.scss */
.docs-page__layout {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: stretch;
}

@media (min-width: 768px) {
  /* line 28, app/assets/stylesheets/docs.scss */
  .docs-page__layout {
    flex-direction: row;
    align-items: flex-start;
  }
}

/* line 40, app/assets/stylesheets/docs.scss */
.docs-page__sidebar {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1rem;
}

@media (min-width: 768px) {
  /* line 40, app/assets/stylesheets/docs.scss */
  .docs-page__sidebar {
    width: 260px;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
  }
}

/* line 58, app/assets/stylesheets/docs.scss */
.docs-page__nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 64, app/assets/stylesheets/docs.scss */
.docs-page__nav-section {
  margin-bottom: 1rem;
}

/* line 67, app/assets/stylesheets/docs.scss */
.docs-page__nav-section:last-child {
  margin-bottom: 0;
}

/* line 72, app/assets/stylesheets/docs.scss */
.docs-page__nav-section-title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 79, app/assets/stylesheets/docs.scss */
.docs-page__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 85, app/assets/stylesheets/docs.scss */
.docs-page__nav-item {
  margin: 0 0 0.25rem;
}

/* line 89, app/assets/stylesheets/docs.scss */
.docs-page__nav-group {
  margin: 0.5rem 0 0;
}

/* line 93, app/assets/stylesheets/docs.scss */
.docs-page__nav-group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  text-align: left;
  cursor: pointer;
}

/* line 107, app/assets/stylesheets/docs.scss */
.docs-page__nav-group-toggle:hover, .docs-page__nav-group-toggle:focus {
  background: var(--color-neutral-bg-primary);
  color: var(--color-main-text-primary);
}

/* line 114, app/assets/stylesheets/docs.scss */
.docs-page__nav-group-chevron {
  color: var(--color-neutral-text-secondary);
}

/* line 118, app/assets/stylesheets/docs.scss */
.docs-page__nav-group.is-collapsed .docs-page__nav-group-chevron {
  transform: rotate(-90deg);
}

/* line 122, app/assets/stylesheets/docs.scss */
.docs-page__nav-group.is-collapsed .docs-page__nav-group-list {
  display: none;
}

/* line 126, app/assets/stylesheets/docs.scss */
.docs-page__nav-group-list {
  margin-top: 0.25rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--color-neutral-border-primary);
}

/* line 132, app/assets/stylesheets/docs.scss */
.docs-page__nav-group.is-hidden {
  display: none;
}

/* line 136, app/assets/stylesheets/docs.scss */
.docs-page__nav-link {
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 143, app/assets/stylesheets/docs.scss */
.docs-page__nav-link:hover, .docs-page__nav-link:focus {
  background: var(--color-neutral-bg-primary);
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 150, app/assets/stylesheets/docs.scss */
.docs-page__nav-link--active {
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
  font-weight: 600;
}

/* line 157, app/assets/stylesheets/docs.scss */
.docs-page__content {
  flex: 1 1 auto;
  min-width: 0;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
}

/* line 166, app/assets/stylesheets/docs.scss */
.docs-page__article-title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 171, app/assets/stylesheets/docs.scss */
.docs-page__lead {
  margin: 0 0 1.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 176, app/assets/stylesheets/docs.scss */
.docs-page__section {
  margin-bottom: 1.25rem;
}

/* line 179, app/assets/stylesheets/docs.scss */
.docs-page__section:last-child {
  margin-bottom: 0;
}

/* line 184, app/assets/stylesheets/docs.scss */
.docs-page__section-title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 189, app/assets/stylesheets/docs.scss */
.docs-page__body {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 194, app/assets/stylesheets/docs.scss */
.docs-page__list {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 199, app/assets/stylesheets/docs.scss */
.docs-page__list li + li {
  margin-top: 0.25rem;
}

/* line 204, app/assets/stylesheets/docs.scss */
.docs-page__steps {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 209, app/assets/stylesheets/docs.scss */
.docs-page__steps li + li {
  margin-top: 0.5rem;
}

/* line 214, app/assets/stylesheets/docs.scss */
.docs-page__glossary {
  margin: 0;
}

/* line 218, app/assets/stylesheets/docs.scss */
.docs-page__glossary-item {
  margin: 0 0 0.75rem;
}

/* line 221, app/assets/stylesheets/docs.scss */
.docs-page__glossary-item:last-child {
  margin-bottom: 0;
}

/* line 226, app/assets/stylesheets/docs.scss */
.docs-page__glossary-term {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 231, app/assets/stylesheets/docs.scss */
.docs-page__glossary-def {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 236, app/assets/stylesheets/docs.scss */
.docs-page__callout {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border-left: 3px solid var(--color-main-bg-primary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 245, app/assets/stylesheets/docs.scss */
.docs-page__callout--warn {
  border-left-color: var(--color-warning-bg-primary, var(--color-main-bg-primary));
}

/* line 249, app/assets/stylesheets/docs.scss */
.docs-page__figure {
  margin: 0 0 1rem;
}

/* line 253, app/assets/stylesheets/docs.scss */
.docs-preview {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  max-height: 480px;
  overflow: auto;
}

/* line 260, app/assets/stylesheets/docs.scss */
.docs-preview a,
.docs-preview button {
  pointer-events: none;
}

/* line 266, app/assets/stylesheets/docs.scss */
.docs-preview__canvas {
  min-width: 720px;
}

/* line 270, app/assets/stylesheets/docs.scss */
.docs-preview__missing {
  margin: 0;
  padding: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 276, app/assets/stylesheets/docs.scss */
.docs-preview .login-page {
  min-height: 320px;
  flex-direction: row;
  --login-ref-scale: 0.55;
}

/* line 282, app/assets/stylesheets/docs.scss */
.docs-preview .login-page__brand,
.docs-preview .login-page__panel {
  min-height: 320px;
}

/* line 287, app/assets/stylesheets/docs.scss */
.docs-preview .login-page__brand {
  flex: 0 0 42%;
  width: 42%;
}

/* line 292, app/assets/stylesheets/docs.scss */
.docs-preview .oc-header__panel,
.docs-preview .oc-header__panel--mega,
.docs-preview .oc-header__panel--profile {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  min-width: 0;
  max-height: none;
}

/* line 303, app/assets/stylesheets/docs.scss */
.docs-preview .oc-header__panel.is-open {
  display: block;
}

/* line 307, app/assets/stylesheets/docs.scss */
.docs-preview .docs-preview__set-password {
  max-width: 520px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  text-align: center;
}

/* line 314, app/assets/stylesheets/docs.scss */
.docs-preview .docs-preview__set-password .form-control {
  margin-bottom: 0.75rem;
}

/* line 318, app/assets/stylesheets/docs.scss */
.docs-preview .docs-preview__menu-panel {
  max-width: 360px;
}

/* line 322, app/assets/stylesheets/docs.scss */
.docs-page__sidebar-search {
  width: 100%;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 332, app/assets/stylesheets/docs.scss */
.docs-page__nav-item.is-hidden {
  display: none;
}

/* line 336, app/assets/stylesheets/docs.scss */
.docs-page__nav-section.is-hidden {
  display: none;
}

/* line 340, app/assets/stylesheets/docs.scss */
[data-theme='dark'] .docs-page__content,
[data-theme='dark'] .docs-page__sidebar,
.dark .docs-page__content,
.dark .docs-page__sidebar {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 348, app/assets/stylesheets/docs.scss */
.docs-page__figcaption {
  margin-top: 0.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 353, app/assets/stylesheets/docs.scss */
.docs-page__pre {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 365, app/assets/stylesheets/docs.scss */
.docs-page__pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-neutral-border-primary);
}

/* line 375, app/assets/stylesheets/docs.scss */
.docs-page__pager-link {
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 48%;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 383, app/assets/stylesheets/docs.scss */
.docs-page__pager-link:hover, .docs-page__pager-link:focus {
  text-decoration: none;
  color: var(--color-main-text-primary);
}

/* line 389, app/assets/stylesheets/docs.scss */
.docs-page__pager-link--next {
  margin-left: auto;
  text-align: right;
}

/* line 395, app/assets/stylesheets/docs.scss */
.docs-page__pager-label {
  color: var(--color-neutral-text-secondary);
}

/* line 399, app/assets/stylesheets/docs.scss */
.docs-page__card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 0 0 1rem;
}

@media (min-width: 576px) {
  /* line 399, app/assets/stylesheets/docs.scss */
  .docs-page__card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* line 410, app/assets/stylesheets/docs.scss */
.docs-page__card {
  display: block;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-secondary);
  color: inherit;
  text-decoration: none;
}

/* line 419, app/assets/stylesheets/docs.scss */
.docs-page__card:hover, .docs-page__card:focus {
  border-color: var(--color-main-bg-primary);
  text-decoration: none;
  color: inherit;
}

/* line 427, app/assets/stylesheets/docs.scss */
.docs-page__card-title {
  margin: 0 0 0.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 432, app/assets/stylesheets/docs.scss */
.docs-page__card-text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 437, app/assets/stylesheets/docs.scss */
.docs-page__inline-link {
  color: var(--color-main-text-primary);
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

/* line 13, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 20, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 28, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 39, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__toolbar-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

/* line 48, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__account-name {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  line-height: 1.25;
}

/* line 55, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__account-picker-wrap {
  position: relative;
  max-width: 100%;
}

/* line 60, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__account-selected-note {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 1rem;
  line-height: 1.35;
}

/* line 67, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__account-selected-note--first {
  margin: 0 0 2px;
}

/* line 71, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__toolbar-right {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 78, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__cloud-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 92, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tabs {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}

/* line 98, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 0 6px;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  cursor: pointer;
  margin-bottom: -1px;
}

/* line 111, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab:hover, .ec2-schedules-page-header__tab:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 119, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  object-fit: contain;
  opacity: 0.85;
}

/* line 128, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab-icon-img--dark {
  display: none;
}

/* line 132, app/assets/stylesheets/ec2_schedules.scss */
html[data-theme='dark'] .ec2-schedules-page-header__tab-icon-img--light {
  display: none;
}

/* line 136, app/assets/stylesheets/ec2_schedules.scss */
html[data-theme='dark'] .ec2-schedules-page-header__tab-icon-img--dark {
  display: inline-block;
}

/* line 140, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab--active {
  color: var(--color-main-text-primary);
  border-bottom-color: var(--color-main-bg-primary);
  cursor: default;
}

/* line 146, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab--inactive {
  opacity: 0.65;
  cursor: not-allowed;
}

/* line 151, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab--link {
  color: var(--color-neutral-text-secondary);
  border-bottom-color: transparent;
}

/* line 155, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__tab--link:hover, .ec2-schedules-page-header__tab--link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 162, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-stats-bar {
  display: flex;
  align-items: center;
  gap: 64px;
  flex-wrap: wrap;
  padding: 20px 40px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 173, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-stats-bar__item {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 179, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-stats-bar__label {
  color: var(--color-neutral-text-secondary);
}

/* line 183, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-stats-bar__value {
  color: var(--color-neutral-text-primary);
}

/* line 187, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-stats-bar--history {
  justify-content: flex-start;
}

/* line 191, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker {
  position: relative;
}

/* line 195, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  max-width: 100%;
}

/* line 206, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__trigger:hover, .ec2-schedules-account-picker__trigger:focus {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 215, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__trigger--title {
  margin-top: 2px;
}

/* line 219, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__trigger-text {
  display: inline-block;
  max-width: 280px;
  text-align: left;
  white-space: normal;
  line-height: 1.25;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* line 229, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 360px;
  max-width: calc(100vw - 32px);
  z-index: 1070;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 30px var(--color-neutral-shadow-md);
  overflow: hidden;
}

/* line 243, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__header {
  border-bottom: none;
  padding: 18px 20px 8px;
}

/* line 248, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 253, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__body {
  padding: 8px 20px 12px;
}

/* line 257, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__footer {
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
}

/* line 264, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__search-wrap {
  position: relative;
  margin-bottom: 12px;
}

/* line 268, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__search-wrap .glyphicon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  font-size: 16px;
  line-height: 1;
  z-index: 2;
}

/* line 280, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__search {
  padding-left: 40px !important;
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 287, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__list {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 2px;
}

/* line 293, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 2px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item:last-of-type {
  border-bottom: none;
}

/* line 308, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  margin-top: 1px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
  background-image: none;
  accent-color: transparent;
}

/* line 326, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item input[type='radio']:checked {
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  background-image: radial-gradient(circle at center, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 4px, var(--color-neutral-bg-primary) 4px, var(--color-neutral-bg-primary) 6px, var(--color-neutral-bg-primary) 100%);
}

/* line 337, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item input[type='radio']:focus {
  outline: none;
}

/* line 341, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item input[type='radio']:focus-visible {
  outline: 2px solid var(--color-main-bg-primary);
  outline-offset: 2px;
}

/* line 348, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__item-label {
  display: block;
  min-width: 0;
  flex: 1;
  max-width: 280px;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* line 358, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__empty {
  margin: 0;
  padding: 10px 2px;
  color: var(--color-neutral-text-secondary);
}

/* line 364, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__btn {
  border: none;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 999px;
}

/* line 373, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__btn--apply {
  padding: 8px 20px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 380, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 387, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 394, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.2;
  color: var(--color-neutral-text-primary);
}

/* line 403, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__pill {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-neutral-text-secondary);
}

/* line 416, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__description {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 424, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1rem;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border: none;
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transform: none;
  transition: background-color 120ms ease;
}

/* line 442, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn:hover,
.ec2-schedules-page-header__btn:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
  transform: none;
}

/* line 450, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn:active {
  transform: none;
}

/* line 454, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn-icon {
  width: 16px;
  height: 16px;
}

/* line 459, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn-plus {
  font-size: 12px;
  line-height: 1;
}

/* line 464, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

/* line 481, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-page-header__btn-secondary:hover,
.ec2-schedules-page-header__btn-secondary:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 488, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-alerts {
  min-height: 0;
}

/* line 492, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll {
  max-height: none;
  overflow: visible;
  border-radius: 16px;
}

/* line 498, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

/* line 507, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table th,
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table td {
  min-width: 0;
}

/* line 512, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(1),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(1) {
  min-width: 140px;
}

/* line 517, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(2),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(2) {
  min-width: 180px;
}

/* line 522, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(3),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(3) {
  min-width: 216px;
}

/* line 527, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(5),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(5) {
  min-width: 136px;
}

/* line 532, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(6),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(6) {
  min-width: 140px;
}

/* line 537, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table th:nth-child(7),
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table.hte-events-table td:nth-child(7) {
  min-width: 140px;
}

/* line 542, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table thead th {
  position: static;
  background: var(--color-neutral-bg-primary);
}

/* line 547, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table thead th:first-child {
  border-top-left-radius: 16px;
}

/* line 551, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .hte-events-table.ec2-schedules-events-table thead th:last-child {
  border-top-right-radius: 16px;
}

/* line 555, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-events-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 559, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-events-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 563, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__empty-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  min-height: 230px;
  padding: 1rem 0.75rem;
}

/* line 574, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__empty-title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 579, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-account-picker__empty-subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 584, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .ec2-schedules-empty-state {
  padding: 2rem 2rem !important;
}

/* line 588, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-empty-state__img {
  display: block;
  margin: 16px auto 16px auto;
}

/* line 593, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-empty-state__text {
  display: inline-block;
}

/* line 597, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .ec2-schedules-events-table.hte-events-table td:nth-child(2) {
  white-space: normal;
  vertical-align: top;
  overflow-wrap: anywhere;
}

/* line 603, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .ec2-schedules-events-table.hte-events-table td:nth-child(5) {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* line 609, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll .ec2-schedules-events-table.hte-events-table .ec2-schedules-col--row-actions {
  width: 140px;
  max-width: 140px;
  white-space: nowrap;
}

/* line 615, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-col--schedule {
  min-width: 216px;
  max-width: 216px;
  width: 216px;
}

/* line 621, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-schedule-cell {
  vertical-align: top;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

/* line 629, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-operation-cell {
  white-space: nowrap;
  text-align: start;
  vertical-align: middle;
}

/* line 635, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-events-table--history .ec2-schedules-operation-cell {
  text-align: left;
  white-space: normal;
}

/* line 640, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-operation-label {
  color: var(--color-neutral-text-primary);
}

/* line 644, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  line-height: 1.2;
  margin-bottom: 6px;
}

/* line 659, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge-ic {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  line-height: 1.2;
}

/* line 673, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge__icon {
  font-size: 13px;
}

/* line 677, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge__icon--spinner {
  width: 14px;
  height: 14px;
  animation: ec2-schedules-spin 0.9s linear infinite;
}

/* line 683, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge__icon--spinner-dark {
  display: none;
}

/* line 687, app/assets/stylesheets/ec2_schedules.scss */
html[data-theme='dark'] .ec2-schedules-status-badge__icon--spinner-light {
  display: none;
}

/* line 691, app/assets/stylesheets/ec2_schedules.scss */
html[data-theme='dark'] .ec2-schedules-status-badge__icon--spinner-dark {
  display: inline-block;
}

@keyframes ec2-schedules-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 705, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--pending {
  color: var(--color-neutral-text-secondary);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 711, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--running {
  color: var(--color-success-text-primary);
  border-color: var(--color-success-border);
  background: var(--color-success-bg-secondary);
}

/* line 717, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--failed {
  color: var(--color-error-text-primary);
  border-color: var(--color-error-border);
  background: var(--color-error-bg-secondary);
}

/* line 723, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--executed {
  color: var(--color-success-text-primary);
  border-color: var(--color-success-border);
  background: var(--color-success-bg-secondary);
}

/* line 729, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--unknown {
  color: var(--color-neutral-text-secondary);
}

/* line 733, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-badge--history {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
}

/* line 739, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell {
  vertical-align: top;
}

/* line 743, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__details {
  margin-top: 4px;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 749, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__line {
  margin-top: 4px;
}

/* line 752, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__line:first-child {
  margin-top: 0;
}

/* line 757, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__line--muted {
  color: var(--color-neutral-text-secondary);
}

/* line 761, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__logs-btn {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-text-primary);
  font-weight: 600;
  font-size: inherit;
}

/* line 769, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__logs-btn:hover, .ec2-schedules-status-cell__logs-btn:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  outline: none;
}

/* line 777, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 784, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-cell__count {
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 789, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-cell__view {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-text-primary);
  font-weight: 600;
  font-size: inherit;
  cursor: pointer;
}

/* line 798, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-cell__view:hover, .ec2-schedules-instances-cell__view:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  outline: none;
}

/* line 806, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-panel {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--color-neutral-border-secondary);
}

/* line 812, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 16px !important;
  justify-content: flex-end;
}

/* line 819, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

/* line 831, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions__btn:hover, .ec2-schedules-row-actions__btn:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 838, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions__icon {
  width: 18px;
  height: 18px;
}

/* line 843, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions__btn--danger:hover {
  background: var(--color-error-bg-secondary);
}

/* line 847, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions--text {
  justify-content: flex-start;
}

/* line 851, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-text-primary);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}

/* line 863, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn:hover, .ec2-schedules-duplicate-btn:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  outline: none;
}

/* line 871, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn__icon {
  font-size: 14px;
}

/* line 875, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn__icon-img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* line 881, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn--duplicate {
  color: var(--color-main-bg-primary);
}

/* line 884, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-duplicate-btn--duplicate:hover, .ec2-schedules-duplicate-btn--duplicate:focus {
  color: var(--color-main-bg-primary);
  text-decoration: none;
  opacity: 0.9;
}

/* line 892, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-card .ds-table th:nth-child(2),
.ec2-schedules-table-card .ds-table td:nth-child(2),
.ec2-schedules-table-card .ds-table th:nth-child(4),
.ec2-schedules-table-card .ds-table td:nth-child(4),
.ec2-schedules-table-card .ds-table th:nth-child(6),
.ec2-schedules-table-card .ds-table td:nth-child(6),
.ec2-schedules-table-card .ds-table th:nth-child(7),
.ec2-schedules-table-card .ds-table td:nth-child(7),
.ec2-schedules-table-card .ds-table th:nth-child(8),
.ec2-schedules-table-card .ds-table td:nth-child(8) {
  text-align: center;
}

/* line 905, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-col--instances {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
}

/* line 911, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-col--row-actions {
  white-space: nowrap;
  min-width: 140px;
  max-width: 140px;
  width: 140px;
  gap: 8px;
}

/* line 919, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll tbody tr.ec2-schedules-row--editable {
  cursor: pointer;
}

/* line 923, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-table-scroll tbody tr.ec2-schedules-row--readonly {
  cursor: default;
}

/* line 927, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal .modal-dialog {
  max-width: 480px;
  width: calc(100% - 4rem);
  margin: 2rem auto;
}

/* line 933, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 3rem 2.5rem 2rem;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: relative;
}

/* line 948, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 0.5rem;
  text-align: center;
}

/* line 957, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 2rem;
  flex-shrink: 0;
}

/* line 967, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__trash-img {
  display: block;
  width: 64px;
  height: 64px;
}

/* line 973, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 992, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 999, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__close-icon::before,
.ec2-schedules-delete-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 1013, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 1017, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 1021, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__title {
  margin: 0 0 1.25rem;
  max-width: 22rem;
  text-align: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 1032, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__body {
  padding: 0;
  width: 100%;
}

/* line 1037, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
}

/* line 1045, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__schedule-name {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 1054, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__instance-hint {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 1062, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  padding: 1.5rem 0 0;
  margin-top: 2rem;
  background-color: var(--color-neutral-bg-primary);
  width: 100%;
}

/* line 1072, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__footer form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  margin: 0;
}

/* line 1082, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__btn-danger,
.ec2-schedules-delete-modal__btn-cancel {
  width: 100%;
  flex-shrink: 0;
  min-height: 44px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem !important;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1096, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__btn-danger {
  color: var(--color-neutral-text-active);
  background-color: var(--color-error-bg-primary);
  border: none;
}

/* line 1102, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__btn-danger:hover {
  background-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1107, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__btn-cancel {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 1113, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1118, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-postpone-modal .modal-dialog {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  margin: 0;
  height: auto;
  max-width: 460px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1131, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-postpone-modal .modal-content {
  height: 100%;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 1138, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-postpone-modal.in .modal-dialog,
.modal.ec2-schedules-postpone-modal.show .modal-dialog {
  transform: translateX(0) !important;
}

/* line 1143, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__content {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 1151, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__header {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 1160, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 1168, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__close {
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 1184, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 1191, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__close-icon::before,
.ec2-schedules-postpone-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 1205, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 1209, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 1213, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 1.5rem;
}

/* line 1219, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 1225, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__field--readonly {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 1235, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__field-label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1240, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__field-value {
  font-size: 1.125rem;
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  word-break: break-word;
}

/* line 1247, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  margin-bottom: 1rem;
}

/* line 1258, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__meta-label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1263, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__meta-value {
  font-size: 1.125rem;
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  word-break: break-word;
}

/* line 1270, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--color-neutral-bg-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 1281, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-modal__btn-primary,
.ec2-schedules-edit-modal__btn-cancel {
  box-sizing: border-box;
  flex: 1 1 0;
  width: auto;
  max-width: none;
  min-height: 40px;
  padding: 0.5rem 5.5rem !important;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1297, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-modal__btn-primary {
  color: var(--color-neutral-text-active);
  background-color: var(--color-main-bg-primary);
  border: none;
}

/* line 1303, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-modal__btn-primary:hover {
  background-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1308, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-modal__btn-cancel {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 1314, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1320, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__btn-primary,
.ec2-schedules-postpone-modal__btn-cancel {
  box-sizing: border-box;
  flex: 1 1 0;
  width: auto;
  max-width: none;
  min-height: 40px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1336, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__btn-primary {
  color: var(--color-neutral-text-active);
  background-color: var(--color-main-bg-primary);
  border: none;
}

/* line 1342, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__btn-primary:hover {
  background-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1347, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__btn-cancel {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 1353, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1358, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-wrap {
  position: relative;
}

/* line 1362, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-trigger {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-main-border);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  text-align: left;
}

/* line 1377, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-value {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 1383, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid var(--color-neutral-text-secondary);
  border-bottom: 2px solid var(--color-neutral-text-secondary);
  transform: rotate(45deg);
}

/* line 1395, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-trigger[aria-expanded="true"] .ec2-schedules-postpone-modal__date-chevron {
  transform: rotate(-135deg);
}

/* line 1399, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-postpone-modal__date-panel.aws-hub-period-picker__panel {
  right: auto;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1061;
}

/* line 1408, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .aws-hub-period-picker__calendar-wrap {
  position: relative;
  overflow: visible;
  width: fit-content;
  max-width: 100%;
}

/* line 1415, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 1423, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel {
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
}

/* line 1429, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-calendar {
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 1439, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-innerContainer {
  overflow: visible;
  box-sizing: border-box;
}

/* line 1444, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-rContainer,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-days {
  box-sizing: border-box;
}

/* line 1449, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.25rem 0.75rem;
}

/* line 1456, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-month {
  color: var(--color-neutral-text-primary);
  min-height: 44px;
}

/* line 1461, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  padding-top: 0;
}

/* line 1469, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-monthDropdown-months {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 20px 6px 0;
  min-height: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

/* line 1491, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month .cur-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  display: inline-block;
  padding: 6px 4px 6px 0;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* line 1503, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month .numInputWrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 70px;
}

/* line 1510, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month .numInputWrapper span.arrowUp,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month .numInputWrapper span.arrowDown {
  right: -4px;
}

/* line 1515, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month .numInput.cur-year,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-current-month input.cur-year {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 26px 6px 4px;
  min-width: 70px;
  width: 90px !important;
  max-width: none;
  min-height: 36px;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* line 1534, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-prev-month,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-next-month {
  position: relative;
  top: 0;
  fill: var(--color-main-text-primary);
  color: var(--color-main-text-primary);
}

/* line 1541, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-prev-month svg,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-next-month svg {
  fill: var(--color-main-text-primary);
}

/* line 1545, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-prev-month:hover svg, #ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-prev-month:focus svg,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-next-month:hover svg,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-next-month:focus svg {
  fill: var(--color-main-hover-bg-primary);
}

/* line 1551, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-weekdays {
  padding: 0 0.25rem 0.5rem;
}

/* line 1555, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-weekday {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
}

/* line 1562, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  max-height: 40px;
  line-height: 1;
  min-width: 0;
  max-width: 100%;
  border-radius: 0;
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  border-color: transparent;
  box-sizing: border-box;
}

/* line 1579, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day:hover:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border-radius: 50%;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 1584, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.prevMonthDay,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.nextMonthDay {
  color: var(--color-neutral-text-disable);
}

/* line 1589, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.today:not(.selected):not(.inRange) {
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  background: transparent;
}

/* line 1597, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.selected,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.selected:hover,
#ec2SchedulesPostponeModal .ec2-schedules-postpone-modal__date-panel .flatpickr-day.selected:focus {
  border-radius: 50%;
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: none !important;
}

/* line 1610, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal,
#scheduleDeployModal {
  /* Posição inline no modal; cartão/cores vêm do bloco global (.ec2-schedules-date-panel.aws-hub-period-picker__panel) */
}

/* line 1612, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-sr-control,
#scheduleDeployModal .ec2-schedules-sr-control {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* line 1626, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio-card,
#scheduleDeployModal .ec2-schedules-radio-card {
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding-top: 24px;
}

/* line 1631, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio-card__title,
#scheduleDeployModal .ec2-schedules-radio-card__title {
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
  margin-top: 24px;
}

/* line 1637, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio-card__options,
#scheduleDeployModal .ec2-schedules-radio-card__options {
  display: flex;
  align-items: center;
  gap: 92px;
  margin-top: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 1646, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio,
#scheduleDeployModal .ec2-schedules-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 1658, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio input[type="radio"],
#scheduleDeployModal .ec2-schedules-radio input[type="radio"] {
  width: 14px;
  height: 14px;
  accent-color: var(--color-main-bg-primary);
  margin: 0;
}

/* line 1665, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-wrap,
#scheduleDeployModal .ec2-schedules-date-wrap {
  position: relative;
  margin-top: 0.75rem;
}

/* line 1670, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger,
#scheduleDeployModal .ec2-schedules-date-trigger {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  text-align: left;
}

/* line 1684, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger:hover, #ec2SchedulesScheduleModal .ec2-schedules-date-trigger:focus,
#scheduleDeployModal .ec2-schedules-date-trigger:hover,
#scheduleDeployModal .ec2-schedules-date-trigger:focus {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 1691, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger__label,
#scheduleDeployModal .ec2-schedules-date-trigger__label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1696, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger__value,
#scheduleDeployModal .ec2-schedules-date-trigger__value {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 1702, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger__chevron,
#scheduleDeployModal .ec2-schedules-date-trigger__chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid var(--color-neutral-text-secondary);
  border-bottom: 2px solid var(--color-neutral-text-secondary);
  transform: rotate(45deg);
}

/* line 1714, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger[aria-expanded="true"] .ec2-schedules-date-trigger__chevron,
#scheduleDeployModal .ec2-schedules-date-trigger[aria-expanded="true"] .ec2-schedules-date-trigger__chevron {
  transform: rotate(-135deg);
}

/* line 1718, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-field--error.ec2-schedules-date-trigger,
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger.ec2-schedules-field--error,
#scheduleDeployModal .ec2-schedules-field--error.ec2-schedules-date-trigger,
#scheduleDeployModal .ec2-schedules-date-trigger.ec2-schedules-field--error {
  border-color: var(--color-error-bg-primary);
  box-shadow: 0 0 0 1px var(--color-error-bg-primary);
}

/* line 1724, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-radio-card.ec2-schedules-field--error,
#scheduleDeployModal .ec2-schedules-radio-card.ec2-schedules-field--error {
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px var(--color-error-bg-primary);
  padding-left: 0.5rem;
  margin-left: -0.5rem;
}

/* line 1731, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating.ec2-schedules-field--error .scale-hub-schedule-modal__input--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating.ec2-schedules-field--error .scale-hub-schedule-modal__input--floating:focus,
#scheduleDeployModal .scale-hub-schedule-modal__field-group--floating.ec2-schedules-field--error .scale-hub-schedule-modal__input--floating,
#scheduleDeployModal .scale-hub-schedule-modal__field-group--floating.ec2-schedules-field--error .scale-hub-schedule-modal__input--floating:focus {
  border-color: var(--color-error-bg-primary);
  box-shadow: 0 0 0 1px var(--color-error-bg-primary);
}

/* line 1737, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_time_field.ec2-schedules-field--error,
#scheduleDeployModal #ec2_schedules_recurring_time_field.ec2-schedules-field--error {
  border-color: var(--color-error-bg-primary);
  box-shadow: 0 0 0 1px var(--color-error-bg-primary);
}

/* line 1742, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_day_of_week_group.ec2-schedules-field--error,
#ec2SchedulesScheduleModal #ec2_schedules_recurring_day_of_month_group.ec2-schedules-field--error,
#scheduleDeployModal #ec2_schedules_recurring_day_of_week_group.ec2-schedules-field--error,
#scheduleDeployModal #ec2_schedules_recurring_day_of_month_group.ec2-schedules-field--error {
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px var(--color-error-bg-primary);
  padding: 0.5rem;
  margin: -0.5rem -0.5rem 0.5rem;
}

/* line 1750, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group.ec2-schedules-field--error:has(#ec2_schedules_instances_list),
#scheduleDeployModal .scale-hub-schedule-modal__field-group.ec2-schedules-field--error:has(#ec2_schedules_instances_list) {
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px var(--color-error-bg-primary);
  padding: 0.5rem;
  margin: -0.5rem -0.5rem 0.5rem;
}

/* line 1758, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-panel.aws-hub-period-picker__panel:not(.ec2-schedules-date-panel--fixed),
#scheduleDeployModal .ec2-schedules-date-panel.aws-hub-period-picker__panel:not(.ec2-schedules-date-panel--fixed) {
  right: auto;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1061;
}

/* line 1766, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step[data-step="1"] > .scale-hub-schedule-modal__field-group--floating:first-child,
#scheduleDeployModal .ec2-schedules-wizard-step[data-step="1"] > .scale-hub-schedule-modal__field-group--floating:first-child {
  margin-bottom: 1.25rem;
}

/* line 1771, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group > .ec2-schedules-radio-card,
#scheduleDeployModal #ec2_schedules_recurring_group > .ec2-schedules-radio-card {
  margin-top: 1rem;
  padding-top: 1rem;
}

/* line 1776, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row {
  align-items: stretch;
  margin-top: 1.25rem;
  /* Evita o cartão de hora (ou máscara) interceptar clique no End date ao lado */
}

/* line 1781, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* line 1787, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap {
  position: relative;
  z-index: 2;
  margin-top: 0;
  display: flex;
  align-items: stretch;
  min-width: 0;
}

/* line 1797, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time,
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  box-sizing: border-box;
}

/* line 1805, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon {
  flex: 1 1 auto;
  width: 100%;
  align-self: stretch;
}

/* line 1811, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-date-wrap .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  justify-content: center;
}

/* line 1815, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-inline-field__main,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-inline-field__main {
  justify-content: center;
  gap: 2px;
}

/* line 1820, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-inline-field__input-wrap,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-inline-field__input-wrap {
  min-height: 22px;
}

/* line 1824, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-time-input,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-time-input {
  min-height: 0;
  height: 24px;
  line-height: 24px;
}

/* line 1830, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-time-mask,
#scheduleDeployModal #ec2_schedules_recurring_group .scale-hub-schedule-modal__dates.ec2-schedules-recurring-datetime-row .ec2-schedules-recurring-inline-field--time .ec2-schedules-recurring-time-mask {
  line-height: 24px;
  top: 50%;
}

/* line 1836, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field,
#scheduleDeployModal .ec2-schedules-recurring-inline-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  min-height: 56px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  box-sizing: border-box;
  transition: border-color 120ms ease;
}

/* line 1849, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field:focus-within,
#scheduleDeployModal .ec2-schedules-recurring-inline-field:focus-within {
  border-color: var(--color-main-border);
}

/* line 1854, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field__icon,
#scheduleDeployModal .ec2-schedules-recurring-inline-field__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1861, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field__icon svg,
#scheduleDeployModal .ec2-schedules-recurring-inline-field__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* line 1868, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field__main,
#scheduleDeployModal .ec2-schedules-recurring-inline-field__main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

/* line 1877, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field__label,
#scheduleDeployModal .ec2-schedules-recurring-inline-field__label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}

/* line 1885, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field__input-wrap,
#scheduleDeployModal .ec2-schedules-recurring-inline-field__input-wrap {
  position: relative;
  width: 100%;
  min-height: 26px;
  display: flex;
  align-items: center;
}

/* line 1893, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-time-input,
#scheduleDeployModal .ec2-schedules-recurring-time-input {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-neutral-text-primary);
  min-height: 26px;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

/* line 1909, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-time-input:focus,
#scheduleDeployModal .ec2-schedules-recurring-time-input:focus {
  outline: none;
}

/* line 1913, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-time-input::-webkit-calendar-picker-indicator,
#scheduleDeployModal .ec2-schedules-recurring-time-input::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
  margin-left: 0.25rem;
}

/* line 1920, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-time-mask,
#scheduleDeployModal .ec2-schedules-recurring-time-mask {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-neutral-text-secondary);
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* line 1935, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field--time:not(.is-empty) .ec2-schedules-recurring-time-mask,
#ec2SchedulesScheduleModal .ec2-schedules-recurring-inline-field--time:focus-within .ec2-schedules-recurring-time-mask,
#scheduleDeployModal .ec2-schedules-recurring-inline-field--time:not(.is-empty) .ec2-schedules-recurring-time-mask,
#scheduleDeployModal .ec2-schedules-recurring-inline-field--time:focus-within .ec2-schedules-recurring-time-mask {
  display: none;
}

/* line 1940, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  min-height: 56px;
  position: relative;
  padding: 0.75rem 1rem;
  padding-right: 2rem;
  box-sizing: border-box;
}

/* line 1951, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1958, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon svg,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* line 1965, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

/* line 1975, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__label,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1980, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__value,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__value {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 1987, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__chevron,
#scheduleDeployModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__chevron {
  right: 1rem;
}

/* line 1991, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-section,
#scheduleDeployModal .ec2-schedules-dow-section {
  width: 100%;
  margin-top: 1rem;
}

/* line 1996, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-grid,
#scheduleDeployModal .ec2-schedules-dow-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
  margin-top: 24px;
}

/* line 2005, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-item,
#scheduleDeployModal .ec2-schedules-dow-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  border: 0;
  background: transparent;
}

/* line 2018, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-item__face,
#scheduleDeployModal .ec2-schedules-dow-item__face {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

/* line 2036, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-item:hover .ec2-schedules-dow-item__face,
#scheduleDeployModal .ec2-schedules-dow-item:hover .ec2-schedules-dow-item__face {
  border-color: var(--color-main-border);
}

/* line 2040, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-item input:checked + .ec2-schedules-dow-item__face,
#scheduleDeployModal .ec2-schedules-dow-item input:checked + .ec2-schedules-dow-item__face {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 2046, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-dow-item input:focus + .ec2-schedules-dow-item__face,
#ec2SchedulesScheduleModal .ec2-schedules-dow-item:focus-within .ec2-schedules-dow-item__face,
#scheduleDeployModal .ec2-schedules-dow-item input:focus + .ec2-schedules-dow-item__face,
#scheduleDeployModal .ec2-schedules-dow-item:focus-within .ec2-schedules-dow-item__face {
  outline: 2px solid var(--color-main-border);
  outline-offset: 2px;
}

/* line 2053, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_recurring_group .ec2-schedules-radio-card > .ec2-schedules-radio-card__options,
#scheduleDeployModal #ec2_schedules_recurring_group .ec2-schedules-radio-card > .ec2-schedules-radio-card__options {
  margin-bottom: 0.75rem;
}

/* line 2057, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-day-of-month-wrap,
#scheduleDeployModal .ec2-schedules-recurring-day-of-month-wrap {
  width: 100%;
  margin-top: 0.5rem;
}

/* line 2062, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-recurring-day-of-month-field,
#scheduleDeployModal .ec2-schedules-recurring-day-of-month-field {
  width: 100%;
  margin-bottom: 0;
}

/* line 2068, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.ec2-schedules-date-panel--fixed.aws-hub-period-picker__panel {
  position: fixed !important;
  right: auto !important;
  top: auto;
  left: auto;
  max-width: calc(100vw - 24px);
  z-index: 20000 !important;
}

@media (min-width: 544px) {
  /* line 2068, app/assets/stylesheets/ec2_schedules.scss */
  .ec2-schedules-date-panel.ec2-schedules-date-panel--fixed.aws-hub-period-picker__panel {
    max-width: 520px;
  }
}

/* line 2082, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel {
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
  /* Range days: hub_period_picker_overrides (mesmo da Availability) */
}

/* line 2088, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .aws-hub-period-picker__calendar-wrap {
  position: relative;
  overflow: visible;
  width: fit-content;
  max-width: 100%;
}

/* line 2095, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-calendar {
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 2105, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-innerContainer {
  overflow: visible;
  box-sizing: border-box;
}

/* line 2110, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-rContainer,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-days {
  box-sizing: border-box;
}

/* line 2115, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.25rem 0.75rem;
}

/* line 2122, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-month {
  color: var(--color-neutral-text-primary);
  min-height: 44px;
}

/* line 2127, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  padding-top: 0;
}

/* line 2135, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-monthDropdown-months {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 20px 6px 0;
  min-height: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

/* line 2157, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month .cur-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  display: inline-block;
  padding: 6px 4px 6px 0;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* line 2169, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 70px;
}

/* line 2176, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowUp,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowDown {
  right: -4px;
}

/* line 2181, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month .numInput.cur-year,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-current-month input.cur-year {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 26px 6px 4px;
  min-width: 70px;
  width: 90px !important;
  max-width: none;
  min-height: 36px;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* line 2200, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-prev-month,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-next-month {
  position: relative;
  top: 0;
  fill: var(--color-main-text-primary);
  color: var(--color-main-text-primary);
}

/* line 2207, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-prev-month svg,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-next-month svg {
  fill: var(--color-main-text-primary);
}

/* line 2211, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-prev-month:hover svg, .ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-prev-month:focus svg,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-next-month:hover svg,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-next-month:focus svg {
  fill: var(--color-main-hover-bg-primary);
}

/* line 2217, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-weekdays {
  padding: 0 0.25rem 0.5rem;
}

/* line 2221, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-weekday {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
}

/* line 2228, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 2234, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14.2857143%;
  width: 14.2857143%;
  max-width: none;
  margin: 0;
  height: 40px;
  max-height: 40px;
  line-height: 40px;
  border-radius: 0;
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  border-color: transparent;
  box-sizing: border-box;
}

/* line 2253, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-day:hover:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border-radius: 50%;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 2258, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay,
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay {
  color: var(--color-neutral-text-disable);
}

/* line 2263, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange) {
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  background: transparent;
}

/* line 2273, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 2283, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 8px 22px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* line 2294, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--cancel {
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  padding: 8px 0;
}

/* line 2300, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--cancel:hover, .ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--cancel:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 2307, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--apply {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 2312, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--apply:hover, .ec2-schedules-date-panel.aws-hub-period-picker__panel .ec2-schedules-date-panel__btn--apply:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 2320, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel {
  min-width: 220px;
}

/* line 2323, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .ec2-schedules-time-panel__picker-wrap {
  position: relative;
  width: 100%;
}

/* line 2328, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 2336, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-calendar {
  margin: 0 auto;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  width: 100%;
}

/* line 2344, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time {
  border-top: none !important;
  background: var(--color-neutral-bg-primary) !important;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

/* line 2355, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .numInputWrapper {
  width: 72px;
  height: 40px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
}

/* line 2364, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time input.flatpickr-hour,
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time input.flatpickr-minute,
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time input.flatpickr-second {
  background: transparent !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

/* line 2374, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .flatpickr-time-separator,
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .flatpickr-am-pm {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 2380, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--color-neutral-text-secondary);
}

/* line 2384, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--color-neutral-text-secondary);
}

/* line 2388, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time .numInputWrapper:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 2392, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time input:hover,
.ec2-schedules-time-panel.aws-hub-period-picker__panel .flatpickr-time input:focus {
  background: transparent !important;
}

/* line 2399, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-wrap {
  position: relative;
  margin-top: 0;
}

/* line 2404, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  text-align: left;
}

/* line 2418, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger:hover, #scaleHubScheduleModal .ec2-schedules-date-trigger:focus {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 2424, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 2430, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger__label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 2435, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger__value {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
}

/* line 2441, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger__chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid var(--color-neutral-text-secondary);
  border-bottom: 2px solid var(--color-neutral-text-secondary);
  transform: rotate(45deg);
}

/* line 2453, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger[aria-expanded="true"] .ec2-schedules-date-trigger__chevron {
  transform: rotate(-135deg);
}

/* line 2457, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  min-height: 56px;
  position: relative;
  padding: 0.75rem 1rem;
  padding-right: 2rem;
  box-sizing: border-box;
}

/* line 2468, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 2475, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* line 2482, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

/* line 2492, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 2497, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__value {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 2504, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__chevron {
  right: 1rem;
}

/* line 2508, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-wrap.is-disabled .ec2-schedules-date-trigger {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 2514, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}

/* line 2521, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-field {
  min-width: 0;
  display: flex;
  align-items: stretch;
}

/* line 2527, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-field .ec2-schedules-date-wrap {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  align-items: stretch;
}

/* line 2534, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-field .ec2-schedules-date-trigger--with-icon {
  flex: 1 1 auto;
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  box-sizing: border-box;
}

/* line 2543, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-field .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  justify-content: center;
}

/* line 2547, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .scale-hub-schedule-modal__time-row.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* line 2552, app/assets/stylesheets/ec2_schedules.scss */
#scaleHubScheduleModal .ec2-schedules-date-panel.aws-hub-period-picker__panel:not(.ec2-schedules-date-panel--fixed) {
  position: absolute;
  right: auto;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1061;
}

/* line 2561, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-schedule-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 2567, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-schedule-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  color: var(--color-bg-primary);
}

/* line 2578, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-schedule-btn:hover,
.ec2-schedules-delete-schedule-btn:focus {
  color: var(--color-error-text-primary);
  background: transparent;
  text-decoration: underline;
}

/* line 2585, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-schedule-btn__icon {
  width: 14px;
  height: 14px;
}

/* line 2590, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-delete-schedule-btn__icon_table {
  width: 10px;
  height: 10px;
}

/* line 2595, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-cancel-schedule-btn__icon {
  width: 8px;
  height: 8px;
}

/* line 2600, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}

/* line 2607, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-schedule-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  color: var(--color-neutral-text-primary);
}

/* line 2618, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-schedule-btn:hover,
.ec2-schedules-edit-schedule-btn:focus {
  color: var(--color-neutral-text-primary);
  background: transparent;
  text-decoration: underline;
}

/* line 2625, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-edit-schedule-btn__icon {
  width: 12px;
  height: 12px;
}

/* line 2630, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-available-ec2-list {
  max-height: none;
  overflow: visible;
  padding: 0;
  border-radius: 12px;
  background: transparent;
  border: none;
}

/* line 2639, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-available-list {
  margin: 0;
  list-style: none;
  padding: 0;
  max-height: 360px !important;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  overflow: scroll;
}

/* line 2650, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-ec2s-block {
  margin-bottom: 0;
}

/* line 2654, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-ec2s-title {
  display: block;
  margin-left: 20px;
  padding-bottom: 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 2661, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-filters-panel {
  background: var(--color-neutral-bg-secondary);
  margin-bottom: 1rem;
}

/* line 2666, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-filters-help {
  margin: 0.75rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 2674, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-cap-hint {
  margin: 0 0 0.75rem 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 2682, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 0.75rem;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: flex-start;
  margin-bottom: 0;
}

/* line 2694, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-wrap {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}

/* line 2704, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  left: auto;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
}

/* line 2719, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

/* line 2725, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-wrap .ec2-schedules-filter-input {
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 4.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background-color: var(--color-neutral-bg-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-neutral-text-primary);
  box-shadow: none;
  transition: border-color 120ms ease;
}

/* line 2741, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-wrap .ec2-schedules-filter-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 2745, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-wrap .ec2-schedules-filter-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 2751, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-wrap .ec2-schedules-filter-input:placeholder-shown + .ec2-schedules-filter-input-clear {
  opacity: 0;
  pointer-events: none;
}

/* line 2756, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-clear {
  position: absolute;
  top: 50%;
  right: 2.75rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  line-height: 1;
  border: 0;
  border-radius: 999px;
  background: transparent;
  background-image: url(/assets/icons/filter-close-icon-light-27c2b06a7eb60c172b532bf40e0b05dfc597e92cb711fd8bbba443f057110768.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  cursor: pointer;
  transition: background-color 120ms ease, opacity 120ms ease;
}

/* line 2779, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-input-clear:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 2783, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-select {
  width: 100%;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  height: 40px;
  min-height: 40px;
  padding: 0 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  box-shadow: none;
}

/* line 2796, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .select2-container {
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
}

/* line 2802, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-select {
  width: 100%;
}

/* line 2806, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-selection {
  border-radius: 8px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 1.5rem !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
}

/* line 2818, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-selection .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 1.25 !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  font-size: 1rem !important;
}

/* line 2827, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-selection .select2-selection__placeholder {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 2831, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-selection .select2-selection__arrow {
  right: 1rem !important;
}

/* Select2 `allowClear`: esconde o X à esquerda do valor (referência UI) */
/* line 2836, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-filter-row .ec2-schedules-account-filter-selection .select2-selection__clear {
  display: none !important;
}

/* line 2840, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-account-filter-dropdown {
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: 0 4px 12px var(--color-neutral-shadow-sm);
}

/* line 2847, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-account-filter-dropdown .select2-results__option {
  padding: 0.5rem !important;
  color: var(--color-neutral-text-primary) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

/* line 2854, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-account-filter-dropdown .select2-results__option--highlighted {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2859, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-account-filter-dropdown .select2-results__option[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 2864, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-list-item {
  border: 0;
  padding: 0;
  background: transparent;
}

/* Lista Available EC2s — checkbox 20×20, cantos ~4px, marcado = teal + ✓ branco */
/* line 2871, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

/* line 2890, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:hover:not(:disabled) {
  border-color: var(--color-main-border);
}

/* line 2894, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:focus {
  outline: none;
}

/* line 2898, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:focus-visible {
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
}

/* line 2903, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
}

/* line 2908, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
}

/* line 2921, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* line 2926, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item input.ec2-schedules-available-checkbox[type='checkbox']:checked:disabled::after {
  border-color: rgba(255, 255, 255, 0.9);
}

/* line 2930, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instances-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 2938, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instances-header .scale-hub-schedule-modal__label {
  margin: 0;
}

/* line 2942, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 64px;
  margin-bottom: 32px !important;
  margin-top: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  position: sticky;
  bottom: 0;
  background: var(--color-neutral-bg-secondary);
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* Text-only actions (Available EC2s bar): secondary left, teal primary right */
/* line 2959, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0.25rem 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  transition: color 120ms ease, opacity 120ms ease;
}

/* line 2977, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn:focus {
  outline: none;
}

/* line 2981, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn:focus-visible {
  outline: 2px solid var(--color-main-border);
  outline-offset: 2px;
}

/* line 2986, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn--clear {
  color: var(--color-neutral-text-secondary);
}

/* line 2990, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn--clear:hover:not(:disabled) {
  color: var(--color-neutral-text-primary);
}

/* line 2994, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn--add {
  color: var(--color-main-text-primary);
}

/* line 2998, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn--add:hover:not(:disabled) {
  color: var(--color-main-text-primary);
  opacity: 0.88;
}

/* line 3003, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn:disabled,
#ec2SchedulesScheduleModal .ec2-schedules-available-action-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.45;
}

/* line 3009, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_schedule_name_input.scale-hub-schedule-modal__input--floating {
  height: 54px !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
}

/* line 3015, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step[data-step="1"] .scale-hub-schedule-modal__select {
  min-height: 44px;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

/* line 3021, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-floating-select {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  appearance: none;
}

/* line 3027, app/assets/stylesheets/ec2_schedules.scss */
.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--multiple {
  background-color: var(--color-neutral-bg-primary) !important;
}

/* line 3032, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .select2-container .select2-selection--single {
  min-height: 44px;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  align-items: flex-end;
}

/* line 3039, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 1.25;
}

/* line 3044, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  top: 50%;
}

/* line 3048, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select:focus ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select.is-filled ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating:has(.select2-container--bootstrap.select2-container--focus) select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating:has(.select2-container--bootstrap.select2-container--open) select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  top: 0.25rem;
  transform: none;
  font-size: 1rem;
  color: var(--color-main-text-primary);
}

/* line 3058, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  transform: translateY(-50%);
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3064, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .ec2-schedules-floating-select {
  padding-top: 24px;
  padding-bottom: 8px;
  appearance: none;
}

/* line 3070, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .select2-container .select2-selection--single {
  min-height: 44px;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  align-items: flex-end;
}

/* line 3077, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 1.25;
}

/* line 3082, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  top: 50%;
}

/* line 3086, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select:focus ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select.is-filled ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating:has(.select2-container--bootstrap.select2-container--focus) select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating,
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating:has(.select2-container--bootstrap.select2-container--open) select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  top: 0.25rem;
  transform: none;
  font-size: 1rem;
  color: var(--color-main-text-primary);
}

/* line 3096, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .scale-hub-schedule-modal__field-group--floating select.ec2-schedules-floating-select ~ .scale-hub-schedule-modal__label--floating {
  transform: translateY(-50%);
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3102, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget.dropdown-menu {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 3110, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget.dropdown-menu::before,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget.dropdown-menu::after {
  border-bottom-color: var(--color-neutral-border-secondary);
}

/* line 3115, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table {
  background: transparent;
}

/* line 3119, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table th,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td {
  color: var(--color-neutral-text-primary);
}

/* line 3124, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.old,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.new,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.disabled,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.disabled:hover {
  color: var(--color-neutral-text-disable);
}

/* line 3131, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.active,
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 3137, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--color-main-bg-primary);
}

/* line 3141, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget.dropdown-menu {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 3149, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget.dropdown-menu::before,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget.dropdown-menu::after {
  border-bottom-color: var(--color-neutral-border-secondary);
}

/* line 3154, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table {
  background: transparent;
}

/* line 3158, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table th,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td {
  color: var(--color-neutral-text-primary);
}

/* line 3163, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.old,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.new,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.disabled,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.disabled:hover {
  color: var(--color-neutral-text-disable);
}

/* line 3170, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.active,
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 3176, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesPostponeModal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--color-main-bg-primary);
}

/* line 3180, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__dates > .ec2-schedules-recurring-inline-field,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__dates > .ec2-schedules-date-wrap,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__dates > .scale-hub-schedule-modal__field-group {
  flex: 1 1 0;
  min-width: 0;
}

/* Gaveta à direita (mesmo padrão de scale_hub.scss), com largura maior para o wizard EC2 */
/* line 3188, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 860px;
  width: calc(100vw - 5rem);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 3202, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal.modal.scale-hub-schedule-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

/* line 3206, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal.modal.scale-hub-schedule-modal > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 3214, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-content {
  background: var(--color-neutral-bg-primary);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  max-width: 860px !important;
  box-shadow: none;
}

/* line 3227, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__content.modal-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding: 0 !important;
  overflow: hidden !important;
}

/* line 3237, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__content.modal-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding-left: 40px !important;
  padding-right: 40px !important;
  overflow: hidden !important;
}

/* line 3248, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-header {
  padding: 1.5rem 2rem 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* line 3256, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-header .scale-hub-close-event-modal__title {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--color-neutral-text-primary);
}

/* line 3267, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-header .scale-hub-close-event-modal__close {
  position: relative;
  top: auto;
  right: auto;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 3286, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-header .scale-hub-close-event-modal__close:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 3291, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 3297, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__close-icon::before, #ec2SchedulesScheduleModal .scale-hub-close-event-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 3311, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 3315, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 3320, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 0;
}

/* line 3326, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_modal_alerts {
  padding: 0.75rem 2rem 0 2rem;
  position: relative;
  z-index: 2;
}

/* line 3332, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_modal_alerts .alert {
  margin: 0;
  display: block;
  opacity: 1;
}

/* line 3338, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_modal_alerts .alert.fade {
  opacity: 1;
}

/* line 3342, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__body.modal-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 !important;
}

/* line 3350, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2-schedules-schedule-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 0;
  width: 100%;
  margin: 0;
}

/* line 3360, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__footer.ec2-schedules-modal-footer {
  margin-top: auto;
}

/* Campos / labels Scale Hub usados no wizard — base local (não depender de scale_hub.scss) */
/* line 3365, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group {
  margin-bottom: 1rem;
}

/* line 3369, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__label {
  display: block;
  margin-bottom: 0.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 3378, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 3391, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__field-group--floating {
  position: relative;
}

/* line 3395, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input--floating {
  box-sizing: border-box;
  height: 72px;
  padding: 26px 10px 10px 10px;
}

/* line 3401, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__label--floating {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  transition: all 0.15s ease-out;
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3413, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input--floating:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 3418, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating {
  top: 10px;
  transform: none;
  font-size: 1rem;
  color: var(--color-main-text-primary);
}

/* line 3427, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__help {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3434, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__required {
  color: var(--color-feedback-error-text);
}

/* line 3438, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-schedule-modal__dates {
  display: flex;
  gap: 1rem;
}

/* line 3443, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: 0;
  align-items: stretch;
}

/* line 3451, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-left {
  background: var(--color-neutral-bg-secondary);
  padding: 2rem;
  margin-left: 16px;
  border-radius: 0;
}

/* line 3458, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-right {
  background: var(--color-neutral-bg-primary);
  padding: 2rem;
  border-radius: 0;
  border: 0;
  border-left: 1px solid var(--color-neutral-border-secondary);
  position: static;
  top: auto;
  z-index: auto;
  margin-right: 0;
}

/* line 3470, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-steps {
  padding: 1rem 2rem 0.75rem 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  position: relative;
}

/* Linha: trechos “já percorridos” em teal (alinhado aos centros ~1/6, 1/2, 5/6) */
/* line 3480, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-steps::before {
  content: '';
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: calc(1rem + 16px);
  height: 1px;
  z-index: 0;
}

/* line 3490, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-steps[data-wizard-step='1']::before {
  background: var(--color-neutral-border-secondary);
}

/* line 3494, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-steps[data-wizard-step='2']::before {
  background: linear-gradient(to right, var(--color-neutral-border-secondary) 0, var(--color-neutral-border-secondary) 16.66%, var(--color-main-bg-primary) 16.66%, var(--color-main-bg-primary) 50%, var(--color-neutral-border-secondary) 50%, var(--color-neutral-border-secondary) 100%);
}

/* line 3504, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-steps[data-wizard-step='3']::before {
  background: linear-gradient(to right, var(--color-neutral-border-secondary) 0, var(--color-neutral-border-secondary) 16.66%, var(--color-main-bg-primary) 16.66%, var(--color-main-bg-primary) 83.33%, var(--color-neutral-border-secondary) 83.33%, var(--color-neutral-border-secondary) 100%);
}

/* line 3514, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: transparent;
  padding: 0;
  border: 0;
  z-index: 1;
}

/* line 3528, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill__num {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  box-sizing: border-box;
}

/* line 3546, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill__num::after {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-neutral-border-secondary);
  border: 1px solid var(--color-neutral-bg-primary);
  box-sizing: border-box;
}

/* line 3559, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill__label {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-neutral-text-disable);
  text-align: center;
}

/* Passo atual: anel teal, número teal, label em destaque (referência Create schedule) */
/* line 3568, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num {
  border-color: var(--color-main-border);
  color: var(--color-main-bg-primary);
  background: var(--color-neutral-bg-primary);
}

/* line 3574, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num::after {
  background: var(--color-main-bg-primary);
  border-color: var(--color-neutral-bg-primary);
}

/* line 3579, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* Concluído: anel teal + check teal, label cinza claro */
/* line 3585, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  border-color: var(--color-main-border);
  background: var(--color-neutral-bg-primary);
  color: transparent;
  font-size: 0;
}

/* line 3592, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  margin: -8px 0 0 -3px;
  border: solid 2px var(--color-main-bg-primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
  border-radius: 0 1px 0 0;
}

/* line 3607, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num::after {
  background: var(--color-main-bg-primary);
  border-color: var(--color-neutral-bg-primary);
}

/* line 3612, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-disable);
  font-weight: 400;
}

/* line 3617, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step[data-step="1"],
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step[data-step="3"] {
  padding: 1.25rem 2rem 2rem 2rem;
}

/* line 3622, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-wizard-step[data-step="2"] .ec2-schedules-modal-layout {
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 3626, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-available-list > li:last-child .ec2-schedules-modal-item {
  border-bottom: 0;
}

/* line 3630, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item {
  display: block;
  padding: 1rem 2rem;
  width: 100%;
  background-color: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}

/* line 3640, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 3645, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}

/* line 3653, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item__title-cluster {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 3661, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  line-height: 1.6;
  min-width: 0;
}

/* line 3669, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item__meta-line {
  display: block;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 3676, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-item__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  width: 100%;
}

/* Badges de status (Running / Stopped) — pill + ícone, alinhado ao design system */
/* line 3685, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px 4px 8px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  flex-shrink: 0;
  white-space: nowrap;
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 3700, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status__label {
  letter-spacing: 0.01em;
  color: inherit;
}

/* line 3705, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* line 3714, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status__icon-wrap--other {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-neutral-border-primary);
}

/* line 3721, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status__icon-img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 3728, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status--running {
  background-color: var(--color-success-bg-secondary);
}

/* line 3732, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status--stopped {
  background-color: var(--color-error-bg-secondary);
}

/* line 3736, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-status--other {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-secondary);
}

/* line 3741, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}

/* line 3747, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 3754, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card__name {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--color-neutral-text-primary);
  line-height: 1.6;
  min-width: 0;
}

/* line 3763, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card__account {
  color: var(--color-neutral-text-secondary);
  margin-bottom: 1rem;
}

/* line 3768, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 3775, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instance-card__meta {
  display: flex;
  flex-wrap: wrap;
  color: var(--color-neutral-text-secondary);
  min-width: 0;
  flex-direction: column;
}

/* line 3783, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-remove-instance-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.25rem;
  border: 1px solid var(--color-error-border);
  border-radius: 8px;
  background: transparent;
  line-height: 0;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}

/* line 3797, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-remove-instance-btn:hover, #ec2SchedulesScheduleModal .ec2-schedules-remove-instance-btn:focus {
  background-color: var(--color-error-bg-secondary);
  outline: none;
}

/* line 3803, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-remove-instance-btn:focus-visible {
  box-shadow: 0 0 0 2px var(--color-error-bg-secondary);
}

/* line 3807, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-remove-instance-btn img {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 3814, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_instances_list .list-group {
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 3822, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instances-added-item {
  border: none !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
  padding: 0 0.5rem !important;
}

/* line 3828, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-instances-added-list > .ec2-schedules-instances-added-item:last-child {
  border-bottom: 0 !important;
}

/* line 3832, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal #ec2_schedules_instances_list .list-group-item {
  background: transparent;
}

/* line 3836, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1rem;
  position: sticky;
  bottom: 0;
  z-index: 1;
  padding: 1.25rem 2rem 1.5rem 2rem;
  background: var(--color-neutral-bg-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* Back à esquerda; Cancel + Next/Save agrupados à direita (referência “Create schedule”). */
/* line 3851, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer__back {
  margin-right: auto;
}

/* line 3855, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-primary,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-cancel {
  flex: 0 1 auto;
  min-width: 7.5rem;
}

/* line 3861, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-primary:disabled,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-primary[disabled] {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 3871, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-primary:disabled:hover,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-primary[disabled]:hover {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 3877, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-cancel:disabled,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-cancel[disabled] {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
}

/* line 3887, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-cancel:disabled:hover,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-edit-modal__btn-cancel[disabled]:hover {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-disable);
}

/* Mesmas classes do Postpone quando reutilizadas neste footer */
/* line 3894, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-primary:disabled,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-primary[disabled] {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 3904, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-primary:disabled:hover,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-primary[disabled]:hover {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 3910, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-cancel:disabled,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-cancel[disabled] {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
}

/* line 3920, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-cancel:disabled:hover,
#ec2SchedulesScheduleModal .ec2-schedules-modal-footer .ec2-schedules-postpone-modal__btn-cancel[disabled]:hover {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-disable);
}

/* line 3926, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__btn-primary,
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__btn-cancel {
  width: auto;
  min-width: 96px;
  white-space: nowrap;
}

/* line 3933, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__btn-primary.btn,
#ec2SchedulesScheduleModal .scale-hub-close-event-modal__btn-cancel.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 3940, app/assets/stylesheets/ec2_schedules.scss */
#ec2SchedulesScheduleModal .scale-group-resource-item__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 3947, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell .hte-modal-item__action-icon,
#ec2SchedulesScheduleModal .hte-modal-item__action-icon {
  width: 16px;
  height: 16px;
}

/* line 3953, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="edit"],
.ec2-schedules-shell .btn-primary[data-hte-action="edit"],
#ec2SchedulesScheduleModal [data-hte-action="edit"],
#ec2SchedulesScheduleModal .btn-primary[data-hte-action="edit"] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  background: transparent !important;
  border: none !important;
  color: var(--color-main-bg-primary) !important;
  padding: 0 0.25rem !important;
  font-size: 1rem;
  line-height: 1;
}

/* line 3968, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="edit"]:hover, .ec2-schedules-shell [data-hte-action="edit"]:focus,
.ec2-schedules-shell .btn-primary[data-hte-action="edit"]:hover,
.ec2-schedules-shell .btn-primary[data-hte-action="edit"]:focus,
#ec2SchedulesScheduleModal [data-hte-action="edit"]:hover,
#ec2SchedulesScheduleModal [data-hte-action="edit"]:focus,
#ec2SchedulesScheduleModal .btn-primary[data-hte-action="edit"]:hover,
#ec2SchedulesScheduleModal .btn-primary[data-hte-action="edit"]:focus {
  color: var(--color-main-hover-bg-primary) !important;
  background: transparent !important;
  text-decoration: none !important;
  outline: none;
}

/* line 3977, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="postpone"] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  background: transparent !important;
  border: none !important;
  color: var(--color-main-bg-primary) !important;
  padding: 0 0.25rem !important;
  font-size: 1rem;
  line-height: 1;
}

/* line 3989, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="postpone"]:hover, .ec2-schedules-shell [data-hte-action="postpone"]:focus {
  color: var(--color-main-hover-bg-primary) !important;
  background: transparent !important;
  text-decoration: none !important;
  outline: none;
}

/* line 3998, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="remove"],
.ec2-schedules-shell .btn-danger[data-hte-action="remove"],
#ec2SchedulesScheduleModal [data-hte-action="remove"],
#ec2SchedulesScheduleModal .btn-danger[data-hte-action="remove"] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  background: transparent !important;
  border: none !important;
  color: var(--color-error-text-primary) !important;
  padding: 0 0.25rem !important;
  font-size: 1rem;
  line-height: 1;
}

/* line 4013, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell [data-hte-action="remove"]:hover, .ec2-schedules-shell [data-hte-action="remove"]:focus,
.ec2-schedules-shell .btn-danger[data-hte-action="remove"]:hover,
.ec2-schedules-shell .btn-danger[data-hte-action="remove"]:focus,
#ec2SchedulesScheduleModal [data-hte-action="remove"]:hover,
#ec2SchedulesScheduleModal [data-hte-action="remove"]:focus,
#ec2SchedulesScheduleModal .btn-danger[data-hte-action="remove"]:hover,
#ec2SchedulesScheduleModal .btn-danger[data-hte-action="remove"]:focus {
  color: var(--color-error-hover-bg-primary) !important;
  background: transparent !important;
  text-decoration: none !important;
  outline: none;
}

/* line 4022, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-shell .hte-chip-ec2-item {
  background: var(--color-informative-bg-secondary);
  border: 1px solid var(--color-informative-border);
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  color: var(--color-informative-text-primary);
}

/* line 4031, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-steps {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 0.75rem 0 1rem 0;
}

/* line 4038, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
}

/* line 4050, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  font-size: 0.75rem;
}

/* line 4063, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill.is-active {
  border-color: var(--color-main-border);
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
}

/* line 4069, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 4074, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill.is-completed {
  border-color: var(--color-main-border);
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 4080, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 4085, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step {
  display: none;
}

/* line 4089, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-wizard-step.is-active {
  display: block;
}

/* line 4093, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1rem;
  color: var(--color-neutral-text-primary);
}

/* Step Summary — grelha 3 colunas + Details + lista de instâncias (sem bullets) */
/* line 4102, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 640px) {
  /* line 4110, app/assets/stylesheets/ec2_schedules.scss */
  .ec2-schedules-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* line 4115, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-grid__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

/* line 4122, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* line 4129, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-field__label {
  display: block;
  color: var(--color-neutral-text-secondary);
}

/* line 4134, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-field__value {
  display: block;
  word-break: break-word;
}

/* line 4139, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-meta-id {
  margin-top: 0.75rem;
}

/* line 4143, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-meta-id__value {
  word-break: break-all;
}

/* line 4147, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-divider {
  height: 1px;
  margin: 1rem 0;
  background: var(--color-neutral-border-secondary);
  border: 0;
}

/* line 4154, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-details__text {
  margin: 0.25rem 0 0 0;
  word-break: break-word;
}

/* line 4159, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instances {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 4165, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 4169, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 4174, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance:first-child {
  padding-top: 0;
}

/* line 4179, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance__name {
  margin: 0 0 0.5rem 0;
}

/* line 4183, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem 1rem;
}

@media (max-width: 640px) {
  /* line 4190, app/assets/stylesheets/ec2_schedules.scss */
  .ec2-schedules-summary-instance__meta {
    grid-template-columns: 1fr;
  }
}

/* line 4195, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance__cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 4202, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance__k {
  color: var(--color-neutral-text-secondary);
}

/* line 4206, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-instance__v {
  word-break: break-word;
}

/* line 4210, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-summary-empty {
  margin: 0;
}

/* line 4214, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-muted {
  color: var(--color-neutral-text-secondary);
}

/* line 4218, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-empty {
  color: var(--color-neutral-text-secondary);
}

/* line 4222, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-action-cell__label {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4231, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-action-cell__btn {
  padding: 0.25rem 0.5rem;
}

/* line 4235, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-action-cell__icon--on {
  color: var(--color-success-text-primary);
}

/* line 4239, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-action-cell__icon--off {
  color: var(--color-error-text-primary);
}

/* line 4243, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-action-cell__icon--restart {
  color: var(--color-warning-text-primary);
}

/* line 4247, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instance-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 4256, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instance-item {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
  line-height: 1.6;
  word-break: break-word;
  white-space: normal;
}

/* line 4264, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instance-item strong {
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 4269, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instance-id {
  font-family: "Poppins", "Roboto", sans-serif;
  color: var(--color-neutral-text-primary);
}

/* line 4274, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instance-sep {
  margin: 0 0.25rem;
  color: var(--color-neutral-text-disable);
}

/* line 4279, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell {
  font-size: 1rem;
}

/* line 4283, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__details {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--color-neutral-text-secondary);
}

/* line 4290, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__hint-icon {
  margin-right: 0.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4295, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__recurring {
  margin-top: 0.25rem;
}

/* line 4299, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__logs {
  margin-top: 0;
}

/* line 4303, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__logs-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-bg-primary);
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}

/* line 4316, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-status-cell__logs-btn:hover,
.ec2-schedules-status-cell__logs-btn:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 4322, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 520px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 4336, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-logs-modal.in .modal-dialog,
.modal.ec2-schedules-logs-modal.show .modal-dialog {
  transform: translateX(0) !important;
}

/* line 4341, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__content {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 4353, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  position: relative;
}

/* line 4362, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 4370, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 4389, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 4396, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__close-icon::before,
.ec2-schedules-logs-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 4410, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 4414, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 4418, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__body {
  padding: 1.5rem;
  flex: 1 1 auto;
  overflow: auto;
}

/* line 4424, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

/* line 4431, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__meta-label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4436, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__meta-value {
  font-size: 1.125rem;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  word-break: break-word;
}

/* line 4443, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__pre {
  margin: 0;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 1.25rem;
  line-height: 1.6;
  max-height: 55vh;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 4458, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__footer {
  display: flex;
  justify-content: center;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 4465, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__btn-cancel {
  width: 100%;
  max-width: 240px;
  min-height: 40px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 4481, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-logs-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 4486, app/assets/stylesheets/ec2_schedules.scss */
.modal.fade.ec2-schedules-instances-modal .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.ec2-schedules-instances-modal .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.fade.ec2-schedules-instances-modal .modal-dialog,
.modal.ec2-schedules-instances-modal .modal-dialog {
  position: fixed !important;
  top: 2.5rem !important;
  right: 2.5rem !important;
  bottom: 2.5rem !important;
  left: auto !important;
  margin: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: 520px !important;
  max-width: 520px !important;
  -webkit-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  -webkit-transition: -webkit-transform 0.3s ease-out !important;
  transition: transform 0.3s ease-out !important;
}

/* line 4506, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-instances-modal.in .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.ec2-schedules-instances-modal.show .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.fade.ec2-schedules-instances-modal.in .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.ec2-schedules-instances-modal.in .modal-dialog,
.modal.ec2-schedules-instances-modal.show .modal-dialog,
.modal.fade.ec2-schedules-instances-modal.in .modal-dialog {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

/* line 4516, app/assets/stylesheets/ec2_schedules.scss */
.modal.ec2-schedules-instances-modal .modal-content {
  box-sizing: border-box;
  height: 100% !important;
  min-height: 0;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 4528, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__content {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  min-height: 0;
  max-height: none !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* line 4544, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  gap: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 0 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: none !important;
}

/* line 4557, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__header-row--close {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 4563, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__title {
  margin: 0;
  width: 100%;
  text-align: left;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 4573, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 4592, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 4599, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__close-icon::before,
.ec2-schedules-instances-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 4613, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 4617, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 4621, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 !important;
}

/* line 4628, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__list-shell {
  margin: 0;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

/* line 4639, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 4645, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row {
  padding: 1rem 0;
  text-align: left;
  border-bottom: 1px solid var(--color-neutral-border-primary);
}

/* line 4651, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row:last-child {
  border-bottom: none;
}

/* line 4655, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row-name {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 4660, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row-id {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  word-break: break-all;
  margin-top: 0.25rem;
}

/* line 4670, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row-type {
  margin-top: 0.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 4679, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__row--state {
  text-align: center;
  color: var(--color-neutral-text-secondary);
  font-size: 1rem;
  border-bottom: none;
}

/* line 4686, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__footer {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 4694, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__btn-cancel {
  width: 100%;
  max-width: 240px;
  min-height: 40px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 4710, app/assets/stylesheets/ec2_schedules.scss */
.ec2-schedules-instances-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

@media (max-width: 768px) {
  /* line 4716, app/assets/stylesheets/ec2_schedules.scss */
  .ec2-schedules-modal-layout {
    grid-template-columns: 1fr;
  }
  /* line 4720, app/assets/stylesheets/ec2_schedules.scss */
  .ec2-schedules-available-ec2-list {
    max-height: none;
  }
  /* line 4724, app/assets/stylesheets/ec2_schedules.scss */
  #ec2SchedulesScheduleModal .modal-dialog {
    width: 95%;
  }
  /* line 4728, app/assets/stylesheets/ec2_schedules.scss */
  .modal.ec2-schedules-instances-modal .modal-dialog.ec2-schedules-instances-modal__dialog,
.modal.ec2-schedules-instances-modal .modal-dialog {
    width: calc(100vw - 5rem) !important;
    max-width: 520px !important;
  }
}
/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/esxi_hosts/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/esxi_hosts/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/esxi_hosts/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/esxi_hosts/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/esxi_hosts/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/esxi_hosts/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/esxi_hosts/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.card {
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 2rem;
}

/* line 12, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.card-header {
  border-radius: 12px 12px 0 0;
  font-size: 1.25rem;
  font-weight: 600;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 20, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.badge-modern {
  border-radius: 12px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

/* line 26, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.btn-modern {
  border-radius: 9999px;
  font-weight: 500;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 32, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.btn-modern i {
  margin-right: 0.5rem;
}

/* line 36, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.modal-modern .modal-content {
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 41, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.modal-modern .modal-header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  border-radius: 12px 12px 0 0;
}

/* line 47, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.modal-modern .modal-title {
  font-weight: 700;
  color: var(--color-main-text-primary);
}

/* line 52, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.modal-modern .modal-footer {
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-radius: 0 0 12px 12px;
  background: var(--color-neutral-bg-secondary);
}

/* line 58, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.vm-actions-container {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  min-height: 32px;
}

/* line 65, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.vm-actions-container .btn {
  margin: 0;
  transition: none !important;
  transform: none !important;
  border-radius: 4px !important;
  min-width: 40px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 77, app/assets/stylesheets/esxi_hosts/esxi_hosts_modern.scss */
.vm-actions-container .btn:hover,
.vm-actions-container .btn:focus,
.vm-actions-container .btn:active,
.vm-actions-container .btn.active {
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid !important;
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page {
  padding-bottom: 1.25rem;
}

/* line 6, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__breadcrumb {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 1.25rem;
}

/* line 11, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__header {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* line 19, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 24, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__kpi-grid {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  margin-bottom: 1.5rem;
  overflow: hidden;
}

/* line 35, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__table-wrap {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  margin-top: 0.75rem;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__section-title {
  color: var(--color-neutral-text-primary);
  margin-top: 32px;
  margin-bottom: 24px;
}

/* line 48, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page__empty-state {
  margin-top: 1.25rem;
}

/* line 54, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__form {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

/* line 61, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__field label {
  color: var(--color-neutral-text-secondary);
  display: block;
  margin: 0 0 4px;
}

/* line 67, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__date-wrap {
  align-items: center;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  display: inline-flex;
  min-width: 280px;
  padding: 8px 12px;
}

/* line 75, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__date-wrap .glyphicon {
  color: var(--color-neutral-text-secondary);
  margin-right: 8px;
}

/* line 81, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__date-input {
  border: 0;
  box-shadow: none;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  height: auto;
  line-height: 1.2;
  padding: 0;
  width: 100%;
}

/* line 91, app/assets/stylesheets/finops/aws.scss */
.finops-aws-filters__date-input:focus {
  box-shadow: none;
}

/* Finops day picker (copied from AWS Hub pattern) */
/* line 98, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-dropdown-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  min-width: 280px;
  max-width: 320px;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 112, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0.85;
}

/* line 121, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 128, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__control {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 134, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--color-neutral-text-primary);
}

/* line 148, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger:focus {
  outline: none;
}

/* line 152, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger:focus-visible {
  outline: 2px solid var(--color-main-border);
  outline-offset: 2px;
  border-radius: 4px;
}

/* line 159, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 166, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger-label {
  color: var(--color-neutral-text-secondary);
}

/* line 170, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger-value {
  color: var(--color-neutral-text-primary);
  line-height: 1.25;
  word-break: break-word;
}

/* line 176, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-accounts-hub-page__period-trigger-chevron {
  flex-shrink: 0;
  align-self: center;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-neutral-text-secondary);
}

/* line 186, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  width: fit-content;
  max-width: calc(100vw - 24px);
  z-index: 1060;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
}

@media (min-width: 544px) {
  /* line 186, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-page .aws-hub-period-picker__panel {
    max-width: 520px;
  }
}

/* line 204, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__calendar-wrap {
  position: relative;
  overflow: visible;
  width: fit-content;
  max-width: 100%;
}

/* line 211, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 219, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 229, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__btn {
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 8px 22px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* line 237, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__btn--text {
  background: transparent;
  color: var(--color-neutral-text-secondary);
  padding: 8px 0;
}

/* line 242, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__btn--text:hover, .finops-aws-page .aws-hub-period-picker__btn--text:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 249, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__btn--apply {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
}

/* line 253, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__btn--apply:hover, .finops-aws-page .aws-hub-period-picker__btn--apply:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 260, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-calendar {
  margin: 0;
  box-shadow: none;
  border: none;
  background: transparent;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 270, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-innerContainer {
  overflow: visible;
  box-sizing: border-box;
}

/* line 275, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-rContainer,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-days {
  box-sizing: border-box;
}

/* line 280, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.25rem 0.75rem;
}

/* line 287, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-month {
  color: var(--color-neutral-text-primary);
  min-height: 44px;
}

/* line 292, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  padding-top: 0;
}

/* Mês (dropdown) */
/* line 301, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-monthDropdown-months {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 10px;
  min-height: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  border: 0 solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
}

/* line 317, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 70px;
}

/* line 324, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowUp,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month .numInputWrapper span.arrowDown {
  right: -4px;
}

/* line 329, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month .numInput.cur-year,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-current-month input.cur-year {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-neutral-text-primary);
  padding: 6px 26px 6px 10px;
  min-width: 70px;
  width: 90px !important;
  max-width: none;
  min-height: 36px;
  box-sizing: border-box;
  border-radius: 4px;
  background: var(--color-neutral-bg-primary);
}

/* line 346, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-prev-month,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-next-month {
  position: relative;
  top: 0;
  fill: var(--color-main-text-primary);
  color: var(--color-main-text-primary);
}

/* line 353, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-prev-month svg,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-next-month svg {
  fill: var(--color-main-text-primary);
}

/* line 357, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-prev-month:hover svg, .finops-aws-page .aws-hub-period-picker__panel .flatpickr-prev-month:focus svg,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-next-month:hover svg,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-next-month:focus svg {
  fill: var(--color-main-hover-bg-primary);
}

/* line 363, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-weekdays {
  padding: 0 0.25rem 0.5rem;
}

/* line 367, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-weekday {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
}

/* line 374, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 380, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14.2857143%;
  width: 14.2857143%;
  max-width: none;
  margin: 0;
  height: 40px;
  max-height: 40px;
  line-height: 40px;
  border-radius: 0;
  font-weight: 500;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  border-color: transparent;
  box-sizing: border-box;
}

/* line 399, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-day:hover:not(.selected):not(.inRange) {
  border-radius: 50%;
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 404, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-day.prevMonthDay,
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-day.nextMonthDay {
  color: var(--color-neutral-text-disable);
}

/* line 409, app/assets/stylesheets/finops/aws.scss */
.finops-aws-page .aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange) {
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  background: transparent;
}

/* Range days: hub_period_picker_overrides (mesmo da Availability) */
/* line 418, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card {
  background: var(--color-neutral-bg-secondary);
  display: flex;
  flex-direction: column;
  padding: 16px 18px;
  position: relative;
}

/* line 425, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card:not(:last-child)::after {
  background: var(--color-neutral-border-secondary);
  content: '';
  height: 56px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

/* line 436, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__label {
  color: var(--color-neutral-text-secondary);
  letter-spacing: .04em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

/* line 443, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__value {
  color: var(--color-neutral-text-primary);
  line-height: 1.1;
}

/* line 448, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__link {
  align-items: center;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 4px;
  margin-top: 0;
  white-space: nowrap;
}

/* line 456, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__link:hover, .finops-kpi-card__link:focus {
  color: var(--color-main-brand);
  text-decoration: none;
}

/* line 463, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__link-icon {
  display: block;
  height: 12px;
  width: 12px;
}

/* line 469, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__value-row {
  align-items: baseline;
  display: inline-flex;
  margin-top: 17px;
  gap: 8px;
}

/* line 476, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__split {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}

/* line 482, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__metric {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 488, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__metric-label {
  color: var(--color-neutral-text-secondary);
  margin-bottom: 2px;
}

/* line 493, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__rate {
  color: var(--color-success-text-primary);
  line-height: 1.1;
}

/* line 498, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__rate-wrap {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

/* line 504, app/assets/stylesheets/finops/aws.scss */
.finops-kpi-card__status-badge {
  background: var(--color-success-bg-secondary);
  border-radius: 999px;
  color: var(--color-success-text-primary);
  display: inline-flex;
  line-height: 1;
  padding: 4px 8px;
  text-transform: uppercase;
}

/* line 515, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 520, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table thead th {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary) !important;
  letter-spacing: .03em;
  padding: 12px 14px;
}

/* line 528, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table tbody td {
  border-top: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  padding: 14px;
  vertical-align: middle !important;
  background-color: inherit !important;
}

/* line 536, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-secondary);
}

/* line 540, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-primary);
}

/* line 544, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 548, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__service {
  align-items: center;
  display: flex;
  gap: 10px;
  min-height: 28px;
}

/* line 555, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__icon {
  border-radius: 999px;
  height: 18px;
  object-fit: contain;
  width: 18px;
}

/* line 561, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__icon--fallback {
  align-items: center;
  background: var(--color-main-bg-secondary);
  color: var(--color-main-text-primary);
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
}

/* line 571, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__potential {
  min-width: 300px;
}

/* line 575, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__potential-inner {
  align-items: center;
  display: flex;
  gap: 12px;
  width: 100%;
}

/* line 582, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__potential-text {
  font-weight: 700;
  margin-bottom: 0;
  min-width: 84px;
  white-space: nowrap;
}

/* line 589, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__bar {
  background: var(--color-neutral-border-secondary);
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
  width: 72%;
}

/* line 597, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__bar-fill {
  background: var(--color-main-bg-primary);
  border-radius: inherit;
  display: block;
  height: 100%;
}

/* line 604, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__saved {
  font-weight: 700;
}

/* line 607, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__saved--positive {
  color: var(--color-success-bg-primary) !important;
}

/* line 611, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__saved--negative {
  color: var(--color-error-bg-primary) !important;
}

/* line 616, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__action {
  color: var(--color-main-text-primary);
  white-space: nowrap;
}

/* line 620, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__action .glyphicon {
  margin-right: 4px;
}

/* line 624, app/assets/stylesheets/finops/aws.scss */
.finops-savings-table__action:hover, .finops-savings-table__action:focus {
  color: var(--color-main-brand);
  text-decoration: none;
}

/* line 632, app/assets/stylesheets/finops/aws.scss */
.finops-savings-empty {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 210px;
  padding: 1.5rem 1rem;
  text-align: center;
}

/* line 642, app/assets/stylesheets/finops/aws.scss */
.finops-savings-empty__illustration {
  margin-bottom: 1rem;
}

/* line 646, app/assets/stylesheets/finops/aws.scss */
.finops-savings-empty__img {
  display: block;
  height: 94px;
  margin: 0 auto;
  width: auto;
}

/* line 653, app/assets/stylesheets/finops/aws.scss */
.finops-savings-empty__title {
  color: var(--color-neutral-text-primary);
  margin: 0 0 0.5rem;
}

/* line 658, app/assets/stylesheets/finops/aws.scss */
.finops-savings-empty__text {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

@media (max-width: 1199px) {
  /* line 666, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-page__kpi-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 675, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-page__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  /* line 681, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-page__kpi-grid {
    grid-template-columns: 1fr;
  }
  /* line 687, app/assets/stylesheets/finops/aws.scss */
  .finops-kpi-card:not(:last-child)::after {
    display: none;
  }
  /* line 693, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-filters__date-wrap {
    min-width: 100%;
    width: 100%;
  }
  /* line 698, app/assets/stylesheets/finops/aws.scss */
  .finops-aws-filters__form {
    display: block;
    width: 100%;
  }
}
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page {
  padding-bottom: 2rem;
}

/* line 6, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__breadcrumb {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  background: transparent;
}

/* line 13, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__hero {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 24px !important;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/* line 23, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__title-cluster {
  align-items: flex-start;
  display: flex;
  gap: 0.75rem;
  min-width: 0;
}

/* line 30, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__account-badge {
  align-items: center;
  background: var(--color-main-bg-primary);
  border-radius: 4px;
  color: var(--color-neutral-text-active);
  display: flex;
  flex-shrink: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 1;
  width: 32px;
}

/* line 46, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__title-block {
  min-width: 0;
}

/* line 50, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__title {
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0;
}

/* line 58, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__env {
  color: var(--color-neutral-text-secondary);
  font-size: 1rem;
  margin: 0.25rem 0 0;
}

/* line 64, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__controls-right {
  align-items: center;
  display: flex;
  flex: 1 1 280px;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
  min-width: 0;
}

/* line 74, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__action-link {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  gap: 8px;
  padding: 8px 14px;
  text-decoration: none;
  white-space: nowrap;
}

/* line 86, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__action-link:hover, .finops-budget-dashboard-page__action-link:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 94, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__annual-banner {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
}

/* line 107, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__annual-text {
  min-width: 0;
}

/* line 111, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__annual-title {
  color: var(--color-neutral-text-primary);
  margin: 0 0 0.5rem;
}

/* line 116, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__annual-meta {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 121, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__sections {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

/* line 128, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-stack {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 134, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__stack-title {
  color: var(--color-neutral-text-primary);
  margin: 0 0 0.5rem;
}

/* line 139, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 145, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-item {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: hidden;
}

/* line 152, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-trigger {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: none;
  color: var(--color-neutral-text-primary);
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 12px 16px;
  text-align: left;
  width: 100%;
}

/* line 164, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-trigger:hover, .finops-budget-dashboard-page__accordion-trigger:focus {
  background: var(--color-neutral-hover-bg-secondary);
  outline: none;
}

/* line 170, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-trigger.collapsed .finops-budget-dashboard-page__accordion-caret {
  transform: rotate(-90deg);
}

/* line 175, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-title-row {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}

/* line 183, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-icon {
  align-items: center;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  width: 18px;
}

/* line 192, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-meta {
  color: var(--color-neutral-text-secondary);
}

/* line 196, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-caret {
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* line 202, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-body {
  background: var(--color-neutral-bg-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem;
}

/* line 208, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__accordion-toolbar {
  margin-bottom: 0.75rem;
}

/* line 212, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toolbar {
  display: flex;
  justify-content: flex-end;
}

/* line 217, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toggles {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: inline-flex;
  gap: 2px;
  padding: 2px;
}

/* line 227, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toggle {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  gap: 6px;
  padding: 6px 12px;
}

/* line 237, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toggle:hover, .finops-budget-dashboard-page__chart-toggle:focus {
  background: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 244, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toggle--active {
  background: #006654;
  color: var(--color-neutral-text-active);
}

/* line 248, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-toggle--active .glyphicon {
  color: inherit;
}

/* line 254, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 260, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-kpi-grid {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  margin-bottom: 1rem;
}

/* line 265, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-wrap {
  min-height: 280px;
  position: relative;
}

/* line 270, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__chart-table-pane {
  margin-top: 0;
}

/* line 274, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__empty-categories {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  color: var(--color-neutral-text-secondary);
  padding: 1.25rem;
  text-align: center;
}

/* line 282, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__table-wrap--nested {
  margin-top: 0;
}

/* line 287, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__table-foot-row th {
  background: var(--color-neutral-bg-secondary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  padding: 0.75rem 1rem;
}

/* line 295, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table-wrap {
  margin-top: 0;
}

/* line 299, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table-wrap--nested .portal-accounts-table, .finops-budget-dashboard-page__table-wrap--nested .portal-accounts-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

/* line 311, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  margin-bottom: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  overflow: hidden;
}

/* line 321, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table thead th {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 329, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table tbody tr {
  transition: background-color 150ms ease-in-out;
}

/* line 332, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 337, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-cross-white-secondary);
}

/* line 341, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-primary);
}

/* line 345, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .portal-accounts-table tbody td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0;
  color: var(--color-neutral-text-primary);
}

/* line 355, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .aws-accounts-hub-page__period-dropdown-wrap {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: flex;
  gap: 0.5rem;
  max-width: 320px;
  min-width: 280px;
  padding: 0.5rem 0.75rem;
  position: relative;
  width: auto;
}

/* line 369, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .aws-hub-period-picker__panel {
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
  left: auto;
  max-width: calc(100vw - 24px);
  padding: 1.25rem 1.25rem 1rem;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: fit-content;
  z-index: 1060;
}

@media (min-width: 544px) {
  /* line 369, app/assets/stylesheets/finops/budget_dashboard.scss */
  .finops-budget-dashboard-page .aws-hub-period-picker__panel {
    max-width: 520px;
  }
}

/* line 387, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .finops-aws-page__kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* line 392, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .finops-kpi-card--projected .finops-kpi-card__value-row--with-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  justify-content: space-between;
  margin-top: 0.5rem;
  width: 100%;
}

/* line 402, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .finops-kpi-card--projected .finops-kpi-card__value-row--with-status .finops-kpi-card__value {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 407, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .finops-kpi-card--projected .finops-kpi-card__status-inline {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.5rem;
  white-space: nowrap;
}

/* line 415, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page .finops-kpi-card--projected .finops-kpi-card__status-inline .finops-kpi-card__metric-label {
  margin-bottom: 0;
}

/* line 420, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__table-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  width: 100%;
}

/* line 429, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__help-icon {
  height: 14px;
  margin-left: 4px;
  opacity: 0.7;
  vertical-align: middle;
  width: 14px;
}

/* line 437, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__th-help {
  display: inline-flex;
  vertical-align: middle;
}

/* line 442, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-dashboard-page__table-foot {
  background: var(--color-neutral-bg-secondary);
}

/* line 446, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-kpi-card__status-badge--danger {
  background: var(--color-danger-bg-secondary);
  color: var(--color-danger-text-primary);
}

/* line 451, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-kpi-card__status-badge--warning {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 456, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-kpi-card__status-badge--success {
  background: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 463, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal.fade .modal-dialog {
  opacity: 1;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 469, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal.fade.in .modal-dialog, .finops-budget-drawer-modal.fade.show .modal-dialog {
  transform: translate3d(0, 0, 0) !important;
}

/* line 474, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal .modal-dialog, .finops-budget-drawer-modal__dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 520px;
  width: 100%;
}

@media (max-width: 720px) {
  /* line 489, app/assets/stylesheets/finops/budget_dashboard.scss */
  .finops-budget-drawer-modal .modal-dialog, .finops-budget-drawer-modal__dialog {
    max-width: calc(100vw - 2.5rem);
    right: 1.25rem;
    top: 1.25rem;
    bottom: 1.25rem;
  }
}

/* line 498, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-left: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: var(--color-neutral-text-primary);
}

/* line 514, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 1rem;
}

/* line 522, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary) !important;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 539, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 544, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 550, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close-icon::before, .finops-budget-drawer-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 564, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 568, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 573, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__header {
  flex-shrink: 0;
  margin: 2.5rem 0 0;
  padding: 0 2rem 0 0;
  border: 0;
}

/* line 580, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  text-align: left;
}

/* line 586, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 596, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 602, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__label {
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0;
}

/* line 609, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__currency-input {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 618, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__currency-prefix {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border-right: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  padding: 0 0.75rem;
}

/* line 627, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__input {
  border: none !important;
  box-shadow: none !important;
  flex: 1;
  height: 44px;
  min-width: 0;
  padding: 0 24px 0 0.75rem;
  text-align: right;
}

/* line 636, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__input::-webkit-inner-spin-button, .finops-budget-drawer-modal__input::-webkit-outer-spin-button {
  margin-left: 0.5rem;
  opacity: 0.85;
}

/* line 642, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__input:focus {
  outline: none;
  box-shadow: none !important;
}

/* line 648, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__currency-input:focus-within {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 653, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__hint {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 658, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__info {
  align-items: flex-start;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  color: var(--color-neutral-text-secondary);
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0.75rem 1rem;
}

/* line 670, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__info-icon {
  color: var(--color-main-text-primary);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 676, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1rem;
  margin: 0;
  padding: 1rem 0 0;
  border: 0;
  width: 100%;
}

/* line 688, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__footer::before, .finops-budget-drawer-modal__footer::after {
  display: none !important;
  content: none !important;
}

/* line 695, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn {
  flex: 1 1 0;
  min-width: 0;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* line 707, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 712, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn:disabled {
  cursor: not-allowed;
  opacity: 1;
}

/* line 718, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn--cancel {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  border-width: 2px;
  color: var(--color-neutral-text-secondary);
}

/* line 724, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn--cancel:hover:not(:disabled) {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 730, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn--primary {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 735, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn--primary:hover:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 741, app/assets/stylesheets/finops/budget_dashboard.scss */
.finops-budget-drawer-modal__btn--primary:disabled {
  background: var(--color-neutral-bg-disable);
  border-color: transparent;
  color: var(--color-neutral-text-disable);
}

@media (max-width: 768px) {
  /* line 750, app/assets/stylesheets/finops/budget_dashboard.scss */
  .finops-budget-dashboard-page__hero {
    flex-direction: column;
  }
  /* line 754, app/assets/stylesheets/finops/budget_dashboard.scss */
  .finops-budget-dashboard-page__controls-right {
    justify-content: flex-start;
    width: 100%;
  }
  /* line 759, app/assets/stylesheets/finops/budget_dashboard.scss */
  .finops-budget-dashboard-page__chart-kpi-grid {
    grid-template-columns: 1fr;
  }
}
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/finops/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 4, app/assets/stylesheets/finops/budget_overview.scss */
.finops-overview-page {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 9, app/assets/stylesheets/finops/budget_overview.scss */
.finops-breadcrumb {
  border-bottom: 2px solid var(--color-warning-bg-secondary);
  margin-bottom: 1.5rem;
}

/* line 14, app/assets/stylesheets/finops/budget_overview.scss */
.finops-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 21, app/assets/stylesheets/finops/budget_overview.scss */
.finops-header-card {
  background: var(--color-neutral-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 1rem;
}

/* line 30, app/assets/stylesheets/finops/budget_overview.scss */
.finops-header-actions {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

/* line 38, app/assets/stylesheets/finops/budget_overview.scss */
.finops-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-weight: 700;
  font-size: 1.25rem;
}

/* line 47, app/assets/stylesheets/finops/budget_overview.scss */
.finops-title .glyphicon {
  line-height: 1;
  display: inline-block;
}

/* line 52, app/assets/stylesheets/finops/budget_overview.scss */
.finops-year {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
}

/* line 61, app/assets/stylesheets/finops/budget_overview.scss */
.finops-panel {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.5rem;
  background: var(--color-neutral-bg-primary);
}

/* line 69, app/assets/stylesheets/finops/budget_overview.scss */
.finops-panel-heading {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  padding: 1rem 1.5rem;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  font-weight: 600;
}

/* line 78, app/assets/stylesheets/finops/budget_overview.scss */
.finops-panel-body {
  padding: 1.5rem;
}

/* line 82, app/assets/stylesheets/finops/budget_overview.scss */
.finops-panel-body-flush {
  padding: 0;
}

/* line 86, app/assets/stylesheets/finops/budget_overview.scss */
.btn-finops-default, .finops-tenancy-toggle-btn {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border-color: var(--color-neutral-border-primary);
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 97, app/assets/stylesheets/finops/budget_overview.scss */
.btn-finops-default:hover, .finops-tenancy-toggle-btn:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 105, app/assets/stylesheets/finops/budget_overview.scss */
.btn-finops-primary {
  background-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border: 1px solid var(--color-main-border);
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 116, app/assets/stylesheets/finops/budget_overview.scss */
.btn-finops-primary:hover {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 124, app/assets/stylesheets/finops/budget_overview.scss */
.finops-card {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  padding: 1.5rem 1.25rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 134, app/assets/stylesheets/finops/budget_overview.scss */
.finops-card-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.75rem 0;
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 144, app/assets/stylesheets/finops/budget_overview.scss */
.finops-card-muted {
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
}

/* line 149, app/assets/stylesheets/finops/budget_overview.scss */
.chart-container {
  position: relative;
  min-height: 260px;
}

/* line 154, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-responsive {
  max-height: calc(100vh - 400px);
  overflow-x: auto;
  overflow-y: auto;
  display: block;
  width: 100%;
}

/* line 162, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-responsive::-webkit-scrollbar {
  height: 12px;
  -webkit-appearance: none;
}

/* line 167, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 172, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
}

/* line 177, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 181, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern {
  border-radius: 8px;
  width: 100%;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 188, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern thead {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 193, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern thead th {
  background: var(--color-neutral-bg-secondary);
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 0.75rem 1rem;
  white-space: nowrap;
  font-weight: 600;
}

/* line 205, app/assets/stylesheets/finops/budget_overview.scss */
.sticky-first {
  position: sticky;
  left: 0;
  z-index: 11;
  background: var(--color-neutral-bg-primary);
}

/* line 212, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* line 219, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern tbody tr {
  transition: all 150ms ease-in-out;
}

/* line 223, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 227, app/assets/stylesheets/finops/budget_overview.scss */
.tenancy-year-row {
  background: var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/finops/budget_overview.scss */
.tenancy-year-row td {
  font-weight: 600;
  border-top: 1px solid var(--color-main-border);
}

/* line 236, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern td,
.finops-table-modern th {
  vertical-align: middle;
}

/* line 241, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern td {
  padding: 0.75rem 1rem;
  white-space: nowrap;
}

/* line 246, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-controls {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* line 252, app/assets/stylesheets/finops/budget_overview.scss */
.finops-filters-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.75rem;
  padding: 1rem;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 265, app/assets/stylesheets/finops/budget_overview.scss */
.finops-filters-left {
  min-width: 280px;
}

/* line 269, app/assets/stylesheets/finops/budget_overview.scss */
.finops-filters-right {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 276, app/assets/stylesheets/finops/budget_overview.scss */
.finops-date-fields {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}

/* line 282, app/assets/stylesheets/finops/budget_overview.scss */
.form-group-compact {
  margin-bottom: 0;
}

/* line 286, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-item {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  margin-bottom: 0.75rem;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: box-shadow 250ms ease-in-out, transform 150ms ease-in-out;
}

/* line 295, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-item:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

/* line 300, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  user-select: none;
  border-radius: 8px 8px 0 0;
}

/* line 312, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-header-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 318, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-header .acc-arrow {
  color: var(--color-neutral-text-secondary);
}

/* line 322, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-header-meta {
  display: flex;
  gap: 0.5rem;
}

/* line 327, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-header-meta .meta-pill {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
}

/* line 335, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-body {
  padding: 1rem 1.25rem;
}

/* line 339, app/assets/stylesheets/finops/budget_overview.scss */
.finops-accordion-item.dragging {
  opacity: 0.85;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 344, app/assets/stylesheets/finops/budget_overview.scss */
.drag-handle {
  cursor: move;
  color: var(--color-neutral-text-secondary);
}

/* line 349, app/assets/stylesheets/finops/budget_overview.scss */
.saving-positive {
  color: var(--color-success-text-primary);
}

/* line 353, app/assets/stylesheets/finops/budget_overview.scss */
.saving-negative {
  color: var(--color-error-text-primary);
}

/* line 357, app/assets/stylesheets/finops/budget_overview.scss */
.saving-neutral {
  color: var(--color-neutral-text-secondary);
}

/* line 361, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-filter {
  display: inline-block;
  margin: 0 0 0.75rem 0;
}

/* line 366, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-filter-note {
  display: block;
  margin: 0 0 0.5rem 0;
  font-size: 1.125rem;
  color: var(--color-neutral-text-secondary);
}

/* line 373, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding-right: 1rem;
  position: relative;
  max-width: 100%;
  white-space: nowrap;
}

/* line 385, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-toggle-btn .caret {
  margin-left: 0.25rem;
}

/* line 389, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown {
  position: relative;
  display: inline-block;
}

/* line 394, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  min-width: 220px;
  padding: 0.75rem;
  margin-top: 0.5rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 8px;
  border: 2px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-height: 260px;
  overflow-y: auto;
}

/* line 409, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown-menu label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  white-space: nowrap;
}

/* line 419, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown-menu label:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 423, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown-footer {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

/* line 430, app/assets/stylesheets/finops/budget_overview.scss */
.finops-tenancy-dropdown-footer .btn {
  padding: 0.5rem 0.75rem;
}

/* line 434, app/assets/stylesheets/finops/budget_overview.scss */
.tenancy-group {
  background: var(--color-neutral-bg-secondary);
  border-left: 1px solid var(--color-neutral-border-secondary);
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 440, app/assets/stylesheets/finops/budget_overview.scss */
.tenancy-subcol-left {
  border-left: 1px solid var(--color-neutral-border-secondary);
}

/* line 444, app/assets/stylesheets/finops/budget_overview.scss */
.tenancy-subcol-right {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 448, app/assets/stylesheets/finops/budget_overview.scss */
.finops-table-modern.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--color-neutral-bg-primary);
}
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/finops/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 11, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
}

/* line 22, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-header {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 28, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-title {
  font-size: 2.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 38, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-title__help {
  color: var(--color-main-bg-primary);
  font-size: 1rem;
}

/* line 46, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-top: 1rem;
  margin-bottom: 0;
  gap: 0;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
}

/* line 57, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs > li {
  margin-bottom: 0;
  flex: 1 1 0;
  max-width: none;
}

/* line 63, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs > li > a {
  color: var(--color-neutral-text-primary);
  font-weight: 500;
  font-size: 1.125rem;
  padding: 8px 24px;
  border-radius: 0;
  border: 0 !important;
  box-shadow: none !important;
  transition: color 150ms ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  height: 100%;
  gap: 8px;
}

/* line 82, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs > li > a,
.idle-resources-tabs > li > a:hover,
.idle-resources-tabs > li > a:focus {
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 2px solid transparent !important;
}

/* line 92, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
}

/* line 99, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* line 105, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 111, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs > li > a:hover {
  color: var(--color-neutral-text-primary);
  background: transparent;
}

/* line 116, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs > li.active > a,
.idle-resources-tabs > li.active > a:hover,
.idle-resources-tabs > li.active > a:focus {
  color: var(--color-main-bg-primary);
  background: transparent;
  border-bottom: 2px solid var(--color-main-bg-primary) !important;
  font-weight: 600;
}

/* line 125, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-tabs .badge {
  background: var(--color-main-bg-secondary);
  color: var(--color-neutral-text-primary);
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 0.625rem;
  font-weight: 600;
  margin-left: 0;
  line-height: 1.35;
  border: 0;
}

/* line 137, app/assets/stylesheets/finops/idle_resources.scss */
.tab-content {
  margin-top: 1rem;
}

/* line 144, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-button-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}

/* line 150, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-link {
  background: transparent;
  border: none;
  color: var(--color-main-bg-primary);
  padding: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 24px;
  margin-top: 24px;
}

/* line 162, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-link:hover,
.idle-resources-efficiency-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 169, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-btn {
  border-radius: 8px;
  font-size: 1rem;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: background 150ms ease-in-out;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 181, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-btn-primary {
  background: linear-gradient(90deg, var(--color-main-bg-primary) 0%, var(--color-main-brand) 100%);
  color: var(--color-neutral-text-active);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 187, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-btn-primary:hover {
  background: linear-gradient(90deg, var(--color-main-hover-bg-primary) 0%, var(--color-main-brand) 100%);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 192, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-btn-default {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
}

/* line 197, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-btn-default:hover {
  background: var(--color-neutral-hover-bg-tertiary);
}

/* line 204, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table {
  background: var(--color-neutral-bg-primary);
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  border: 0;
  table-layout: auto;
  width: max-content;
  min-width: 100%;
}

/* line 215, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table thead {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 220, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table tbody td {
  color: var(--color-neutral-text-primary);
  font-size: 0.875rem;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  vertical-align: middle;
  white-space: nowrap;
}

/* line 229, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-secondary);
}

/* line 233, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-primary);
}

/* line 237, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 241, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table strong {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 247, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-account-link {
  color: var(--color-informative-text-primary);
  font-weight: 600;
  text-decoration: none;
}

/* line 252, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-account-link:hover, .idle-resources-account-link:focus {
  color: var(--color-informative-text-primary);
  text-decoration: underline;
}

/* line 259, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table-responsive {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  margin-bottom: 0;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0;
  background: var(--color-neutral-bg-primary);
  width: 100%;
  max-width: 100%;
  display: block;
}

/* line 274, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 280, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 285, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 290, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 296, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-container .table {
  margin-bottom: 0;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* line 302, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table th,
.idle-resources-table td {
  text-align: left;
}

/* line 307, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table__th {
  color: var(--color-neutral-text-secondary);
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0;
  text-transform: none;
  padding: 12px 16px !important;
  border: 0 !important;
  white-space: nowrap;
}

/* line 318, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table td:last-child {
  text-align: right;
  white-space: nowrap;
}

/* line 323, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table-meta {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
}

/* line 332, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table-meta__per-page a {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 337, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-table-meta__per-page a.is-active {
  color: var(--color-main-bg-primary);
  font-weight: 600;
}

/* line 345, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination {
  margin-top: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 354, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination .pagination {
  margin: 0;
}

/* line 358, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination .pagination > li > a,
.idle-resources-pagination .pagination > li > span {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 6px;
  min-width: 26px;
  height: 26px;
  padding: 2px 8px;
  margin: 0 2px;
  font-weight: 500;
  transition: all 150ms ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 375, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination .pagination > li > a:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-main-bg-primary);
}

/* line 381, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination .pagination > li.active > a,
.idle-resources-pagination .pagination > li.active > span {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  box-shadow: none;
}

/* line 389, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-pagination .pagination > li.disabled > span,
.idle-resources-pagination .pagination > li.disabled > a,
.idle-resources-pagination .pagination > li.disabled > span:hover,
.idle-resources-pagination .pagination > li.disabled > span:focus,
.idle-resources-pagination .pagination > li.disabled > a:hover,
.idle-resources-pagination .pagination > li.disabled > a:focus {
  color: var(--color-neutral-text-secondary);
  background: transparent;
  border-color: transparent;
  cursor: default;
  box-shadow: none;
}

/* line 405, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-alert {
  border-radius: 12px;
  padding: 1rem 1.25rem;
  border: none;
  font-size: 1.125rem;
  margin-top: 1.25rem;
}

/* line 413, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-alert-info {
  background: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
  border-left: 0.25rem solid var(--color-informative-border);
}

/* line 419, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-alert-danger {
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
  border-left: 0.25rem solid var(--color-error-border);
}

/* line 425, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 320px;
  padding: 2rem 1.25rem;
}

/* line 435, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-empty__illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 441, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-empty__img {
  width: auto;
  height: auto;
  max-width: 240px;
}

/* line 446, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-empty__img--dark {
  display: none;
}

/* line 451, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-empty__text {
  margin: 0;
  max-width: 420px;
  color: var(--color-neutral-text-secondary);
}

/* line 458, app/assets/stylesheets/finops/idle_resources.scss */
html[data-theme='dark'] .idle-resources-empty__img--light {
  display: none;
}

/* line 462, app/assets/stylesheets/finops/idle_resources.scss */
html[data-theme='dark'] .idle-resources-empty__img--dark {
  display: block;
}

/* line 470, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .modal-content {
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  overflow: hidden;
}

/* line 479, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .modal-header {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border-radius: 16px 16px 0 0;
  padding: 1.5rem 2rem 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 487, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .modal-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 495, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__subtitle {
  color: var(--color-neutral-text-secondary);
}

/* line 499, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .close {
  color: var(--color-neutral-text-primary);
  opacity: 0.7;
  font-size: 1.5rem;
  font-weight: 500;
  text-shadow: none;
  transition: opacity 150ms ease-in-out;
}

/* line 508, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .close:hover {
  color: var(--color-neutral-text-primary);
  opacity: 1;
}

/* line 513, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .modal-body {
  padding: 1rem 2rem 1.5rem;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
}

/* line 520, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .table-responsive {
  max-height: 360px;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0;
  margin-top: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  width: 100%;
}

/* line 533, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal .modal-footer {
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 2rem;
  background: var(--color-neutral-bg-secondary);
  border-radius: 0 0 16px 16px;
}

/* line 543, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__legend-wrap {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px 8px 0 0 !important;
  background: var(--color-neutral-bg-secondary);
  padding: 0.75rem 1.25rem;
  width: fit-content;
  min-width: 560px;
  max-width: 92%;
  margin: 0 auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

/* line 561, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__legend-title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 566, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__legend-list {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}

/* line 572, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__legend-item {
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 579, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  display: inline-block;
}

/* line 586, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__dot--optimize {
  background: var(--color-error-bg-primary);
}

/* line 590, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__dot--review {
  background: var(--color-warning-bg-primary);
}

/* line 594, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-modal__dot--healthy {
  background: var(--color-success-bg-primary);
}

/* line 601, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-loading {
  text-align: center;
  padding: 2rem 1.25rem;
  color: var(--color-neutral-text-secondary);
  background: transparent;
}

/* line 608, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-loading .glyphicon-spin {
  font-size: 2.25rem;
  color: var(--color-main-bg-primary);
  margin-bottom: 1rem;
}

/* line 614, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-loading p {
  color: var(--color-neutral-text-secondary);
  font-size: 1rem;
  margin-top: 0.75rem;
}

/* line 623, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table {
  background: var(--color-neutral-bg-primary);
  border-radius: 8px;
  overflow: visible;
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-secondary);
  width: max-content;
  min-width: 100%;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 635, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table thead {
  background: var(--color-neutral-bg-primary);
  border-bottom: 2px solid var(--color-neutral-border-primary);
}

/* line 640, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table thead th {
  color: var(--color-neutral-text-secondary);
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 1rem;
  border: none;
  white-space: nowrap;
}

/* line 651, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody td {
  color: var(--color-neutral-text-primary);
  padding: 16px 16px !important;
  border-bottom: 1px solid var(--color-neutral-bg-tertiary);
  vertical-align: middle;
  white-space: nowrap;
}

/* line 659, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-secondary);
}

/* line 663, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-primary);
}

/* line 667, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
  background: transparent;
}

/* line 677, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-empty__img {
  width: 120px;
  height: auto;
  margin-bottom: 1rem;
}

/* line 682, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-empty__img--dark {
  display: none;
}

/* line 687, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-empty__title {
  color: var(--color-neutral-text-primary);
  margin: 0 0 0.5rem;
}

/* line 692, app/assets/stylesheets/finops/idle_resources.scss */
.idle-resources-efficiency-empty__text {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 698, app/assets/stylesheets/finops/idle_resources.scss */
html[data-theme='dark'] .idle-resources-efficiency-empty__img--light {
  display: none;
}

/* line 702, app/assets/stylesheets/finops/idle_resources.scss */
html[data-theme='dark'] .idle-resources-efficiency-empty__img--dark {
  display: block;
}

/* line 708, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody td.efficiency-value-healthy,
.efficiency-table td.efficiency-value-healthy,
.idle-resources-table td.efficiency-value-healthy,
.efficiency-value-healthy {
  color: var(--color-success-bg-primary) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
}

/* line 717, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody td.efficiency-value-review,
.efficiency-table td.efficiency-value-review,
.idle-resources-table td.efficiency-value-review,
.efficiency-value-review {
  color: var(--color-warning-bg-primary) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
}

/* line 726, app/assets/stylesheets/finops/idle_resources.scss */
.efficiency-table tbody td.efficiency-value-optimize,
.efficiency-table td.efficiency-value-optimize,
.idle-resources-table td.efficiency-value-optimize,
.efficiency-value-optimize {
  color: var(--color-error-bg-primary) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
}

@media (max-width: 768px) {
  /* line 739, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-container {
    padding: 1rem 0.75rem;
  }
  /* line 743, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-title {
    font-size: 1.5rem;
  }
  /* line 747, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-tabs {
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
  }
  /* line 753, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-tabs > li {
    float: none;
    display: inline-block;
  }
  /* line 758, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-tabs > li > a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 763, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-table-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  /* line 769, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-pagination {
    flex-direction: column;
    gap: 0.75rem;
  }
  /* line 774, app/assets/stylesheets/finops/idle_resources.scss */
  .idle-resources-modal .modal-dialog {
    width: 95%;
    margin: 0.75rem auto;
  }
}
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page {
  padding-bottom: 1.25rem;
}

/* line 6, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__header {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 19, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__period {
  align-items: center;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  gap: 0.5rem;
}

/* line 26, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__empty-state {
  margin-top: 1.25rem;
}

/* line 30, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__kpi-grid {
  margin-bottom: 1.5rem;
}

/* line 34, app/assets/stylesheets/finops/oci.scss */
.finops-oci-page__content {
  margin-top: 1rem;
}
/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/finops/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/finops/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/finops/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/finops/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/finops/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/finops/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/finops/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/finops/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/finops/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/finops/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 216, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/finops/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 6, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.finops-oci-compartment-col {
  padding: 0;
}

/* line 10, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.finops-oci-compartment-col .scale-hub-bar__btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* line 15, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-cost {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  padding: 0 0 2rem;
}

/* line 21, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.finops-oci-compartment-col .scale-hub-bar__right {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}

/* line 29, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.finops-oci-compartment-page .scale-hub-bar__right .aws-accounts-hub-page__period-dropdown-wrap {
  margin: 0;
  max-width: 320px;
  min-width: 260px;
}

/* line 35, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-cost__billing {
  margin-bottom: 1.25rem;
  padding: 0;
}

/* line 40, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-total-card {
  background: var(--color-neutral-bg-secondary);
  border: 2px solid var(--color-main-border);
  border-radius: 14px;
  margin-bottom: 1.25rem;
  padding: 1rem 1rem 0.75rem;
}

/* line 48, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-total-card__header {
  margin-bottom: 0.75rem;
}

/* line 52, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-total-card__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 57, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-total-card__amount {
  color: var(--color-main-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.5rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

/* line 67, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-total-card__meta {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 72, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-cost__empty {
  margin-top: 1.5rem;
}

/* line 77, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-cost .aws-cost-comparison-accordion__trigger .oci-account-card__amount {
  color: var(--color-neutral-text-primary);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  margin-left: auto;
  margin-right: 0.5rem;
  white-space: nowrap;
}

/* line 88, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-children-table__row {
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-children-table__row:hover td {
  background: var(--color-neutral-hover-bg-primary) !important;
}

/* line 95, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-children-table__row:focus {
  outline: none;
}

/* line 98, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-children-table__row:focus td {
  background: var(--color-neutral-hover-bg-primary) !important;
}

/* line 104, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-cost__ocid {
  color: var(--color-neutral-text-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 113, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .modal-dialog,
.oci-compartment-detail-modal .oci-compartment-detail-modal__dialog {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 2rem auto;
}

/* line 121, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .modal-content,
.oci-compartment-detail-modal .oci-compartment-detail-modal__content {
  border: none !important;
  border-radius: 12px !important;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

/* line 130, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .modal-header,
.oci-compartment-detail-modal .oci-compartment-detail-modal__header {
  display: block;
  position: relative;
  padding: 1.5rem 2rem 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  border-radius: 0;
}

/* line 140, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .oci-compartment-detail-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  margin: 0;
  opacity: 0.7;
  color: var(--color-neutral-text-primary);
  text-shadow: none;
  font-size: 1.5rem;
  font-weight: 500;
}

/* line 152, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .oci-compartment-detail-modal__close:hover, .oci-compartment-detail-modal .oci-compartment-detail-modal__close:focus {
  opacity: 1;
  color: var(--color-neutral-text-primary);
}

/* line 159, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .oci-compartment-detail-modal__title-wrap {
  padding-right: 2rem;
}

/* line 163, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .modal-title,
.oci-compartment-detail-modal .oci-compartment-detail-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 169, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .oci-compartment-detail-modal__path {
  color: var(--color-neutral-text-secondary);
  margin: 0.25rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 177, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .modal-body,
.oci-compartment-detail-modal .oci-compartment-detail-modal__body {
  padding: 1rem 1.5rem 1.5rem;
  background: var(--color-neutral-bg-primary);
}

/* line 183, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .aws-cost-comparison-table-container {
  max-height: 60vh;
  overflow: auto;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 192, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-detail-modal .aws-cost-comparison-table > thead > tr > th:first-child,
.oci-compartment-detail-modal .aws-cost-comparison-table > thead > tr > th:last-child {
  border-radius: 0;
}

/* line 199, app/assets/stylesheets/finops/oci_compartment_cost.scss */
.oci-compartment-modal-source {
  display: none !important;
}
/* line 216, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/header/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/header/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/header/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/header/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/header/app_header.scss */
.oc-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  box-shadow: var(--shadow-elevation-header);
}

/* line 12, app/assets/stylesheets/header/app_header.scss */
.oc-header a,
.oc-header button {
  -webkit-tap-highlight-color: transparent;
}

/* line 16, app/assets/stylesheets/header/app_header.scss */
.oc-header a:focus, .oc-header a:focus-visible, .oc-header a:active,
.oc-header button:focus,
.oc-header button:focus-visible,
.oc-header button:active {
  outline: none;
  box-shadow: none;
}

/* line 24, app/assets/stylesheets/header/app_header.scss */
.oc-header img {
  outline: none;
}

/* line 29, app/assets/stylesheets/header/app_header.scss */
.oc-header__inner {
  display: flex;
  align-items: stretch;
  gap: 32px;
  min-height: 80px;
  padding: 0 32px;
  max-width: 100%;
}

/* line 38, app/assets/stylesheets/header/app_header.scss */
.oc-header__logo {
  display: flex;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/header/app_header.scss */
.oc-header__logo:hover, .oc-header__logo:focus, .oc-header__logo:focus-visible, .oc-header__logo:active {
  text-decoration: none;
  opacity: 0.9;
  outline: none;
  box-shadow: none;
}

/* line 56, app/assets/stylesheets/header/app_header.scss */
.oc-header__logo-img {
  height: 40px;
  width: auto;
  display: block;
}

/* line 61, app/assets/stylesheets/header/app_header.scss */
.oc-header__logo-img--light {
  display: block;
}

/* line 64, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-header__logo-img--light {
  display: none;
}

/* line 69, app/assets/stylesheets/header/app_header.scss */
.oc-header__logo-img--dark {
  display: none;
}

/* line 72, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-header__logo-img--dark {
  display: block;
}

/* line 78, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  flex: 1;
  gap: 32px;
  min-width: 0;
}

/* line 87, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-item {
  position: relative;
  display: flex;
  align-items: stretch;
}

/* line 93, app/assets/stylesheets/header/app_header.scss */
.oc-header__platforms-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: auto 0;
  padding: 12px;
  border: 1px solid var(--color-neutral-hover-bg-cross-white-tertiary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-main-text-primary);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* line 106, app/assets/stylesheets/header/app_header.scss */
.oc-header__platforms-btn:hover, .oc-header__platforms-btn:focus {
  background: var(--color-main-bg-secondary);
  outline: none;
}

/* line 112, app/assets/stylesheets/header/app_header.scss */
.oc-header__platforms-btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 119, app/assets/stylesheets/header/app_header.scss */
.oc-header__platforms-icon {
  display: inline-flex;
  line-height: 0;
  color: inherit;
}

/* line 125, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-trigger {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  padding: 0 1rem;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-primary) !important;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

/* line 137, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-trigger:hover, .oc-header__nav-trigger:focus {
  outline: none;
  background: var(--color-neutral-hover-bg-primary);
}

/* line 143, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-trigger.is-active, .oc-header__nav-trigger.is-open {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-main-text-primary) !important;
}

/* line 150, app/assets/stylesheets/header/app_header.scss */
.oc-header__chevron {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 7px;
  color: var(--color-neutral-text-secondary);
  line-height: 0;
}

/* line 160, app/assets/stylesheets/header/app_header.scss */
.oc-header__chevron svg {
  display: block;
  width: 12px;
  height: 7px;
}

/* line 166, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-trigger.is-active .oc-header__chevron, .oc-header__nav-trigger.is-open .oc-header__chevron {
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-item.is-dropdown-open .oc-header__nav-trigger.is-open {
  border-radius: 0;
}

/* line 177, app/assets/stylesheets/header/app_header.scss */
.oc-header__nav-item.is-dropdown-open .oc-header__panel--dropdown {
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: var(--shadow-elevation-panel);
}

/* line 184, app/assets/stylesheets/header/app_header.scss */
.oc-header__section-label {
  margin: 0 0 0.75rem;
  padding: 8px 10px;
  text-transform: uppercase;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 192, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel {
  display: none;
}

/* line 195, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel.is-open {
  display: block;
}

/* line 199, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel[hidden] {
  display: none !important;
}

/* line 203, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel.is-open[hidden] {
  display: block !important;
}

/* line 208, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--mega {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 640px;
  padding: 0;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  box-shadow: var(--shadow-elevation-panel-prominent);
  overflow: hidden;
  transition: min-width 0.25s ease, min-height 0.25s ease;
}

/* line 221, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--mega.is-account-hub-expanded {
  min-width: 980px;
}

/* line 226, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  padding: 12px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 0 0 8px 8px;
  box-shadow: var(--shadow-elevation-panel);
}

/* line 238, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu {
  display: flex;
  min-height: 280px;
  transition: min-height 0.25s ease;
}

/* line 243, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu.is-account-hub-expanded {
  min-height: 560px;
}

/* line 248, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platforms {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 240px;
  padding: 24px 12px;
  background: var(--color-neutral-bg-secondary);
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 258, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* line 274, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform:hover, .oc-mega-menu__platform:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 280, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform.is-active {
  background: var(--color-main-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 286, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform-logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
  background: var(--color-neutral-bg-primary);
  border-radius: 6px;
  padding: 2px;
}

/* line 295, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform-logo--light {
  display: block;
}

/* line 298, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-mega-menu__platform-logo--light {
  display: none;
}

/* line 303, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__platform-logo--dark {
  display: none;
}

/* line 306, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-mega-menu__platform-logo--dark {
  display: block;
}

/* line 312, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__content {
  flex: 1;
  padding: 16px 16px;
  min-width: 520px;
  min-height: 270px;
  transition: min-width 0.25s ease, min-height 0.25s ease;
}

/* line 319, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu.is-account-hub-expanded .oc-mega-menu__content {
  min-width: 720px;
  min-height: 520px;
}

/* line 325, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__columns {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

/* line 330, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__columns.is-account-hub-expanded {
  grid-template-columns: minmax(200px, 1fr) minmax(180px, 0.95fr) minmax(220px, 1.1fr);
  align-items: start;
}

/* line 335, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__columns.is-active {
  display: grid;
}

/* line 340, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 346, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-link {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease;
}

/* line 356, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-link:hover, .oc-header__menu-link:focus, .oc-header__menu-link.is-active {
  background: var(--color-neutral-hover-bg-primary);
  text-decoration: none;
  color: inherit;
}

/* line 365, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  border-radius: 8px;
  overflow: hidden;
  transition: background 0.15s ease;
}

/* line 374, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row:hover, .oc-header__menu-expand-row:focus-within {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 379, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row .oc-header__menu-link {
  flex: 1;
  min-width: 0;
  border-radius: 0;
}

/* line 384, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row .oc-header__menu-link:hover, .oc-header__menu-expand-row .oc-header__menu-link:focus, .oc-header__menu-expand-row .oc-header__menu-link.is-active {
  background: transparent;
}

/* line 391, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row .oc-header__menu-expand-toggle {
  align-self: stretch;
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-row .oc-header__menu-expand-toggle:hover, .oc-header__menu-expand-row .oc-header__menu-expand-toggle:focus {
  background: transparent;
}

/* line 402, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-item.is-expanded .oc-header__menu-expand-row,
.oc-header__menu-expand-row:has(.oc-header__menu-link.is-active) {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 407, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-item.is-expanded .oc-header__menu-expand-toggle .oc-header__chevron {
  transform: rotate(180deg);
}

/* line 411, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  transition: color 0.15s ease;
}

/* line 424, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-toggle:hover, .oc-header__menu-expand-toggle:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 430, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-expand-toggle .oc-header__chevron {
  transition: transform 0.15s ease;
}

/* line 435, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__column--services {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}

/* line 440, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu__column--services[hidden] {
  display: none;
}

/* line 444, app/assets/stylesheets/header/app_header.scss */
.oc-mega-menu.is-account-hub-expanded .oc-mega-menu__column--services {
  max-height: Min(480px, calc(100vh - 180px));
}

/* line 449, app/assets/stylesheets/header/app_header.scss */
.oc-header__service-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 455, app/assets/stylesheets/header/app_header.scss */
.oc-header__service-link {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--color-neutral-text-primary);
  transition: background 0.15s ease;
}

/* line 463, app/assets/stylesheets/header/app_header.scss */
.oc-header__service-link:hover, .oc-header__service-link:focus, .oc-header__service-link.is-active {
  background: var(--color-neutral-hover-bg-primary);
  text-decoration: none;
  color: var(--color-neutral-text-primary);
}

/* line 471, app/assets/stylesheets/header/app_header.scss */
.oc-header__service-link.is-active {
  font-weight: 600;
}

/* line 476, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-icon {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  font-size: 16px;
  color: var(--color-neutral-text-secondary);
  text-align: center;
}

/* line 488, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-icon.glyphicon {
  line-height: 20px;
}

/* line 493, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-icon--asset {
  display: inline-block;
  background-color: var(--color-neutral-text-secondary);
  mask: var(--oc-header-icon-url) no-repeat center/contain;
  -webkit-mask: var(--oc-header-icon-url) no-repeat center/contain;
}

/* line 501, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-link:hover .oc-header__menu-icon--asset,
.oc-header__menu-link:focus .oc-header__menu-icon--asset,
.oc-header__menu-link.is-active .oc-header__menu-icon--asset {
  background-color: var(--color-neutral-text-primary);
}

/* line 507, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 513, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-text strong,
.oc-header__menu-text .oc-header__menu-title {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0.015em !important;
  font-weight: 600 !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 523, app/assets/stylesheets/header/app_header.scss */
.oc-header__menu-text small,
.oc-header__menu-text .oc-header__menu-subtitle {
  font-size: 10px !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 535, app/assets/stylesheets/header/app_header.scss */
.oc-header__actions {
  display: flex;
  align-items: center;
  align-self: center;
  gap: 24px;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 544, app/assets/stylesheets/header/app_header.scss */
.oc-header__icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* line 560, app/assets/stylesheets/header/app_header.scss */
.oc-header__icon-btn:hover, .oc-header__icon-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 569, app/assets/stylesheets/header/app_header.scss */
.oc-header__action-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--color-neutral-text-secondary);
  mask: var(--oc-header-icon-url) no-repeat center/contain;
  -webkit-mask: var(--oc-header-icon-url) no-repeat center/contain;
}

/* line 578, app/assets/stylesheets/header/app_header.scss */
.oc-header__action-icon--notification {
  width: 22px;
  height: 25px;
}

/* line 584, app/assets/stylesheets/header/app_header.scss */
.oc-header__icon-btn:hover .oc-header__action-icon,
.oc-header__icon-btn:focus .oc-header__action-icon,
.oc-header__icon-btn.is-active .oc-header__action-icon {
  background-color: var(--color-neutral-text-primary);
}

/* line 590, app/assets/stylesheets/header/app_header.scss */
.oc-header__badge {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

/* line 605, app/assets/stylesheets/header/app_header.scss */
.oc-header__badge--inline {
  position: static;
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: middle;
}

/* line 613, app/assets/stylesheets/header/app_header.scss */
.oc-header__avatar-wrap {
  position: relative;
}

/* line 617, app/assets/stylesheets/header/app_header.scss */
.oc-header__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* line 633, app/assets/stylesheets/header/app_header.scss */
.oc-header__avatar:hover, .oc-header__avatar:focus, .oc-header__avatar.is-active {
  background: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 641, app/assets/stylesheets/header/app_header.scss */
.oc-header__icon-btn.is-active {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 645, app/assets/stylesheets/header/app_header.scss */
.oc-header__actions .theme-toggle-btn {
  border: none;
  background: transparent;
}

/* line 649, app/assets/stylesheets/header/app_header.scss */
.oc-header__actions .theme-toggle-btn:hover, .oc-header__actions .theme-toggle-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 654, app/assets/stylesheets/header/app_header.scss */
.oc-header__actions .theme-toggle-btn .theme-icon-light,
.oc-header__actions .theme-toggle-btn .theme-icon-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

/* line 662, app/assets/stylesheets/header/app_header.scss */
.oc-header__actions .theme-toggle-btn .theme-icon-dark {
  display: none;
}

/* line 668, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-header__actions .theme-toggle-btn .theme-icon-light {
  display: none;
}

/* line 672, app/assets/stylesheets/header/app_header.scss */
html[data-theme='dark'] .oc-header__actions .theme-toggle-btn .theme-icon-dark {
  display: inline-flex;
}

/* line 677, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile {
  position: fixed;
  top: 80px;
  right: 0;
  width: 212px;
  height: 339px;
  max-height: calc(100vh - 80px);
  margin-right: 8px;
  padding: 0;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 1px 1px 12px 12px;
  box-shadow: var(--shadow-elevation-panel-prominent);
  overflow: hidden;
  z-index: 1042;
}

/* line 694, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile-scroll {
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  padding: 16px 4px 16px 6px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-text-secondary) var(--color-neutral-bg-tertiary);
}

/* line 704, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile-scroll::-webkit-scrollbar {
  width: 8px;
  -webkit-appearance: none;
  display: block;
}

/* line 710, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile-scroll::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 8px;
  margin: 8px 0;
}

/* line 716, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile-scroll::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 8px;
  min-height: 40px;
}

/* line 722, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 727, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--account {
  height: auto;
  overflow: visible;
}

/* line 731, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--account .oc-header__panel--profile-scroll {
  height: auto;
  max-height: none;
  overflow: visible;
}

/* line 738, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 743, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-text .web-heading-2xs {
  font-weight: 600;
}

/* line 747, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-text .web-body-s {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 752, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-list {
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0;
}

/* line 757, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-list:last-child {
  margin-bottom: 0;
}

/* line 762, app/assets/stylesheets/header/app_header.scss */
.oc-header__panel--profile .oc-header__section-label {
  margin-bottom: 0.5rem;
}

/* line 766, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-link {
  display: block;
  padding: 8px 12px;
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  transition: background 0.15s ease;
}

/* line 774, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-link:hover, .oc-header__profile-link:focus {
  background: var(--color-neutral-hover-bg-primary);
  text-decoration: none;
  color: var(--color-neutral-text-primary);
}

/* line 781, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-link.is-active {
  background: var(--color-neutral-bg-secondary);
}

/* line 785, app/assets/stylesheets/header/app_header.scss */
.oc-header__profile-link--button {
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

/* line 794, app/assets/stylesheets/header/app_header.scss */
.oc-header__logout-form {
  margin: 0;
  padding: 0;
}

/* line 800, app/assets/stylesheets/header/app_header.scss */
.oc-header__notifications-drawer {
  position: fixed;
  top: 64px;
  right: 0;
  width: 360px;
  max-width: 100vw;
  height: calc(100vh - 64px);
  padding: 1.25rem;
  background: var(--color-neutral-bg-primary);
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: var(--shadow-elevation-drawer);
  overflow-y: auto;
  z-index: 1029;
}

/* line 814, app/assets/stylesheets/header/app_header.scss */
.oc-header__notifications-drawer[hidden] {
  display: none !important;
}

/* line 818, app/assets/stylesheets/header/app_header.scss */
.oc-header__notifications-drawer:not([hidden]) {
  display: block;
}

/* line 823, app/assets/stylesheets/header/app_header.scss */
.oc-notifications {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 829, app/assets/stylesheets/header/app_header.scss */
.oc-notification {
  padding: 0.75rem 1rem;
  border-radius: 8px;
}

/* line 833, app/assets/stylesheets/header/app_header.scss */
.oc-notification p {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: var(--color-neutral-text-secondary);
  line-height: 1.4;
}

/* line 840, app/assets/stylesheets/header/app_header.scss */
.oc-notification--unread {
  background: var(--color-main-bg-secondary);
}

/* line 845, app/assets/stylesheets/header/app_header.scss */
.oc-notification__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 851, app/assets/stylesheets/header/app_header.scss */
.oc-notification__row strong {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 857, app/assets/stylesheets/header/app_header.scss */
.oc-notification__row time {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--color-neutral-text-secondary);
}

/* line 864, app/assets/stylesheets/header/app_header.scss */
.oc-header__see-more {
  display: inline-block;
  margin-top: 1rem;
  padding: 0;
  border: none;
  background: none;
  color: var(--color-main-text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}

/* line 875, app/assets/stylesheets/header/app_header.scss */
.oc-header__see-more:hover, .oc-header__see-more:focus {
  text-decoration: underline;
  outline: none;
}

/* line 883, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

/* line 892, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal[hidden] {
  display: none !important;
}

/* line 897, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__backdrop {
  position: absolute;
  inset: 0;
  background: var(--color-shadow-scrim);
}

/* line 903, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 520px;
  max-height: 80vh;
  background: var(--color-neutral-bg-primary);
  border-radius: 16px;
  box-shadow: var(--shadow-elevation-modal);
  overflow: hidden;
}

/* line 916, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem 0.75rem;
}

/* line 922, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__header h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 930, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

/* line 945, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__close:hover {
  background: var(--color-neutral-hover-bg-secondary);
}

/* line 950, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 0 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 959, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__footer-btn {
  margin: 0 1.5rem 1.5rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* line 971, app/assets/stylesheets/header/app_header.scss */
.oc-notifications-modal__footer-btn:hover {
  background: var(--color-neutral-hover-bg-primary);
}

@media (max-width: 991px) {
  /* line 977, app/assets/stylesheets/header/app_header.scss */
  .oc-header__nav {
    display: none;
  }
  /* line 981, app/assets/stylesheets/header/app_header.scss */
  .oc-header__panel--mega {
    min-width: 90vw;
  }
}
/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/home/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/home/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/home/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/home/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/home/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/home/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/home/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/home/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/home/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/home/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/home/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/home/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/home/index.scss */
.home-page {
  max-width: 100%;
  margin: 0;
  padding: 1.5rem 0 2.5rem;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  --home-quick-logo-bg: var(--color-neutral-bg-primary);
  --home-quick-logo-border: transparent;
  --home-quick-nav-bg: #101010;
  --home-quick-nav-color: #ffffff;
  --home-quick-nav-hover-bg: #1b1b1b;
  --home-quick-nav-shadow: 0 2px 6px #1010104d;
  --home-status-icon-bg: var(--color-neutral-bg-primary);
  --home-surface-card-bg: var(--color-neutral-bg-primary);
  --home-report-status-icon-bg: var(--color-neutral-bg-primary);
}

/* line 28, app/assets/stylesheets/home/index.scss */
html[data-theme='dark'] .home-page,
[data-theme='dark'] .home-page {
  --home-quick-logo-bg: var(--color-neutral-bg-secondary);
  --home-quick-logo-border: var(--color-neutral-border-secondary);
  --home-quick-nav-bg: var(--color-neutral-bg-tertiary);
  --home-quick-nav-color: var(--color-neutral-text-primary);
  --home-quick-nav-hover-bg: var(--color-neutral-hover-bg-primary);
  --home-quick-nav-shadow: 0 2px 8px var(--color-shadow-subtle);
  --home-surface-card-bg: var(--color-neutral-bg-secondary);
}

/* line 41, app/assets/stylesheets/home/index.scss */
.home-block {
  margin-bottom: 48px;
}

/* line 44, app/assets/stylesheets/home/index.scss */
.home-block:last-child {
  margin-bottom: 0;
}

/* line 49, app/assets/stylesheets/home/index.scss */
.home-block__title {
  margin: 0 0 1rem;
  color: var(--color-neutral-text-primary) !important;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-textarea, .ds-form-select {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-textarea::placeholder, .ds-form-select::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-textarea:focus, .ds-form-select:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-textarea:disabled, .ds-form-select:disabled, .ds-form-input[readonly], .ds-form-textarea[readonly], .ds-form-select[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-textarea, .ds-form-input-success.ds-form-select {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-textarea:focus, .ds-form-input-success.ds-form-select:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-textarea, .ds-form-input-error.ds-form-select {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-textarea:focus, .ds-form-input-error.ds-form-select:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-textarea, .ds-form-input-warning.ds-form-select {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-textarea:focus, .ds-form-input-warning.ds-form-select:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-success, .ds-form-feedback-error, .ds-form-feedback-warning, .ds-form-feedback-info {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  appearance: none;
}

/* line 19, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 24, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled], .scale-hub-bar__group-pill:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  opacity: 0.7;
}

/* line 32, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled]:hover, .scale-hub-bar__group-pill:disabled:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 39, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 47, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 54, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--light {
  display: block;
}

/* line 57, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--light {
  display: none;
}

/* line 62, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--dark {
  display: none;
}

/* line 65, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--dark {
  display: block;
}

/* line 71, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown {
  position: relative;
}

/* line 75, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  z-index: 1000;
  display: none;
  min-width: 264px;
}

/* line 84, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel.is-open {
  display: block;
}

/* line 89, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1rem;
  gap: 1.5rem;
  width: 360px;
  min-width: 264px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 103, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.5rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* line 114, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 122, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 127, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
}

/* line 137, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 147, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input[type='radio'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 155, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease-in-out;
}

/* line 167, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  transform: scale(0);
  transition: transform 150ms ease-in-out;
}

/* line 178, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon {
  border-color: var(--color-main-border);
}

/* line 181, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon::after {
  transform: scale(1);
}

/* line 186, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option-text {
  color: var(--color-neutral-text-primary);
}

/* line 190, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill .home-scale__env-badge,
.scale-hub-bar__group-pill-env.home-scale__env-badge {
  flex-shrink: 0;
}

/* line 195, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__env-pill {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 213, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__divider {
  display: none;
}

/* line 217, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  z-index: 1;
}

/* line 225, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 230, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  min-width: 69px;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  z-index: 1;
}

/* line 244, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply:hover {
  background: var(--color-neutral-bg-tertiary);
}

/* line 249, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-section__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 62, app/assets/stylesheets/home/index.scss */
.home-scale__head {
  margin-bottom: 1rem;
}

/* line 66, app/assets/stylesheets/home/index.scss */
.home-scale__head .home-block__title {
  margin-bottom: 0.75rem;
}

/* line 70, app/assets/stylesheets/home/index.scss */
.home-scale__filter-row {
  margin-bottom: 0;
}

/* line 74, app/assets/stylesheets/home/index.scss */
.home-scale__filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
}

/* line 88, app/assets/stylesheets/home/index.scss */
.home-scale__filter-icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 95, app/assets/stylesheets/home/index.scss */
.home-scale__filter-select {
  display: block;
  max-width: 280px;
  border: none;
  background: transparent;
  color: var(--color-neutral-text-primary);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0 16px 0 0;
  cursor: pointer;
  appearance: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23646464' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
}

/* line 115, app/assets/stylesheets/home/index.scss */
.home-scale__filter-select:focus {
  outline: none;
}

/* line 120, app/assets/stylesheets/home/index.scss */
.home-scale__env-badge {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-tertiary);
}

/* line 135, app/assets/stylesheets/home/index.scss */
.home-scale__env-badge--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 140, app/assets/stylesheets/home/index.scss */
.home-scale__env-badge--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 145, app/assets/stylesheets/home/index.scss */
.home-scale__env-badge--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 150, app/assets/stylesheets/home/index.scss */
.home-scale__env-badge--default {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 155, app/assets/stylesheets/home/index.scss */
.home-scale__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.42fr) minmax(0, 0.43fr);
  gap: 16px;
  align-items: stretch;
}

/* line 161, app/assets/stylesheets/home/index.scss */
.home-scale__grid--no-audience {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.4fr);
}

/* line 166, app/assets/stylesheets/home/index.scss */
.home-scale-card {
  display: flex;
  flex-direction: column;
  min-height: 188px;
  padding: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
}

/* line 176, app/assets/stylesheets/home/index.scss */
.home-scale-card--status {
  min-height: 200px;
}

/* line 180, app/assets/stylesheets/home/index.scss */
.home-scale-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 12px;
}

/* line 188, app/assets/stylesheets/home/index.scss */
.home-scale-card__label-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* line 195, app/assets/stylesheets/home/index.scss */
.home-scale-card__status-icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

/* line 201, app/assets/stylesheets/home/index.scss */
.home-scale-card__status-icon-img {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 207, app/assets/stylesheets/home/index.scss */
html[data-theme='dark'] .home-scale-card__status-icon-img,
[data-theme='dark'] .home-scale-card__status-icon-img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(28%) saturate(456%) hue-rotate(122deg) brightness(95%) contrast(90%);
}

/* line 212, app/assets/stylesheets/home/index.scss */
.home-scale-card__label {
  margin: 0;
  text-transform: uppercase;
  color: var(--color-neutral-text-secondary) !important;
  letter-spacing: 0.08em;
  font-size: 10px;
  font-weight: 500;
}

/* line 220, app/assets/stylesheets/home/index.scss */
.home-scale-card__label--accent {
  color: var(--color-main-text-primary) !important;
}

/* line 225, app/assets/stylesheets/home/index.scss */
.home-scale-card__badge {
  flex-shrink: 0;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
}

/* line 233, app/assets/stylesheets/home/index.scss */
.home-scale-card__badge--ready {
  background: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 238, app/assets/stylesheets/home/index.scss */
.home-scale-card__badge--processing {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-analogous-bg-primary);
}

/* line 243, app/assets/stylesheets/home/index.scss */
.home-scale-card__badge--default {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 249, app/assets/stylesheets/home/index.scss */
.home-scale-card__heading {
  margin: 0 0 8px;
  color: var(--color-neutral-text-primary) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}

/* line 257, app/assets/stylesheets/home/index.scss */
.home-scale-card__meta {
  margin: 0 0 8px;
  color: var(--color-neutral-text-secondary) !important;
  font-size: 12px;
  line-height: 1.4;
}

/* line 263, app/assets/stylesheets/home/index.scss */
.home-scale-card__meta a {
  color: var(--color-main-text-primary);
  text-decoration: underline;
}

/* line 269, app/assets/stylesheets/home/index.scss */
.home-scale-card__empty {
  flex: 1;
}

/* line 273, app/assets/stylesheets/home/index.scss */
.home-scale-card__progress {
  margin: 8px 0 12px;
}

/* line 277, app/assets/stylesheets/home/index.scss */
.home-scale-progress__label {
  margin: 0 0 6px;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 282, app/assets/stylesheets/home/index.scss */
.home-scale-progress__track {
  height: 6px;
  border-radius: 999px;
  background: var(--color-neutral-bg-tertiary);
  overflow: hidden;
}

/* line 289, app/assets/stylesheets/home/index.scss */
.home-scale-progress__bar {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: var(--color-main-bg-primary);
  transition: width 0.35s ease;
}

/* line 297, app/assets/stylesheets/home/index.scss */
.home-scale-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: auto;
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s ease;
}

/* line 314, app/assets/stylesheets/home/index.scss */
.home-scale-card__cta:hover, .home-scale-card__cta:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  text-decoration: none;
  outline: none;
}

/* line 323, app/assets/stylesheets/home/index.scss */
.home-scale-card--events {
  background: var(--color-main-bg-secondary);
  border-color: transparent;
}

/* line 328, app/assets/stylesheets/home/index.scss */
.home-scale-card__metric-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

/* line 335, app/assets/stylesheets/home/index.scss */
.home-scale-card__metric-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-main-text-primary);
}

/* line 344, app/assets/stylesheets/home/index.scss */
.home-scale-card__metric-icon svg {
  width: 20px;
  height: 20px;
}

/* line 349, app/assets/stylesheets/home/index.scss */
.home-scale-card__metric-icon--rocket img {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 356, app/assets/stylesheets/home/index.scss */
html[data-theme='dark'] .home-scale-card__metric-icon--rocket img,
[data-theme='dark'] .home-scale-card__metric-icon--rocket img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(28%) saturate(456%) hue-rotate(122deg) brightness(95%) contrast(90%);
}

/* line 361, app/assets/stylesheets/home/index.scss */
.home-scale-card__value {
  margin: 0 0 6px;
  color: var(--color-neutral-text-primary) !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}

/* line 369, app/assets/stylesheets/home/index.scss */
.home-scale-card__link {
  margin-top: auto;
  padding-top: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-main-text-primary) !important;
  text-decoration: none;
}

/* line 377, app/assets/stylesheets/home/index.scss */
.home-scale-card__link:hover {
  text-decoration: underline;
  color: var(--color-main-hover-bg-primary) !important;
}

/* line 386, app/assets/stylesheets/home/index.scss */
.home-block__head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 1rem;
}

/* line 392, app/assets/stylesheets/home/index.scss */
.home-block__head .home-block__title {
  margin: 0;
  flex-shrink: 0;
}

/* line 398, app/assets/stylesheets/home/index.scss */
.home-block__rule {
  flex: 1;
  height: 1px;
  background: var(--color-neutral-border-secondary);
}

/* line 407, app/assets/stylesheets/home/index.scss */
.home-quick__carousel {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 413, app/assets/stylesheets/home/index.scss */
.home-quick__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--home-quick-nav-bg);
  color: var(--home-quick-nav-color);
  cursor: pointer;
  transition: background 0.15s ease;
  box-shadow: var(--home-quick-nav-shadow);
}

/* line 429, app/assets/stylesheets/home/index.scss */
.home-quick__nav:hover, .home-quick__nav:focus {
  background: var(--home-quick-nav-hover-bg);
  outline: none;
}

/* line 435, app/assets/stylesheets/home/index.scss */
.home-quick__nav .glyphicon {
  top: 0;
  font-size: 13px;
}

/* line 441, app/assets/stylesheets/home/index.scss */
.home-quick__track {
  display: flex;
  align-items: center;
  gap: 48px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 8px 4px;
}

/* line 452, app/assets/stylesheets/home/index.scss */
.home-quick__track::-webkit-scrollbar {
  display: none;
}

/* line 457, app/assets/stylesheets/home/index.scss */
.home-quick__item {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.15s ease;
}

/* line 466, app/assets/stylesheets/home/index.scss */
.home-quick__item:hover, .home-quick__item:focus {
  text-decoration: none;
  outline: none;
  opacity: 0.85;
}

/* line 472, app/assets/stylesheets/home/index.scss */
.home-quick__item:hover .home-quick__label, .home-quick__item:focus .home-quick__label {
  color: var(--color-main-text-primary) !important;
}

/* line 478, app/assets/stylesheets/home/index.scss */
.home-quick__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 70.588px;
  height: 70.588px;
  border-radius: 19.25px;
  border: 1px solid var(--home-quick-logo-border);
  background: var(--home-quick-logo-bg);
}

/* line 490, app/assets/stylesheets/home/index.scss */
.home-quick__logo {
  max-width: 44px;
  max-height: 44px;
  object-fit: contain;
}

/* line 495, app/assets/stylesheets/home/index.scss */
.home-quick__logo--light {
  display: block;
}

/* line 498, app/assets/stylesheets/home/index.scss */
html[data-theme='dark'] .home-quick__logo--light {
  display: none;
}

/* line 503, app/assets/stylesheets/home/index.scss */
.home-quick__logo--dark {
  display: none;
}

/* line 506, app/assets/stylesheets/home/index.scss */
html[data-theme='dark'] .home-quick__logo--dark {
  display: block;
}

/* line 512, app/assets/stylesheets/home/index.scss */
.home-quick__label {
  flex-shrink: 0;
  color: var(--color-neutral-text-primary) !important;
  white-space: nowrap;
}

/* line 518, app/assets/stylesheets/home/index.scss */
.home-quick__external {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-main-bg-secondary);
}

/* line 529, app/assets/stylesheets/home/index.scss */
.home-quick__external-icon {
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--color-main-text-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 2h4v4M6 10l8-8M9 2H3v11h11V7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3e") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 2h4v4M6 10l8-8M9 2H3v11h11V7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3e") center/contain no-repeat;
}

/* line 541, app/assets/stylesheets/home/index.scss */
.home-reports__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

/* line 547, app/assets/stylesheets/home/index.scss */
.home-report-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 14px 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--home-surface-card-bg);
}

/* line 559, app/assets/stylesheets/home/index.scss */
.home-report-card__title {
  margin: 0;
  flex-shrink: 0;
  color: var(--color-neutral-text-primary) !important;
}

/* line 565, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprises {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px 24px;
  margin-left: auto;
}

/* line 574, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprise {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}

/* line 581, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprise:hover {
  text-decoration: none;
}

/* line 584, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprise:hover .home-report-card__enterprise-label {
  color: var(--color-neutral-text-secondary);
}

/* line 588, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprise:hover .home-report-card__health-text {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* line 595, app/assets/stylesheets/home/index.scss */
.home-report-card__enterprise-label {
  color: var(--color-neutral-text-secondary) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
}

/* line 602, app/assets/stylesheets/home/index.scss */
.home-report-card__health {
  display: inline-flex;
  align-items: center;
  gap: 0;
  min-height: 28px;
  padding: 2px 10px 2px 2px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 614, app/assets/stylesheets/home/index.scss */
.home-report-card__health--healthy {
  background: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 618, app/assets/stylesheets/home/index.scss */
.home-report-card__health--healthy .home-report-card__health-icon {
  background: var(--home-report-status-icon-bg);
  color: var(--color-success-text-primary);
}

/* line 624, app/assets/stylesheets/home/index.scss */
.home-report-card__health--failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 628, app/assets/stylesheets/home/index.scss */
.home-report-card__health--failed .home-report-card__health-icon {
  background: var(--home-report-status-icon-bg);
  color: var(--color-error-text-primary);
}

/* line 634, app/assets/stylesheets/home/index.scss */
.home-report-card__health--neutral {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 638, app/assets/stylesheets/home/index.scss */
.home-report-card__health--neutral .home-report-card__health-icon {
  background: var(--home-report-status-icon-bg);
  color: var(--color-neutral-text-secondary);
}

/* line 645, app/assets/stylesheets/home/index.scss */
.home-report-card__health-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 50%;
}

/* line 655, app/assets/stylesheets/home/index.scss */
.home-report-card__health-icon .glyphicon {
  top: 0;
  font-size: 10px;
  line-height: 1;
}

/* line 662, app/assets/stylesheets/home/index.scss */
.home-report-card__health-text {
  padding-right: 2px;
}

/* line 669, app/assets/stylesheets/home/index.scss */
.home-cicd__overview-grid {
  margin-top: 0;
}

@media (max-width: 1199px) {
  /* line 677, app/assets/stylesheets/home/index.scss */
  .home-scale__grid {
    grid-template-columns: 1fr 1fr;
  }
  /* line 680, app/assets/stylesheets/home/index.scss */
  .home-scale__grid .home-scale-card--status {
    grid-column: 1 / -1;
  }
  /* line 684, app/assets/stylesheets/home/index.scss */
  .home-scale__grid--no-audience {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  /* line 691, app/assets/stylesheets/home/index.scss */
  .home-page {
    padding: 1rem 0;
  }
  /* line 695, app/assets/stylesheets/home/index.scss */
  .home-scale__grid,
.home-scale__grid--no-audience,
.home-reports__grid {
    grid-template-columns: 1fr;
  }
  /* line 701, app/assets/stylesheets/home/index.scss */
  .home-quick__nav {
    display: none;
  }
  /* line 705, app/assets/stylesheets/home/index.scss */
  .home-quick__track {
    gap: 32px;
  }
  /* line 709, app/assets/stylesheets/home/index.scss */
  .home-report-card {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 714, app/assets/stylesheets/home/index.scss */
  .home-report-card__enterprises {
    justify-content: flex-start;
    margin-left: 0;
  }
  /* line 719, app/assets/stylesheets/home/index.scss */
  .home-scale__filter-select {
    max-width: 200px;
  }
}
/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 8, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day {
  flex: 0 0 14.2857143% !important;
  width: 14.2857143% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* line 25, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border: 1px solid var(--color-main-border) !important;
  color: var(--color-neutral-text-primary);
  background: transparent;
}

/* line 32, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.inRange:not(.startRange):not(.endRange) {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-repeat: no-repeat !important;
  background-size: calc(100% + 10px) 32px !important;
  background-position: center !important;
  box-shadow: none !important;
}

/* line 51, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-active) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* line 65, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::after {
  content: none;
}

/* line 71, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange) {
  z-index: 3 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, right -5px center !important;
}

/* line 88, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  z-index: 2 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, left -5px center !important;
}

/* line 105, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.endRange:not(.startRange) {
  color: var(--color-neutral-text-active) !important;
}

/* line 113, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.endRange:not(.startRange) {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 126, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:hover,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 138, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange),
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):hover,
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}
.jenkins-artifacts { margin: 0; }
.jenkins-artifacts__entry { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid var(--color-neutral-border-secondary); border-radius: 12px; background: var(--color-neutral-bg-primary); }
.jenkins-artifacts__entry p { margin: 4px 0 0; color: var(--color-neutral-text-secondary); }
.jenkins-artifacts .jenkins-step-card__view-logs { margin-top: 0; }
.jenkins-artifacts__filters { display: flex; align-items: end; gap: 12px; margin-top: 20px; }
.jenkins-artifacts__filters label { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 0; }
.jenkins-artifacts__filters input, .jenkins-artifacts__filters select { width: 100%; min-height: 38px; padding: 8px 12px; border: 1px solid var(--color-neutral-border-secondary); border-radius: 8px; color: var(--color-neutral-text-primary); background: var(--color-neutral-bg-primary); font: inherit; }
.jenkins-artifacts__filters :focus-visible, .jenkins-artifacts__download:focus-visible { outline: 2px solid var(--color-neutral-text-primary); outline-offset: 3px; }
.jenkins-artifacts__status { color: var(--color-neutral-text-secondary); margin-bottom: 16px; }
.jenkins-artifacts__group { margin-bottom: 20px; border: 1px solid var(--color-neutral-border-secondary); border-radius: 12px; overflow: hidden; }
.jenkins-artifacts__group h3 { margin: 0; padding: 12px 16px; background: var(--color-neutral-bg-secondary); display: flex; justify-content: space-between; gap: 12px; }
.jenkins-artifacts__group ul { margin: 0; padding: 0; list-style: none; }
.jenkins-artifacts__file { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-top: 1px solid var(--color-neutral-border-secondary); }
.jenkins-artifacts__format { padding: 5px 8px; min-width: 52px; text-align: center; border-radius: 6px; background: var(--color-neutral-bg-secondary); color: var(--color-neutral-text-secondary); }
.jenkins-artifacts__info { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.jenkins-artifacts__info p { margin: 4px 0 0; color: var(--color-neutral-text-secondary); }
.jenkins-artifacts__download { flex-shrink: 0; }
.jenkins-artifacts__footer { display: flex; align-items: center; gap: 16px; justify-content: space-between; }
.jenkins-artifacts__footer p { text-align: left; margin: 0; color: var(--color-neutral-text-secondary); }
@media (max-width: 600px) { .jenkins-artifacts__entry, .jenkins-artifacts__filters, .jenkins-artifacts__footer { flex-wrap: wrap; } .jenkins-artifacts__filters label { flex-basis: 100%; } .jenkins-artifacts__file { flex-wrap: wrap; } }

#jenkinsArtifactsModal .jenkins-log-drawer__body { overflow-y: auto; }
#jenkinsArtifactsModal .jenkins-step-card__view-logs { margin-top: 0; }

/* Keep the search input and refresh action on the same baseline and height. */
#jenkinsArtifactsModal .jenkins-artifacts__filters { align-items: flex-end; }
#jenkinsArtifactsModal .jenkins-artifacts__filters label { margin: 0; }
#jenkinsArtifactsModal .jenkins-artifacts__filters input,
#jenkinsArtifactsModal [data-artifacts-refresh] { box-sizing: border-box; height: 38px; min-height: 38px; margin: 0; }
#jenkinsArtifactsModal [data-artifacts-refresh] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0 16px; }
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 11, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__actions {
  gap: 1rem;
}

/* line 15, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  background: transparent;
  border: none;
  color: var(--color-main-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: color 120ms ease;
}

/* line 29, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-ghost:hover, .k6-performance-page-header__btn-ghost:focus {
  background: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 38, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1rem;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border: none;
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease;
}

/* line 52, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-primary:hover, .k6-performance-page-header__btn-primary:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
}

/* line 60, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

/* line 68, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-icon--inverted {
  filter: brightness(0) invert(1);
}

/* line 72, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

/* line 79, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-ghost .k6-performance-page-header__btn-text {
  color: inherit;
}

/* line 83, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-page-header__btn-primary .k6-performance-page-header__btn-text {
  color: var(--color-neutral-text-active);
}

/* line 87, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-page .modal-content {
  border-radius: 8px;
  overflow: hidden;
  border-color: var(--color-neutral-border-secondary);
}

/* line 94, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-script-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 9999px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 109, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

/* line 117, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table th.k6-performance-col--name,
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table td.k6-performance-col--name {
  text-align: left;
}

/* line 122, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table th.k6-performance-col--center,
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table td.k6-performance-col--center {
  text-align: center;
}

/* line 127, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table td.k6-performance-col--center .k6-performance-row-actions {
  display: inline-flex;
  justify-content: center;
}

/* line 133, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table th,
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table td {
  min-width: 0;
  vertical-align: middle;
}

/* line 139, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table thead th {
  position: static;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
}

/* line 145, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 149, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 153, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table tbody > tr:hover > td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 157, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--name {
  min-width: 140px;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: left;
}

/* line 164, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--center {
  text-align: center;
}

/* line 168, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--compact {
  width: 72px;
  max-width: 88px;
}

/* line 173, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--output {
  width: 88px;
  max-width: 100px;
}

/* line 178, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--created {
  width: 112px;
  max-width: 124px;
}

/* line 183, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--status {
  width: 120px;
  max-width: 132px;
}

/* line 188, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-col--logs {
  width: 80px;
  max-width: 88px;
}

/* line 193, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table .k6-performance-col--row-actions {
  width: 132px;
  max-width: 132px;
  white-space: nowrap;
}

/* line 199, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table .k6-performance-row-actions {
  justify-content: center;
  gap: 16px !important;
}

/* line 204, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-row-actions__form {
  display: inline-flex;
  margin: 0;
  padding: 0;
  align-items: center;
}

/* line 211, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-row-actions__btn--disabled {
  opacity: 0.38;
  cursor: default;
  pointer-events: none;
}

/* line 217, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table .ec2-schedules-row-actions__btn:not(.ec2-schedules-row-actions__btn--danger) .ec2-schedules-row-actions__icon {
  filter: none;
}

/* line 221, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-performance-events-table .ec2-schedules-status-badge-ic {
  margin-bottom: 0;
}

/* line 228, app/assets/stylesheets/k6_performance_ds.scss */
#upload_progress_bar {
  font-weight: 600;
  line-height: 25px !important;
}

/* line 239, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-row-actions__btn--hidden {
  display: none !important;
}

/* line 244, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* line 255, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-icon-wrap--header {
  width: 14px;
  height: 14px;
}

/* line 260, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  object-fit: contain;
}

/* line 270, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-img--light {
  display: block;
}

/* line 273, app/assets/stylesheets/k6_performance_ds.scss */
html[data-theme='dark'] .k6-performance-theme-img--light {
  display: none;
}

/* line 278, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-img--dark {
  display: none;
}

/* line 281, app/assets/stylesheets/k6_performance_ds.scss */
html[data-theme='dark'] .k6-performance-theme-img--dark {
  display: block;
}

/* line 287, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-theme-icon-wrap--header .k6-performance-theme-img {
  width: 12px;
  height: 12px;
}

/* line 293, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

/* line 302, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table thead th {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
}

/* line 307, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table tbody > tr:nth-child(odd) > td {
  background: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table tbody > tr:nth-child(even) > td {
  background: var(--color-neutral-bg-primary);
}

/* line 315, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table tbody > tr:hover > td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 319, app/assets/stylesheets/k6_performance_ds.scss */
.ec2-schedules-table-scroll .hte-events-table.k6-assets-library-table .k6-performance-col--row-actions {
  width: 120px;
  max-width: 120px;
  text-align: center;
  white-space: nowrap;
}

/* line 326, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-table-delete-form {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

/* line 332, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-table-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
  font-weight: 500;
  line-height: 1.25;
}

/* line 345, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-table-delete-btn:hover, .k6-performance-table-delete-btn:focus {
  color: var(--color-error-text-primary);
  background: transparent;
  text-decoration: none;
  opacity: 0.85;
  outline: none;
}

/* line 355, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-table-delete-btn__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
}

/* line 363, app/assets/stylesheets/k6_performance_ds.scss */
.k6-asset-upload-panel {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

/* line 371, app/assets/stylesheets/k6_performance_ds.scss */
.k6-asset-upload-input-group {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

/* line 376, app/assets/stylesheets/k6_performance_ds.scss */
.k6-asset-upload-input-group .form-control {
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 384, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-card {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 392, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-section-title {
  color: var(--color-neutral-text-primary);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-main-bg-primary);
  display: inline-block;
}

/* line 405, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal.k6-performance-form-modal.modal .modal-dialog.k6-performance-form-modal__dialog {
  position: fixed;
  top: 40px;
  right: 40px;
  left: auto;
  margin: 0;
  width: 860px;
  max-width: calc(100vw - 80px);
  height: 820px;
  max-height: calc(100vh - 80px);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 419, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal.k6-performance-form-modal.modal.in .modal-dialog.k6-performance-form-modal__dialog, #k6PerformanceFormModal.k6-performance-form-modal.modal.show .modal-dialog.k6-performance-form-modal__dialog {
  transform: translateX(0) !important;
}

/* line 425, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__shell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  min-height: 0;
  padding: 48px 40px 40px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 439, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  margin: 0;
}

/* line 448, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 459, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -20px 0 0;
  padding: 0 28px 0 0;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--color-neutral-border-primary) transparent;
}

/* line 470, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__body::-webkit-scrollbar {
  width: 6px;
}

/* line 474, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__body::-webkit-scrollbar-track {
  background: transparent;
}

/* line 478, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__body::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background: var(--color-neutral-border-primary);
}

/* line 483, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__body::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-secondary);
}

/* line 488, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1rem;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

/* line 500, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-primary,
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-cancel {
  flex: 0 1 auto;
  min-width: 7.5rem;
  min-height: 40px;
  padding: 0.5rem 1.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  border-radius: 8px;
  cursor: pointer;
}

/* line 513, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-primary:disabled,
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-primary[disabled] {
  cursor: not-allowed;
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 520, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-primary:disabled:hover,
.k6-performance-form-modal__footer .ec2-schedules-edit-modal__btn-primary[disabled]:hover {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 527, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 533, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 24px;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 540, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__section:first-child {
  padding-top: 0;
  border-top: 0;
}

/* line 546, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__mode-fields .k6-performance-form__section {
  padding-top: 24px;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 551, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__section-title {
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 557, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__subsection {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

/* line 564, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__subsection-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 573, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__help {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 578, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__field-label {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 584, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__row {
  display: grid;
  gap: 1rem;
  width: 100%;
}

/* line 590, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__row--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

@media (max-width: 768px) {
  /* line 590, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-form__row--2 {
    grid-template-columns: 1fr;
  }
}

/* line 599, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__mode-fields {
  display: none;
}

/* line 603, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__script-field {
  margin-top: 0.5rem;
}

/* line 607, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select-wrap {
  position: relative;
  width: 100%;
}

/* line 612, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0 40px 0 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background-color: var(--color-neutral-bg-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px 6px;
  font-family: "Poppins", "Roboto", sans-serif;
  color: var(--color-neutral-text-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

/* line 632, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select::-ms-expand {
  display: none;
}

/* line 636, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select.is-placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 640, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 646, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--color-neutral-bg-primary);
}

/* line 654, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-form__select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 10px 6px !important;
}

/* line 665, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-row__field {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 671, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  margin: 0;
}

/* line 680, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating {
  display: block;
  width: 100%;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  box-sizing: border-box !important;
  margin: 0;
  padding: 22px 16px 8px !important;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  line-height: 18px;
}

/* line 695, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus ~ .scale-hub-schedule-modal__label--floating,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) ~ .scale-hub-schedule-modal__label--floating,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always {
  top: 0.25rem;
  transform: none;
  color: var(--color-main-text-primary);
}

/* line 703, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating input.scale-hub-schedule-modal__input--floating[type='number'] {
  -moz-appearance: textfield;
}

/* line 706, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating input.scale-hub-schedule-modal__input--floating[type='number']::-webkit-inner-spin-button, #k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating input.scale-hub-schedule-modal__input--floating[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 715, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container {
  width: 100% !important;
  display: block;
}

/* line 720, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container .select2-selection--single,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container .select2-selection--single {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  box-sizing: border-box !important;
  padding: 22px 40px 8px 16px !important;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  display: flex;
  align-items: flex-end;
}

/* line 733, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container .select2-selection--single .select2-selection__rendered,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  line-height: 18px;
  color: var(--color-neutral-text-primary);
}

/* line 740, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container .select2-selection--single .select2-selection__arrow,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 12px;
  height: 56px;
}

/* line 746, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container.select2-container--disabled .select2-selection--single,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container.select2-container--disabled .select2-selection--single {
  opacity: 0.6;
  cursor: not-allowed;
  background: var(--color-neutral-bg-primary);
}

/* line 752, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container--bootstrap.select2-container--focus .select2-selection,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .select2-container--bootstrap.select2-container--open .select2-selection,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container--bootstrap.select2-container--focus .select2-selection,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 758, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-output-select ~ .scale-hub-schedule-modal__label--floating-always,
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group--floating select.k6-performance-library-select ~ .scale-hub-schedule-modal__label--floating-always {
  top: 0.25rem;
  transform: none;
  color: var(--color-main-text-primary);
  z-index: 1;
}

/* line 767, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .select2-results__option.k6-performance-output-select__empty-option {
  display: none !important;
}

/* line 771, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .select2-dropdown .select2-results__options .select2-results__option:empty {
  display: none !important;
}

/* line 775, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-form__row--2 {
  align-items: center;
  margin-bottom: 0;
}

/* line 779, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-form__row--2 > .scale-hub-schedule-modal__field-group--floating,
#k6PerformanceFormModal .k6-performance-form__row--2 > .k6-performance-date-wrap {
  min-width: 0;
  margin-bottom: 0;
}

/* line 786, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-form__row--endpoint {
  margin-top: 1rem;
}

/* line 790, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-asset-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

/* line 798, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .k6-performance-manage-library-btn {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  align-self: center;
}

/* line 806, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal [data-k6-asset-pane='upload'] .k6-performance-asset-row {
  align-items: stretch;
}

/* line 810, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal [data-k6-asset-pane='upload'] .k6-performance-manage-library-btn {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  align-self: stretch;
}

/* line 818, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceFormModal .scale-hub-schedule-modal__field-group {
  margin-bottom: 0;
}

/* line 824, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .scale-hub-schedule-modal__input,
.k6-performance-form-modal .scale-hub-schedule-modal__select,
.k6-performance-form-modal .k6-performance-form__select {
  min-height: 48px;
  box-sizing: border-box;
  border-radius: 8px;
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 835, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .k6-performance-form__row--2 .k6-performance-date-wrap .ec2-schedules-date-trigger--with-icon {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 8px 40px 8px 16px;
  box-sizing: border-box;
}

/* line 843, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .k6-performance-form__row--2 .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  gap: 0;
  justify-content: flex-start;
}

/* line 851, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .k6-performance-date-wrap {
  position: relative;
  margin-top: 0;
}

/* line 856, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  position: relative;
  text-align: left;
}

/* line 870, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger:hover, .k6-performance-form-modal .ec2-schedules-date-trigger:focus {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 877, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger--with-icon {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  min-height: 56px;
  height: 56px;
  padding: 8px 40px 8px 16px;
  box-sizing: border-box;
}

/* line 887, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 894, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* line 901, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger--with-icon .ec2-schedules-date-trigger__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  justify-content: flex-start;
}

/* line 912, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger__label {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 917, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger__value {
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 923, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger__chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-right: 2px solid var(--color-neutral-text-secondary);
  border-bottom: 2px solid var(--color-neutral-text-secondary);
  transform: rotate(45deg);
}

/* line 935, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-trigger[aria-expanded='true'] .ec2-schedules-date-trigger__chevron {
  transform: rotate(-135deg);
}

/* line 939, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .ec2-schedules-date-panel.aws-hub-period-picker__panel:not(.ec2-schedules-date-panel--fixed) {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1061;
}

/* line 946, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal .aws-hub-period-picker__flatpickr-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* line 955, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-params-panel {
  margin-top: 0.5rem;
  padding: 1.25rem;
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 963, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-params-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  /* line 963, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-params-grid {
    grid-template-columns: 1fr;
  }
}

/* line 977, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
}

/* line 990, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search-form {
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 997, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 1004, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search-icon {
  position: absolute;
  left: 14px;
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* line 1013, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search-input {
  width: 100%;
  height: 40px;
  padding: 0 1rem 0 38px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-cross-white-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 1023, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 1027, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 1034, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__filters {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-left: auto;
}

/* line 1042, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 9999px;
  border: none;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 1061, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__filter:hover, .k6-performance-toolbar__filter:focus {
  text-decoration: none;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 1069, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__filter.is-active {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1073, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-toolbar__filter.is-active:hover, .k6-performance-toolbar__filter.is-active:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1081, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-pagination-wrap {
  margin-top: 0;
}

/* line 1085, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font-weight: 500;
}

/* line 1096, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-link__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

/* line 1104, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-link:hover, .k6-performance-logs-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 1109, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-link:hover .k6-performance-logs-link__icon, .k6-performance-logs-link:focus .k6-performance-logs-link__icon {
  opacity: 0.85;
}

/* line 1119, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form-modal__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 1126, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-radio-group {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* line 1133, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  font-weight: normal;
}

/* line 1141, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-radio input[type='radio'] {
  margin: 0;
  accent-color: var(--color-main-bg-primary);
}

/* line 1147, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 1156, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-mode-radios {
  margin-bottom: 0.75rem;
}

/* line 1160, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-content {
  width: 100%;
}

/* line 1164, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-content__main {
  width: 100%;
}

/* line 1168, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

/* line 1175, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-library-field__help {
  margin-top: 0.5rem;
}

/* line 1179, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-manage-library-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  box-sizing: border-box;
  padding: 0 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  white-space: nowrap;
}

/* line 1197, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-manage-library-btn:hover, .k6-performance-manage-library-btn:focus {
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1205, app/assets/stylesheets/k6_performance_ds.scss */
[data-k6-asset-pane='upload'] .k6-performance-manage-library-btn {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
}

/* line 1211, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  border: 1px dashed var(--color-neutral-border-primary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
  text-align: center;
}

/* line 1225, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone--compact {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  min-height: 72px;
  padding: 1rem 1.25rem;
  border-style: solid;
  border-color: var(--color-neutral-border-secondary);
  text-align: left;
  cursor: pointer;
}

/* line 1237, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone--compact .k6-performance-upload-zone__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1245, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone--compact .k6-performance-upload-zone__title {
  margin: 0;
}

/* line 1249, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone--compact .k6-performance-upload-zone__hint {
  margin: 0;
}

/* line 1253, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone--compact .k6-performance-upload-zone__btn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  overflow: hidden;
}

/* line 1268, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--color-main-bg-primary);
}

/* line 1277, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__title {
  margin: 0;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 1283, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 1288, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 1rem;
  margin-top: 0.5rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 1302, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

/* line 1310, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__progress {
  width: 100%;
  max-width: 280px;
  height: 4px;
  margin-top: 0.75rem;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  overflow: hidden;
}

/* line 1320, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-upload-zone__progress-bar {
  height: 100%;
  background: var(--color-main-bg-primary);
  transition: width 200ms ease;
}

/* line 1326, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 1336, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file[hidden] {
  display: none !important;
}

/* line 1341, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--color-neutral-text-secondary);
}

/* line 1350, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

/* line 1358, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1364, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__size {
  color: var(--color-neutral-text-secondary);
}

/* line 1368, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__remove {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-error-text-primary);
  cursor: pointer;
}

/* line 1379, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-uploaded-file__remove-icon {
  width: 14px;
  height: 14px;
}

/* line 1384, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-form__subsection--assets {
  margin-top: 0.5rem;
  padding-top: 24px;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

@media (max-width: 768px) {
  /* line 1391, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceFormModal.k6-performance-form-modal.modal .modal-dialog.k6-performance-form-modal__dialog {
    top: 20px;
    right: 20px;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
  }
  /* line 1399, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-form-modal__shell {
    padding: 32px 24px 24px;
  }
  /* line 1403, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceFormModal .k6-performance-form-modal__body {
    margin-right: -12px;
    padding-right: 20px;
  }
  /* line 1408, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceLogsModal.k6-performance-logs-modal.modal .modal-dialog.k6-performance-logs-modal__dialog {
    top: 20px;
    right: 20px;
    left: auto;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    transform: translateX(100%) !important;
  }
  /* line 1418, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceLogsModal.k6-performance-logs-modal.modal.in .modal-dialog.k6-performance-logs-modal__dialog,
#k6PerformanceLogsModal.k6-performance-logs-modal.modal.show .modal-dialog.k6-performance-logs-modal__dialog {
    transform: translateX(0) !important;
  }
  /* line 1423, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-logs-modal__shell {
    padding: 24px;
  }
  /* line 1427, app/assets/stylesheets/k6_performance_ds.scss */
  #k6AssetUploadModal.k6-performance-asset-upload-modal.modal .modal-dialog.k6-performance-asset-upload-modal__dialog {
    top: 20px;
    right: 20px;
    left: auto;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    transform: translateX(100%) !important;
  }
  /* line 1437, app/assets/stylesheets/k6_performance_ds.scss */
  #k6AssetUploadModal.k6-performance-asset-upload-modal.modal.in .modal-dialog.k6-performance-asset-upload-modal__dialog,
#k6AssetUploadModal.k6-performance-asset-upload-modal.modal.show .modal-dialog.k6-performance-asset-upload-modal__dialog {
    transform: translateX(0) !important;
  }
  /* line 1442, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-asset-upload-modal__shell {
    padding: 24px;
  }
  /* line 1446, app/assets/stylesheets/k6_performance_ds.scss */
  .k6-performance-asset-content {
    width: 100%;
  }
  /* line 1450, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceFormModal .k6-performance-asset-row {
    grid-template-columns: 1fr;
  }
  /* line 1454, app/assets/stylesheets/k6_performance_ds.scss */
  #k6PerformanceFormModal .k6-performance-manage-library-btn {
    width: 100%;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }
  /* line 1461, app/assets/stylesheets/k6_performance_ds.scss */
  [data-k6-asset-pane='upload'] .k6-performance-manage-library-btn {
    height: 72px;
    min-height: 72px;
    max-height: 72px;
  }
}

/* line 1468, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-script-textarea {
  min-height: 180px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  resize: vertical;
}

/* line 1474, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-info-icon__img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

/* line 1485, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceLogsModal.k6-performance-logs-modal.modal .modal-dialog.k6-performance-logs-modal__dialog {
  position: fixed;
  top: 40px;
  right: 40px;
  left: auto;
  bottom: auto;
  margin: 0;
  width: 640px;
  max-width: calc(100vw - 80px);
  height: 820px;
  max-height: calc(100vh - 80px);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1500, app/assets/stylesheets/k6_performance_ds.scss */
#k6PerformanceLogsModal.k6-performance-logs-modal.modal.in .modal-dialog.k6-performance-logs-modal__dialog, #k6PerformanceLogsModal.k6-performance-logs-modal.modal.show .modal-dialog.k6-performance-logs-modal__dialog {
  transform: translateX(0) !important;
}

/* line 1506, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal__shell {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  min-height: 0;
  padding: 32px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 1520, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 1530, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal__header .scale-hub-close-event-modal__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-right: 1.5rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1543, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal .k6-performance-logs-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 1552, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal .k6-performance-logs-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

/* line 1562, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal .k6-performance-logs-modal__footer .ec2-schedules-edit-modal__btn-cancel {
  flex: 0 1 auto;
  min-width: 7.5rem;
  min-height: 40px;
  padding: 0.5rem 1.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1576, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-logs-modal__content {
  height: 100%;
  margin: 0;
  padding: 1.25rem;
  overflow: auto;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 1591, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-delete-modal .ec2-schedules-delete-modal__footer form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

/* line 1603, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  padding: 0 10px;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 1612, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-back-link:hover, .k6-performance-back-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 1624, app/assets/stylesheets/k6_performance_ds.scss */
#k6AssetUploadModal.k6-performance-asset-upload-modal.modal .modal-dialog.k6-performance-asset-upload-modal__dialog {
  position: fixed;
  top: 40px;
  right: 40px;
  left: auto;
  bottom: auto;
  margin: 0;
  width: 560px;
  max-width: calc(100vw - 80px);
  height: calc(100vh - 80px);
  max-height: calc(100vh - 80px);
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1639, app/assets/stylesheets/k6_performance_ds.scss */
#k6AssetUploadModal.k6-performance-asset-upload-modal.modal.in .modal-dialog.k6-performance-asset-upload-modal__dialog, #k6AssetUploadModal.k6-performance-asset-upload-modal.modal.show .modal-dialog.k6-performance-asset-upload-modal__dialog {
  transform: translateX(0) !important;
}

/* line 1645, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__shell {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  min-height: 0;
  padding: 32px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 1659, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
}

/* line 1670, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-right: 2rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1681, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary) !important;
  opacity: 1;
  font-size: 0;
  color: var(--color-neutral-text-primary);
}

/* line 1699, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 1704, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 1710, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close-icon::before, .k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 1724, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 1728, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal__header .scale-hub-close-event-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 1735, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 1747, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal {
  flex-shrink: 0;
  width: 100%;
  min-height: 220px;
  margin-bottom: 0;
  padding: 48px 32px;
  gap: 0.5rem;
  border-style: solid;
  border-color: var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
}

/* line 1759, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__icon {
  width: 40px;
  height: 40px;
  margin-bottom: 0.25rem;
}

/* line 1764, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__icon .glyphicon {
  font-size: 32px;
  line-height: 1;
}

/* line 1770, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__title {
  margin-top: 0.25rem;
}

/* line 1774, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__hint {
  max-width: 320px;
}

/* line 1778, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__btn {
  min-height: 40px;
  min-width: 132px;
  margin-top: 1rem;
  padding: 0 1.25rem;
  border-color: var(--color-neutral-border-primary);
  border-radius: 8px;
  font-weight: 600;
}

/* line 1788, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal .k6-performance-upload-zone__progress {
  width: 100%;
  max-width: none;
  height: 6px;
  margin-top: 0.75rem;
  margin-bottom: 0;
}

/* line 1797, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal.is-uploading .k6-performance-upload-zone__btn,
.k6-performance-asset-upload-modal .k6-performance-upload-zone--modal.is-uploading .k6-performance-upload-zone__btn.is-disabled {
  pointer-events: none;
  opacity: 0.55;
  cursor: not-allowed;
}

/* line 1806, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-uploaded-file {
  flex-shrink: 0;
  width: 100%;
  margin-top: 1rem;
  border-radius: 8px;
}

/* line 1813, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-uploaded-file__icon {
  color: var(--color-main-bg-primary);
}

/* line 1817, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-uploaded-file__remove:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* line 1822, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__status {
  flex-shrink: 0;
  margin: 0.75rem 0 0;
  color: var(--color-neutral-text-secondary);
  text-align: left;
}

/* line 1828, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__status.text-danger {
  color: var(--color-error-text-primary);
}

/* line 1833, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 1rem;
  width: 100%;
  padding: 0;
  margin-top: auto;
  border: 0;
  background: transparent;
}

/* line 1845, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary,
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-cancel {
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  padding: 0.75rem 1.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.25;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1858, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-cancel {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 1864, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-cancel:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* line 1869, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary {
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
  border: 1px solid var(--color-main-bg-primary);
}

/* line 1875, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary:disabled,
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary[disabled] {
  cursor: not-allowed;
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}

/* line 1882, app/assets/stylesheets/k6_performance_ds.scss */
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary:disabled:hover,
.k6-performance-asset-upload-modal .k6-performance-asset-upload-modal__footer .ec2-schedules-edit-modal__btn-primary[disabled]:hover {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 3, app/assets/stylesheets/kubernetes_dashboard.scss */
.kube-header {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 12, app/assets/stylesheets/kubernetes_dashboard.scss */
.kube-header h2 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  font-size: 1.25rem;
}

/* line 18, app/assets/stylesheets/kubernetes_dashboard.scss */
.kube-header p {
  margin: 0;
  opacity: 0.9;
  font-size: 0.875rem;
}

/* line 25, app/assets/stylesheets/kubernetes_dashboard.scss */
.panel-modern {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.5rem;
}

/* line 32, app/assets/stylesheets/kubernetes_dashboard.scss */
.panel-heading-modern {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1rem 1.5rem;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  font-weight: 600;
}

/* line 41, app/assets/stylesheets/kubernetes_dashboard.scss */
.panel-body-modern {
  padding: 1.5rem;
}

/* line 45, app/assets/stylesheets/kubernetes_dashboard.scss */
.btn-modern {
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 52, app/assets/stylesheets/kubernetes_dashboard.scss */
.btn-modern.btn-primary, .btn-modern.btn-success {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 58, app/assets/stylesheets/kubernetes_dashboard.scss */
.btn-modern.btn-primary:hover, .btn-modern.btn-success:hover {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 67, app/assets/stylesheets/kubernetes_dashboard.scss */
.btn-modern.btn-default {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 72, app/assets/stylesheets/kubernetes_dashboard.scss */
.btn-modern.btn-default:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 82, app/assets/stylesheets/kubernetes_dashboard.scss */
.table-modern {
  border-radius: 8px;
  width: 100%;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 88, app/assets/stylesheets/kubernetes_dashboard.scss */
.table-modern thead {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 92, app/assets/stylesheets/kubernetes_dashboard.scss */
.table-modern thead th {
  background: var(--color-neutral-bg-secondary);
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 101, app/assets/stylesheets/kubernetes_dashboard.scss */
.table-modern tbody tr {
  transition: all 150ms ease-in-out;
}

/* line 103, app/assets/stylesheets/kubernetes_dashboard.scss */
.table-modern tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 109, app/assets/stylesheets/kubernetes_dashboard.scss */
.empty-state {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--color-neutral-text-secondary);
}

/* line 114, app/assets/stylesheets/kubernetes_dashboard.scss */
.empty-state .empty-state-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
  color: var(--color-neutral-text-secondary);
}

/* line 121, app/assets/stylesheets/kubernetes_dashboard.scss */
.empty-state h3 {
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
}

/* line 126, app/assets/stylesheets/kubernetes_dashboard.scss */
.empty-state p {
  font-size: 1.125rem;
  color: var(--color-neutral-text-secondary);
}

/* line 134, app/assets/stylesheets/kubernetes_dashboard.scss */
.layer7-pagination > li > a,
.layer7-pagination > li > span {
  color: var(--color-main-text-primary);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 140, app/assets/stylesheets/kubernetes_dashboard.scss */
.layer7-pagination > li > a:hover, .layer7-pagination > li > a:focus,
.layer7-pagination > li > span:hover,
.layer7-pagination > li > span:focus {
  color: var(--color-main-hover-bg-primary);
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 150, app/assets/stylesheets/kubernetes_dashboard.scss */
.layer7-pagination > li.active > a, .layer7-pagination > li.active > a:hover, .layer7-pagination > li.active > a:focus, .layer7-pagination > li.active > span, .layer7-pagination > li.active > span:hover, .layer7-pagination > li.active > span:focus {
  background-color: var(--color-main-bg-primary) !important;
  border-color: var(--color-main-border) !important;
  color: var(--color-neutral-text-active) !important;
}

/* line 159, app/assets/stylesheets/kubernetes_dashboard.scss */
.layer7-pagination > li.disabled > span {
  color: var(--color-neutral-text-secondary);
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}
/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/layer7/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-page {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  width: 100%;
}

/* line 15, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 21, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header__titles {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 27, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header__title {
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header__back {
  align-self: flex-start;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header__back .glyphicon {
  margin-right: 0.25rem;
  opacity: 0.85;
}

/* line 44, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-header__back:hover, .layer7-ip-search-header__back:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-form {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

/* line 57, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 1.25rem 1.25rem 1rem;
}

/* line 64, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card__row {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
}

/* line 72, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card__input-row {
  align-items: center;
}

/* line 76, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card__meta-row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start;
  margin-top: 0.75rem;
}

/* line 85, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chips-wrap {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
  min-height: 48px;
  min-width: 0;
  padding: 0.75rem 1rem;
  position: relative;
}

/* line 101, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chips {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
  max-width: 100%;
  min-width: 0;
}

/* line 112, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.5rem;
  justify-content: flex-start;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 8px;
}

/* line 126, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chip--invalid {
  background: var(--color-error-bg-secondary);
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 132, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chip__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 139, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chip__remove {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  opacity: 0.85;
  padding: 0;
}

/* line 154, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-chip__remove:hover {
  opacity: 1;
}

/* line 159, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-token-input {
  background: transparent;
  border: 0;
  flex: 1 1 0;
  margin: 0;
  min-width: 8rem;
  outline: none;
  padding: 0.25rem 0;
  text-align: left;
}

/* line 169, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-token-input::placeholder {
  color: var(--color-neutral-text-disable);
  text-align: left;
}

/* line 175, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  display: none;
  left: 0;
  margin-top: 0.25rem;
  max-height: 280px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 30;
}

/* line 191, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown.is-open {
  display: block;
}

/* line 196, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown__empty {
  color: var(--color-neutral-text-secondary);
  padding: 0.75rem 1rem;
}

/* line 201, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown__item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  display: block;
  padding: 0.5rem 1rem;
  text-align: left;
  width: 100%;
}

/* line 212, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown__item:last-child {
  border-bottom: 0;
}

/* line 216, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-dropdown__item:hover, .layer7-ip-search-dropdown__item.is-active {
  background: var(--color-neutral-bg-secondary);
}

/* line 222, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-clear-all {
  align-self: center;
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  flex-shrink: 0;
  padding: 0.5rem 0.25rem;
  white-space: nowrap;
}

/* line 232, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-clear-all:hover, .layer7-ip-search-clear-all:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 239, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-clear-all__icon {
  display: inline-block;
  margin-right: 2px;
  opacity: 0.75;
}

/* line 245, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card__hint {
  align-items: flex-start;
  color: var(--color-neutral-text-secondary);
  display: flex;
  flex: 1 1 12rem;
  gap: 0.5rem;
  margin: 0;
  min-width: 0;
}

/* line 255, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-query-card__hint-icon {
  display: block;
  flex-shrink: 0;
  height: 18px;
  margin-top: 1px;
  object-fit: contain;
  width: 18px;
}

/* line 264, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-invalid-banner {
  color: var(--color-error-text-primary);
  margin: 0.75rem 0 0;
  width: 100%;
}

/* line 270, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-summary {
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  margin: 0.5rem 0 0.75rem;
}

/* line 276, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-summary__count {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
  margin-right: 2px;
}

/* line 282, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-results-shell {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 288, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-results-shell--empty {
  gap: 1rem;
}

/* line 293, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page--ip-search {
  padding-bottom: 2rem;
}

/* line 297, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table-responsive--ip-search {
  display: block;
  margin: 0;
  max-height: 70vh;
  overflow-x: auto !important;
  overflow-y: auto;
  scrollbar-color: var(--color-neutral-text-disable) var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
  width: 100%;
}

@media (min-height: 1029px) {
  /* line 297, app/assets/stylesheets/layer7/ip_search.scss */
  .aws-insights-page__table-responsive--ip-search {
    max-height: 720px;
  }
}

/* line 311, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table-responsive--ip-search::-webkit-scrollbar {
  height: 5px;
  -webkit-appearance: none;
  width: 5px;
}

/* line 317, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table-responsive--ip-search::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 3px;
  margin: 0 2px;
}

/* line 323, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table-responsive--ip-search::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-disable);
  border-radius: 3px;
  min-width: 24px;
}

/* line 329, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table-responsive--ip-search::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-secondary);
}

/* line 334, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page--ip-search .aws-insights-page__table-shell {
  overflow: hidden;
}

/* line 338, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  min-width: 100%;
  table-layout: auto;
  width: max-content;
}

/* line 346, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search th,
.aws-insights-page__table.aws-insights-page__table--ip-search td {
  border: 0 !important;
  padding: 24px 20px 20px 24px;
  white-space: nowrap;
}

/* line 353, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search thead th {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-primary) !important;
  box-shadow: 0 1px 0 0 var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  position: sticky;
  top: 0;
  vertical-align: middle;
  z-index: 2;
}

/* line 364, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search tbody td {
  border-top: none !important;
}

/* line 368, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search tbody tr:nth-child(odd) td {
  background: var(--color-neutral-bg-secondary);
}

/* line 372, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search tbody tr:nth-child(even) td {
  background: var(--color-neutral-bg-primary);
}

/* line 376, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search tbody tr:hover td {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 380, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table.aws-insights-page__table--ip-search .layer7-ip-search-table__th--actions,
.aws-insights-page__table.aws-insights-page__table--ip-search .layer7-ip-search-table__td--actions {
  text-align: end !important;
  width: 1%;
}

/* line 387, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-table__ip-wrap {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}

/* line 393, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-copy-btn {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  line-height: 0;
  padding: 0.25rem;
}

/* line 404, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-copy-btn:hover .layer7-ip-search-copy-btn__icon, .layer7-ip-search-copy-btn:focus .layer7-ip-search-copy-btn__icon {
  opacity: 0.75;
}

/* line 409, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-copy-btn:focus {
  outline: none;
}

/* line 414, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-copy-btn__icon {
  display: block;
  height: 16px;
  width: 16px;
}

/* line 420, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-table__account {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}

/* line 427, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-table__account-name {
  color: var(--color-neutral-text-primary);
}

/* line 431, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-table__account-id {
  color: var(--color-neutral-text-secondary);
}

/* line 435, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-details-btn {
  background: transparent;
  border: none;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font-family: "Poppins", "Roboto", sans-serif;
  padding: 0;
  text-decoration: none;
}

/* line 444, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-details-btn:hover, .layer7-ip-search-details-btn:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
  text-decoration: underline;
}

/* line 452, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer {
  align-items: center;
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: 1fr auto 1fr;
  margin-top: 0.75rem;
  padding: 1rem 0 0.5rem;
  width: 100%;
}

/* line 461, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer .aws-insights-page__footer-left {
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  justify-self: start;
  line-height: 1.5;
  margin: 0;
}

/* line 469, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer .aws-insights-page__pager {
  gap: 6px;
  justify-content: center;
  justify-self: center;
  order: 0;
  padding-top: 0;
  width: auto;
}

/* line 478, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer .aws-insights-page__footer-right {
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  justify-self: end;
  line-height: 1.5;
  margin: 0;
}

/* line 486, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer .aws-insights-page__per-current {
  color: var(--color-main-text-primary);
  font-weight: 700;
}

/* line 491, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-footer .aws-insights-page__pager-num.is-active {
  border-radius: 4px;
  font-weight: 700;
  min-height: 28px;
  min-width: 28px;
  padding: 0 10px;
}

@media (max-width: 768px) {
  /* line 501, app/assets/stylesheets/layer7/ip_search.scss */
  .layer7-ip-search-footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  /* line 507, app/assets/stylesheets/layer7/ip_search.scss */
  .layer7-ip-search-footer .aws-insights-page__footer-left,
.layer7-ip-search-footer .aws-insights-page__footer-right {
    justify-self: stretch;
    text-align: center;
  }
  /* line 513, app/assets/stylesheets/layer7/ip_search.scss */
  .layer7-ip-search-footer .aws-insights-page__pager {
    justify-content: center;
    order: 0;
    width: 100%;
  }
}

/* line 521, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-banner {
  border-radius: 8px;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem;
}

/* line 526, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-banner--error {
  background: var(--color-error-bg-secondary);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 532, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-banner .glyphicon {
  margin-right: 0.5rem;
}

/* line 537, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-no-match-hint {
  color: var(--color-neutral-text-secondary);
  margin: 0.75rem 0 0;
  max-width: 52rem;
}

/* line 543, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-table__empty {
  color: var(--color-neutral-text-secondary);
  padding: 2rem 1rem !important;
  text-align: start !important;
  vertical-align: middle !important;
  white-space: normal;
}

/* line 552, app/assets/stylesheets/layer7/ip_search.scss */
.modal.fade.layer7-ip-search-drawer .modal-dialog.layer7-ip-search-drawer__dialog,
.modal.layer7-ip-search-drawer .modal-dialog.layer7-ip-search-drawer__dialog {
  position: fixed !important;
  top: 2.5rem !important;
  right: 2.5rem !important;
  bottom: 2.5rem !important;
  left: auto !important;
  margin: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: 520px !important;
  max-width: 520px !important;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 568, app/assets/stylesheets/layer7/ip_search.scss */
.modal.layer7-ip-search-drawer.in .modal-dialog.layer7-ip-search-drawer__dialog,
.modal.layer7-ip-search-drawer.show .modal-dialog.layer7-ip-search-drawer__dialog {
  transform: translateX(0) !important;
}

/* line 573, app/assets/stylesheets/layer7/ip_search.scss */
.modal.layer7-ip-search-drawer .modal-content {
  box-sizing: border-box;
  height: 100% !important;
  min-height: 0;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 585, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__content {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100% !important;
  min-height: 0;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* line 597, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  gap: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: none !important;
}

/* line 610, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__header-row--close {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 616, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__title {
  margin: 0;
  width: 100%;
  text-align: left;
  color: var(--color-neutral-text-primary);
}

/* line 623, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 628, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 647, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 654, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__close-icon::before,
.layer7-ip-search-drawer__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 668, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__close-icon::before {
  transform: rotate(45deg);
}

/* line 672, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__close-icon::after {
  transform: rotate(-45deg);
}

/* line 676, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

/* line 683, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__scroll {
  padding: 1rem 1.5rem;
  overflow: auto;
  max-height: calc(100vh - 220px);
}

/* line 689, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__fields {
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 696, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-neutral-border-primary);
}

/* line 703, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail:last-child {
  border-bottom: none;
}

/* line 708, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail__label {
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 714, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail__value {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 719, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail__value--link {
  color: var(--color-main-bg-primary);
  text-decoration: none;
}

/* line 723, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-detail__value--link:hover, .layer7-ip-search-detail__value--link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 730, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 741, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__btn-hub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 240px;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  text-decoration: none;
}

/* line 754, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__btn-hub:hover, .layer7-ip-search-drawer__btn-hub:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  text-decoration: none;
}

/* line 761, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__btn-hub[hidden] {
  display: none !important;
}

/* line 766, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__btn-cancel {
  width: 100%;
  max-width: 240px;
  min-height: 40px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 781, app/assets/stylesheets/layer7/ip_search.scss */
.layer7-ip-search-drawer__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

@media (max-width: 768px) {
  /* line 788, app/assets/stylesheets/layer7/ip_search.scss */
  .modal.layer7-ip-search-drawer .modal-dialog.layer7-ip-search-drawer__dialog {
    width: calc(100vw - 5rem) !important;
    max-width: 520px !important;
  }
}

/* line 794, app/assets/stylesheets/layer7/ip_search.scss */
.aws-insights-page__table--ip-search .sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
@charset "UTF-8";
/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/layer7/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/layer7/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/layer7/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/layer7/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/layer7/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/layer7/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/layer7/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/layer7/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/layer7/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/layer7/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/layer7/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 9, app/assets/stylesheets/layer7/network_inventory.scss */
.network-inventory-header {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 18, app/assets/stylesheets/layer7/network_inventory.scss */
.network-inventory-header h2 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  font-size: 1.25rem;
}

/* line 24, app/assets/stylesheets/layer7/network_inventory.scss */
.network-inventory-header p {
  margin: 0;
  opacity: 0.9;
  font-size: 0.875rem;
}

/* line 31, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-breadcrumb {
  border-bottom: 2px solid var(--color-warning-bg-secondary);
  margin-bottom: 1.5rem;
}

/* line 39, app/assets/stylesheets/layer7/network_inventory.scss */
.panel-modern {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.5rem;
}

/* line 46, app/assets/stylesheets/layer7/network_inventory.scss */
.panel-heading-modern {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1rem 1.5rem;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  font-weight: 600;
}

/* line 54, app/assets/stylesheets/layer7/network_inventory.scss */
.panel-heading-modern h4 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

/* line 61, app/assets/stylesheets/layer7/network_inventory.scss */
.panel-body-modern {
  padding: 1.5rem;
}

/* line 68, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-modern {
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 75, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-modern.btn-primary, .btn-modern.btn-success {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-modern.btn-primary:hover, .btn-modern.btn-success:hover {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 90, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-modern.btn-default {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 95, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-modern.btn-default:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 105, app/assets/stylesheets/layer7/network_inventory.scss */
.clear-all-btn,
.hide-all-btn {
  background: var(--color-neutral-bg-secondary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 111, app/assets/stylesheets/layer7/network_inventory.scss */
.clear-all-btn:hover,
.hide-all-btn:hover {
  background: var(--color-neutral-hover-bg-secondary) !important;
  border-color: var(--color-neutral-border-primary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 121, app/assets/stylesheets/layer7/network_inventory.scss */
.inline-filters-section {
  margin-bottom: 1.5rem;
}

/* line 125, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 132, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-header__titles {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 137, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-header__titles h3 {
  margin: 0;
}

/* line 141, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-header__titles h4 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

/* line 150, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-container {
  min-height: 50px;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
  border: 2px dashed var(--color-neutral-border-secondary);
  border-radius: 8px;
  transition: all 250ms ease-in-out;
}

/* line 158, app/assets/stylesheets/layer7/network_inventory.scss */
.filters-container.has-filters {
  background: var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
  border-style: solid;
}

/* line 165, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag {
  font-size: 1rem;
  padding: 0.5rem 0.75rem;
  margin: 0.5rem;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 250ms ease-in-out;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 178, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag .remove-filter {
  opacity: 0.9;
}

/* line 182, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag .remove-filter:hover {
  opacity: 1;
  text-decoration: none;
}

/* line 187, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  background: var(--color-neutral-hover-bg-primary) !important;
}

/* line 194, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag-column {
  font-weight: 600;
}

/* line 198, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag-values {
  opacity: 0.95;
}

/* line 202, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag-remove {
  background: #ffffff26;
  border: none;
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  margin-left: 0.5rem;
  transition: all 150ms ease-in-out;
}

/* line 217, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag-remove:hover {
  background: #ffffff4d;
  transform: scale(1.1);
}

/* line 222, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-tag-remove .glyphicon {
  font-size: 11px;
}

/* line 227, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-filters-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-neutral-text-secondary);
  font-style: italic;
  padding: 0.75rem 0;
}

/* line 235, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-filters-message .glyphicon {
  color: var(--color-neutral-text-disable);
}

/* line 240, app/assets/stylesheets/layer7/network_inventory.scss */
.add-filter-section {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 246, app/assets/stylesheets/layer7/network_inventory.scss */
#new-filter-row {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 254, app/assets/stylesheets/layer7/network_inventory.scss */
.filter-label {
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}

/* line 264, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* line 269, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-container input[type="checkbox"] {
  display: none;
}

/* line 274, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.75rem 1rem;
  border-radius: 4px;
  transition: all 150ms ease-in-out;
  border: none;
  background: var(--color-neutral-bg-primary);
  user-select: none;
  position: relative;
}

/* line 286, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-label:hover {
  background: var(--color-neutral-hover-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 292, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-container input[type="checkbox"]:checked ~ .column-toggle-label {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-weight: 500;
}

/* line 298, app/assets/stylesheets/layer7/network_inventory.scss */
.custom-checkbox {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 4px;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease-in-out;
  flex-shrink: 0;
  background: var(--color-neutral-bg-primary);
  position: relative;
}

/* line 313, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-label:hover .custom-checkbox {
  background: var(--color-neutral-border-primary);
}

/* line 317, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-container input[type="checkbox"]:checked ~ .column-toggle-label .custom-checkbox {
  background: var(--color-neutral-bg-primary);
}

/* line 321, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-network-inventory-success {
  background: var(--color-main-bg-primary);
  color: #ffffff !important;
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  border: none !important;
}

/* line 329, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-network-inventory-success:hover {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: #ffffff !important;
}

/* line 336, app/assets/stylesheets/layer7/network_inventory.scss */
.btn-network-inventory-success:hover {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 342, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-container input[type="checkbox"]:checked ~ .column-toggle-label .custom-checkbox::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 10px;
  border: solid var(--color-neutral-border-primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
  left: 6px;
}

/* line 354, app/assets/stylesheets/layer7/network_inventory.scss */
.column-toggle-label-text {
  flex: 1;
}

/* line 361, app/assets/stylesheets/layer7/network_inventory.scss */
.table-modern {
  border-radius: 8px;
  width: 100%;
  table-layout: auto;
  margin-bottom: 0;
}

/* line 367, app/assets/stylesheets/layer7/network_inventory.scss */
.table-modern thead {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 371, app/assets/stylesheets/layer7/network_inventory.scss */
.table-modern thead th {
  background: var(--color-neutral-bg-secondary);
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 380, app/assets/stylesheets/layer7/network_inventory.scss */
.table-modern tbody tr {
  transition: all 150ms ease-in-out;
}

/* line 383, app/assets/stylesheets/layer7/network_inventory.scss */
.table-modern tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 389, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive {
  max-height: calc(100vh - 400px);
  overflow-x: scroll !important;
  overflow-y: auto;
  display: block;
  width: 100%;
}

/* line 396, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive::-webkit-scrollbar {
  height: 12px;
  -webkit-appearance: none;
}

/* line 401, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 406, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
}

/* line 411, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 415, app/assets/stylesheets/layer7/network_inventory.scss */
.table-responsive table {
  display: table;
  min-width: calc(100% + 1px);
  width: max-content;
}

/* line 425, app/assets/stylesheets/layer7/network_inventory.scss */
.stats-card {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 434, app/assets/stylesheets/layer7/network_inventory.scss */
.stats-card strong {
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 1.5rem;
}

/* line 441, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-state {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--color-neutral-text-secondary);
}

/* line 446, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-state .glyphicon {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 452, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-state h3 {
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
}

/* line 457, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-state p {
  font-size: 1.125rem;
  color: var(--color-neutral-text-secondary);
}

/* line 463, app/assets/stylesheets/layer7/network_inventory.scss */
.empty-state-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
  color: var(--color-neutral-text-secondary);
}

/* line 476, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-pagination > li > a,
.layer7-pagination > li > span {
  color: var(--color-main-text-primary);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 482, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-pagination > li > a:hover, .layer7-pagination > li > a:focus,
.layer7-pagination > li > span:hover,
.layer7-pagination > li > span:focus {
  color: var(--color-main-hover-bg-primary);
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 493, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-pagination > li.active > a, .layer7-pagination > li.active > a:hover, .layer7-pagination > li.active > a:focus, .layer7-pagination > li.active > span, .layer7-pagination > li.active > span:hover, .layer7-pagination > li.active > span:focus {
  background-color: var(--color-main-bg-primary) !important;
  border-color: var(--color-main-border) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 502, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-pagination > li.disabled > span {
  color: var(--color-neutral-text-secondary);
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 513, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page--network-inventory {
  padding-bottom: 2rem;
}

/* line 517, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-total-records-bar {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  color: var(--color-neutral-text-primary);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
  padding: 18px 30px;
}

/* line 531, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-total-records-bar__label {
  color: var(--color-neutral-text-secondary);
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 537, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-total-records-bar__value {
  color: var(--color-neutral-text-primary);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* line 544, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__ni-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 12px;
}

/* line 551, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filter-chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: inline-flex;
  gap: 0.5rem;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
}

/* line 563, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filter-chip__label {
  color: var(--color-neutral-text-secondary);
}

/* line 567, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filter-chip__value {
  color: var(--color-neutral-text-primary);
}

/* line 571, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filter-chip__remove {
  align-items: center;
  background: transparent;
  border-radius: 9999px;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin-left: 0.25rem;
  min-height: 28px;
  min-width: 28px;
  text-decoration: none;
}

/* line 586, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filter-chip__remove:hover, .ni-filter-chip__remove:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
  text-decoration: none;
}

/* line 596, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__adv-body.ni-filters-panel[hidden] {
  display: none !important;
}

/* line 600, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__adv-body.ni-filters-panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  max-height: 52vh;
  max-width: 920px;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

@media (min-height: 924px) {
  /* line 600, app/assets/stylesheets/layer7/network_inventory.scss */
  .aws-insights-page__adv-body.ni-filters-panel:not([hidden]) {
    max-height: 480px;
  }
}

/* line 614, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-split {
  align-items: stretch;
  display: grid;
  flex: 1 1 auto;
  gap: 0;
  grid-template-columns: minmax(260px, 320px) minmax(280px, 1fr);
  grid-template-rows: minmax(0, 1fr);
  margin-bottom: 0;
  min-height: 0;
}

/* line 625, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-columns-pane {
  align-self: stretch;
  background: var(--color-neutral-bg-secondary);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 0;
  padding: 0;
}

/* line 636, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-pane {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* line 642, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-pane .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  min-height: 42px;
  padding-left: 14px;
}

/* line 651, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-pane .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 657, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-pane .form-control.ni-filters-search {
  padding-left: 40px;
}

/* line 662, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-card {
  background: var(--color-neutral-bg-primary);
  border: none;
  border-radius: 0;
  gap: 8px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: 0;
  min-height: 0;
  padding: 16px;
}

/* line 675, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-card__head {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

/* line 683, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-card__title {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 688, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-close {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 50%;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 32px;
}

/* line 706, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-close:hover, .ni-filters-values-close:focus {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 714, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-pane-title {
  color: var(--color-neutral-text-primary);
  flex-shrink: 0;
  font-weight: 600;
  margin: 0;
  padding: 0.75rem 0.75rem 0.5rem 0.5rem;
  padding-left: 24px !important;
  padding-top: 16px !important;
}

/* line 724, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 0.5rem 0.75rem 0.75rem;
  scrollbar-color: var(--color-neutral-text-disable) var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
}

/* line 732, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll::-webkit-scrollbar {
  width: 5px;
}

/* line 736, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 3px;
}

/* line 741, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-disable);
  border-radius: 3px;
}

/* line 746, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-secondary);
}

/* line 752, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-scroll.ni-filters-columns-scroll {
  padding-left: 1.25rem;
}

/* line 757, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
  position: relative;
  transition: background 150ms ease-in-out, border-color 150ms ease-in-out;
  width: 20px;
}

/* line 772, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:hover:not(:disabled) {
  border-color: var(--color-neutral-text-secondary);
}

/* line 776, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:focus {
  outline: none;
}

/* line 780, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:focus-visible {
  box-shadow: 0 0 0 2px var(--color-main-border);
}

/* line 784, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:checked {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
}

/* line 790, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M1.5 5.5 L5.2 9.2 L12.5 1.5'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13.33px 10.67px;
  border: 0;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 10.67px;
  left: 1.33px;
  position: absolute;
  top: 2.67px;
  width: 13.33px;
}

/* line 806, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:indeterminate {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-primary);
}

/* line 811, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:indeterminate::after {
  background: var(--color-main-bg-primary);
  border: 0;
  border-radius: 1px;
  content: '';
  height: 2px;
  left: 4px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 12px;
}

/* line 824, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-panel input[type='checkbox']:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 830, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-master {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  gap: 0.75rem;
  margin: 0 0 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding-left: 24px !important;
  user-select: none;
}

/* line 842, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-col-row {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin: 0 0 0.75rem;
  padding: 0.5rem 0;
  padding-left: 44px !important;
  user-select: none;
}

/* line 853, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-field-label {
  display: block;
  flex-shrink: 0;
}

/* line 858, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-card #ni-values-column-select.form-control {
  flex-shrink: 0;
}

/* line 862, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-search-wrap {
  flex-shrink: 0;
  margin-bottom: 0.75rem;
  margin-top: 0.25rem;
  position: relative;
}

/* line 869, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-search-icon {
  color: var(--color-neutral-text-disable);
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 878, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-search {
  border-radius: 8px;
}

/* line 882, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-list {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  flex: 1 1 auto;
  margin-top: 0.25rem;
  min-height: 72px;
  overflow-y: auto;
  padding: 0.5rem 0;
  scrollbar-color: var(--color-neutral-text-disable) var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
}

/* line 893, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-list::-webkit-scrollbar {
  width: 5px;
}

/* line 897, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-list::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 3px;
}

/* line 902, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-values-list::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-disable);
  border-radius: 3px;
}

/* line 908, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-value-row {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.75rem;
  margin: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0.75rem;
  transition: background 150ms ease-in-out;
}

/* line 919, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-value-row:hover {
  background: var(--color-neutral-bg-secondary);
}

/* line 924, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-value-row__text {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 929, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-meta {
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
  margin: 0.5rem 0 0;
}

/* line 935, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-filters-actions {
  border-top: 1px solid var(--color-neutral-border-secondary);
  flex-shrink: 0;
  margin-top: auto;
  padding: 0.75rem 1rem 1rem;
}

/* line 942, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni {
  display: block;
  margin: 0;
  max-height: 70vh;
  overflow-x: auto !important;
  overflow-y: auto;
  scrollbar-color: var(--color-neutral-text-disable) var(--color-neutral-bg-secondary);
  scrollbar-width: thin;
  width: 100%;
}

@media (min-height: 1029px) {
  /* line 942, app/assets/stylesheets/layer7/network_inventory.scss */
  .aws-insights-page__table-responsive--ni {
    max-height: 720px;
  }
}

/* line 957, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni::-webkit-scrollbar {
  height: 5px;
  -webkit-appearance: none;
  width: 5px;
}

/* line 963, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-secondary);
  border-radius: 3px;
  margin: 0 2px;
}

/* line 969, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-disable);
  border-radius: 3px;
  min-width: 24px;
}

/* line 975, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-secondary);
}

/* line 981, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page--network-inventory .aws-insights-page__table-shell {
  overflow: hidden;
}

/* line 986, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  min-width: 100%;
  table-layout: auto;
  width: max-content;
}

/* line 994, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni th,
.aws-insights-page__table.aws-insights-page__table--ni td {
  border: 0 !important;
  padding: 24px 20px 20px 24px;
  white-space: nowrap;
}

/* line 1001, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni thead th {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-primary) !important;
  box-shadow: 0 1px 0 0 var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  position: sticky;
  top: 0;
  vertical-align: middle;
  z-index: 2;
}

/* line 1012, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni tbody td {
  border-top: none !important;
}

/* line 1017, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni tbody tr:nth-child(odd) td {
  background: var(--color-neutral-bg-secondary);
}

/* line 1021, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni tbody tr:nth-child(even) td {
  background: var(--color-neutral-bg-primary);
}

/* line 1025, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni tbody tr.js-ni-record-row {
  cursor: pointer;
}

/* line 1028, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table.aws-insights-page__table--ni tbody tr.js-ni-record-row:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: -2px;
}

/* line 1035, app/assets/stylesheets/layer7/network_inventory.scss */
thead th.layer7-table-row-scroll-hint {
  background: var(--color-neutral-bg-secondary) !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 0;
  min-width: 0;
  padding: 0 !important;
  width: 0;
}

/* line 1045, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-table-row-scroll-hint {
  background: transparent !important;
  border: 0 !important;
  max-width: 0;
  min-width: 0;
  overflow: visible;
  padding: 0 !important;
  position: sticky;
  right: 0;
  width: 0;
  z-index: 4;
}

/* line 1057, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-table-row-scroll-hint::after {
  align-items: center;
  color: var(--color-main-text-primary);
  content: '→';
  display: none;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  justify-content: flex-end;
  line-height: 1;
  min-height: 48px;
  padding-right: 14px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
}

/* line 1078, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni.has-scroll-x:not(.is-scrolled-end) tbody tr.js-ni-record-row:hover {
  position: relative;
  z-index: 1;
}

/* line 1082, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni.has-scroll-x:not(.is-scrolled-end) tbody tr.js-ni-record-row:hover td {
  background: var(--color-main-bg-secondary) !important;
  box-shadow: 0 4px 14px rgba(0, 102, 84, 0.14);
}

/* line 1087, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni.has-scroll-x:not(.is-scrolled-end) tbody tr.js-ni-record-row:hover .layer7-table-row-scroll-hint::after {
  background: linear-gradient(90deg, transparent 0%, var(--color-main-bg-secondary) 42%);
  display: flex;
}

/* line 1096, app/assets/stylesheets/layer7/network_inventory.scss */
.aws-insights-page__table-responsive--ni:not(.has-scroll-x) tbody tr.js-ni-record-row:hover td,
.aws-insights-page__table-responsive--ni.has-scroll-x.is-scrolled-end tbody tr.js-ni-record-row:hover td {
  background: var(--color-neutral-hover-bg-primary) !important;
  box-shadow: none;
}

/* line 1102, app/assets/stylesheets/layer7/network_inventory.scss */
button.aws-insights-page__btn-clear-all {
  background: transparent;
  border: 0;
  cursor: pointer;
}

/* line 1108, app/assets/stylesheets/layer7/network_inventory.scss */
button.aws-insights-page__btn-apply-filters {
  background: transparent;
  border: 0;
  cursor: pointer;
}

@media (max-width: 767px) {
  /* line 1115, app/assets/stylesheets/layer7/network_inventory.scss */
  .ni-filters-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(280px, 1fr);
  }
}

/* line 1121, app/assets/stylesheets/layer7/network_inventory.scss */
#no-columns-message {
  background-color: var(--color-main-bg-secondary);
  border-left: 3px solid var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 1131, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

/* line 1138, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-header {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
  border-bottom: none;
  padding: 1.25rem 1.5rem;
}

/* line 1144, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-header .modal-title {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  font-size: 1.125rem;
}

/* line 1150, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-header .close {
  color: var(--color-neutral-text-primary);
  opacity: 0.9;
  text-shadow: none;
  font-size: 28px;
}

/* line 1156, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-header .close:hover {
  opacity: 1;
}

/* line 1162, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-body {
  padding: 1.5rem;
  max-height: 65vh;
  overflow-y: auto;
}

/* line 1168, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer {
  background: var(--color-neutral-bg-secondary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.5rem;
}

/* line 1173, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer .btn {
  border-radius: 4px;
  padding: 0.75rem 1.25rem;
  font-weight: 500;
  transition: all 150ms ease-in-out;
}

/* line 1180, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer .btn-primary {
  border: none;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 1186, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer .btn-primary:hover {
  background: var(--color-main-hover-bg-primary);
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: var(--color-neutral-text-primary);
}

/* line 1194, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer .btn-secondary {
  background: var(--color-neutral-text-secondary);
  border: none;
  color: var(--color-neutral-text-primary);
}

/* line 1199, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-footer .btn-secondary:hover {
  background: var(--color-neutral-bg-active);
  color: var(--color-neutral-text-primary);
}

/* line 1206, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .active-filters-section,
#filterManagementModal .filters-list-section {
  margin-bottom: 2rem;
}

/* line 1211, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .section-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
}

/* line 1221, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .section-header .glyphicon {
  color: var(--color-main-text-primary);
  font-size: 18px;
}

/* line 1227, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-count-badge {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
  padding: 0.5rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  margin-left: auto;
}

/* line 1236, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filters-container {
  min-height: 50px;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
  border: 2px dashed var(--color-neutral-border-secondary);
  border-radius: 8px;
  transition: all 250ms ease-in-out;
}

/* line 1244, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filters-container.has-filters {
  background: var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
  border-style: solid;
}

/* line 1251, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .empty-filters-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-neutral-text-secondary);
  font-style: italic;
  padding: 0.75rem 0;
}

/* line 1259, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .empty-filters-message .glyphicon {
  color: var(--color-neutral-text-disable);
}

/* line 1264, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  margin: 0.5rem;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 150ms ease-in-out;
}

/* line 1277, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  background: var(--color-main-hover-bg-primary);
}

/* line 1283, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag .filter-tag-column {
  font-weight: 600;
}

/* line 1287, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag .filter-tag-values {
  opacity: 0.95;
}

/* line 1292, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag-remove {
  background: #ffffff26;
  border: none;
  color: var(--color-neutral-text-primary);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  margin-left: 0.5rem;
  transition: all 150ms ease-in-out;
}

/* line 1307, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag-remove:hover {
  background: #ffffff4d;
  transform: scale(1.1);
}

/* line 1312, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-tag-remove .glyphicon {
  font-size: 11px;
}

/* line 1317, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filters-list {
  margin-bottom: 1rem;
}

/* line 1321, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-row {
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: 1rem;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1330, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-row:hover {
  border-color: var(--color-main-border);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 1335, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-row label {
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1344, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-row .remove-filter-row-btn {
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-primary);
  border: none;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  transition: all 150ms ease-in-out;
  margin-top: 1.5rem;
}

/* line 1353, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-row .remove-filter-row-btn:hover {
  background: var(--color-error-hover-bg-primary);
  transform: translateY(-1px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1361, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .btn-add-filter {
  background: var(--color-success-bg-primary);
  color: var(--color-neutral-text-primary);
  border: none;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  transition: all 250ms ease-in-out;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1374, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .btn-add-filter:hover {
  background: var(--color-success-hover-bg-primary);
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: var(--color-neutral-text-primary);
}

/* line 1382, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection {
  border-radius: 8px;
  border: 2px solid var(--color-neutral-border-secondary);
  min-height: 42px;
  transition: all 150ms ease-in-out;
  background: var(--color-neutral-bg-primary);
}

/* line 1389, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection:hover {
  border-color: var(--color-main-bg-primary);
}

/* line 1394, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap.select2-container--focus .select2-selection {
  border-color: var(--color-main-bg-primary);
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 84, 0.15);
  outline: none;
}

/* line 1400, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection__choice {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  border-radius: 4px;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1410, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection__choice:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1416, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection__choice .select2-selection__choice__remove {
  background: var(--color-neutral-bg-tertiary) !important;
  border: none !important;
  color: transparent !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
  transition: all 150ms ease-in-out !important;
  font-size: 0 !important;
  line-height: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* line 1437, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection__choice .select2-selection__choice__remove::before {
  content: '\e014' !important;
  font-family: 'Glyphicons Halflings' !important;
  font-size: 11px !important;
  font-weight: normal !important;
  color: var(--color-neutral-text-primary) !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  line-height: 1 !important;
  width: 11px !important;
  height: 11px !important;
}

/* line 1453, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-container--bootstrap .select2-selection__choice .select2-selection__choice__remove:hover {
  background: var(--color-neutral-border-secondary) !important;
  transform: scale(1.1) !important;
}

/* line 1460, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-dropdown {
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin-top: 0.5rem;
  overflow: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 1469, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option {
  padding: 0.75rem 1.25rem;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

/* line 1477, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option:hover {
  background: var(--color-neutral-bg-secondary);
}

/* line 1481, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option--highlighted {
  color: var(--color-neutral-text-primary);
}

/* line 1485, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option[aria-selected="true"] {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  border-left: 3px solid var(--color-main-bg-primary);
  padding-left: 1rem;
}

/* line 1492, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option[aria-selected="true"]::before {
  position: absolute;
  left: 10px;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  font-size: 1rem;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--color-main-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 1510, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option.select2-results__option--highlighted[aria-selected="true"] {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary);
  border-left-color: var(--color-main-bg-primary);
}

/* line 1515, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__option.select2-results__option--highlighted[aria-selected="true"]::before {
  background: var(--color-neutral-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1523, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-search--dropdown {
  padding: 0.75rem;
  background: var(--color-neutral-bg-secondary);
  border-radius: 8px !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 1529, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 8px !important;
  padding: 0.75rem 1rem !important;
  width: 100% !important;
  font-size: 0.875rem !important;
  transition: all 150ms ease-in-out !important;
}

/* line 1537, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 84, 0.15);
}

/* line 1545, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .select2-results__message {
  padding: 1rem;
  text-align: center;
  color: var(--color-neutral-text-secondary);
  font-style: italic;
}

/* line 1552, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-body::-webkit-scrollbar {
  width: 8px;
}

/* line 1556, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-body::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 1561, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-body::-webkit-scrollbar-thumb {
  background: var(--color-main-bg-primary);
  border-radius: 4px;
}

/* line 1565, app/assets/stylesheets/layer7/network_inventory.scss */
#filterManagementModal .filter-modal-body::-webkit-scrollbar-thumb:hover {
  background: var(--color-main-hover-bg-primary);
}

/* line 1574, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container {
  width: 100% !important;
}

/* line 1578, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--bootstrap .select2-selection {
  border-radius: 8px;
  border: 2px solid var(--color-neutral-border-secondary) !important;
  min-height: 42px;
  transition: all 150ms ease-in-out;
  background: var(--color-neutral-bg-primary) !important;
}

/* line 1585, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--bootstrap .select2-selection:hover {
  border-color: var(--color-main-bg-primary) !important;
}

/* line 1590, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--bootstrap.select2-container--focus .select2-selection {
  border-color: var(--color-main-bg-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 84, 0.15);
  outline: none;
}

/* line 1596, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--bootstrap .select2-selection__choice {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  border-radius: 4px;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  margin: 0.5rem;
  font-size: 0.75rem;
}

/* line 1607, app/assets/stylesheets/layer7/network_inventory.scss */
#new-filter-row .select2-selection__choice__remove,
.filter-row .select2-selection__choice__remove,
#filterManagementModal .select2-selection__choice__remove {
  display: none !important;
}

/* line 1614, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option {
  position: relative;
}

/* line 1619, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--bootstrap .select2-results__option--highlighted,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background: var(--color-main-bg-primary) !important;
  background-color: #DCDCDC !important;
  color: var(--color-neutral-text-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-neutral-bg-primary), 0.25) !important;
}

/* line 1629, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option[aria-selected="true"] {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-left: 3px solid var(--color-main-bg-primary) !important;
  padding-left: 1rem !important;
  font-weight: 600 !important;
}

/* line 1636, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option[aria-selected="true"]::before {
  position: absolute !important;
  left: 10px !important;
  color: var(--color-main-bg-primary) !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--color-neutral-bg-primary) !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-main-bg-primary) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* line 1655, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option--highlighted[aria-selected="true"] {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-left: 3px solid var(--color-main-bg-primary) !important;
  padding-left: 0.5rem !important;
  font-weight: 600 !important;
}

/* line 1662, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option--highlighted[aria-selected="true"]::before {
  position: absolute !important;
  left: 10px !important;
  color: var(--color-neutral-text-primary) !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--color-neutral-bg-primary) !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-main-bg-primary) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* line 1681, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option.layer7-option-selected {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-left: 3px solid var(--color-main-bg-primary) !important;
  padding-left: 1rem !important;
  font-weight: 600 !important;
}

/* line 1688, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option.layer7-option-selected::before {
  position: absolute !important;
  left: 10px !important;
  color: var(--color-neutral-text-primary) !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--color-neutral-bg-primary) !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-main-bg-primary) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* line 1706, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option.layer7-option-selected.select2-results__option--highlighted {
  background: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  border-left: 3px solid var(--color-main-bg-primary) !important;
  padding-left: 1rem !important;
  font-weight: 600 !important;
}

/* line 1713, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-results .select2-results__option.layer7-option-selected.select2-results__option--highlighted::before {
  position: absolute !important;
  left: 10px !important;
  color: var(--color-neutral-text-primary) !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--color-neutral-bg-primary) !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-main-bg-primary) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* line 1731, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-dropdown {
  border: 1px solid var(--color-neutral-border-primary) !important;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  background: var(--color-neutral-bg-primary);
}

/* line 1738, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 8px !important;
  background: var(--color-neutral-bg-primary) !important;
}

/* line 1743, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-search--dropdown {
  background: var(--color-neutral-bg-secondary);
  border-bottom: 2px solid var(--color-neutral-border-secondary) !important;
}

/* line 1748, app/assets/stylesheets/layer7/network_inventory.scss */
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  border-radius: 8px !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-neutral-bg-primary), 0.15);
}

/* line 1759, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-panel-primary .panel-heading {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  border-color: var(--color-neutral-border-primary);
}

/* line 1767, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-badge-main {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1772, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-badge-success {
  background-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1777, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-badge-warning {
  background-color: var(--color-warning-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1782, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-badge-error {
  background-color: var(--color-error-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1787, app/assets/stylesheets/layer7/network_inventory.scss */
.layer7-badge-informative {
  background-color: var(--color-informative-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1795, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2.5rem;
}

/* line 1801, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__shell {
  margin: 0 auto;
  padding: 1.5rem 1.25rem 2rem;
}

/* line 1806, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__back {
  align-items: center;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
  text-decoration: none;
}

/* line 1814, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__back .ni-record-show__back-icon {
  display: block;
  flex-shrink: 0;
  height: 11px;
  width: 6px;
}

/* line 1821, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__back:hover, .ni-record-show__back:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 1828, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 1836, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 1841, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__provider-chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 9999px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  padding: 4px 8px;
}

/* line 1850, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 991px) {
  /* line 1850, app/assets/stylesheets/layer7/network_inventory.scss */
  .ni-record-show__grid {
    grid-template-columns: 1fr;
  }
}

/* line 1860, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__card {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 1.25rem 1.25rem 1rem;
}

/* line 1868, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__card-title {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  margin: 0 0 0;
  padding: 20px 23px;
}

/* line 1875, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__rows {
  display: flex;
  flex-direction: column;
}

/* line 1880, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__row {
  align-items: center;
  border-bottom: 1px solid var(--color-neutral-border-primary);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  min-height: 48px;
  padding: 0.75rem 0;
}

/* line 1889, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__row:last-child {
  border-bottom: 0;
}

/* line 1894, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__label {
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-align: start;
  padding-left: 46px;
  color: var(--color-neutral-text-secondary) !important;
}

/* line 1902, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value-cell {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
  min-width: 0;
  text-align: start;
}

/* line 1912, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value {
  color: var(--color-neutral-text-secondary);
  word-break: break-word;
}

/* line 1917, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value--plain {
  color: var(--color-neutral-text-secondary);
}

/* line 1921, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value-cell--align-end {
  justify-content: flex-end;
}

/* line 1925, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value-chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  line-height: 1.25;
  max-width: 100%;
  min-height: 28px;
  padding: 0.25rem 0.75rem;
  word-break: break-word;
}

/* line 1940, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__value-chip--ipv4-available {
  background: var(--color-success-bg-secondary);
  border-color: var(--color-success-border);
  border-radius: 9999px;
  color: var(--color-neutral-text-primary);
  font-weight: 400;
  min-height: auto;
}

/* line 1949, app/assets/stylesheets/layer7/network_inventory.scss */
.ni-record-show__copy-btn {
  flex-shrink: 0;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-textarea, .ds-form-select {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-textarea::placeholder, .ds-form-select::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-textarea:focus, .ds-form-select:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-textarea:disabled, .ds-form-select:disabled, .ds-form-input[readonly], .ds-form-textarea[readonly], .ds-form-select[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-textarea, .ds-form-input-success.ds-form-select {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-textarea:focus, .ds-form-input-success.ds-form-select:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-textarea, .ds-form-input-error.ds-form-select {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-textarea:focus, .ds-form-input-error.ds-form-select:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-textarea, .ds-form-input-warning.ds-form-select {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-textarea:focus, .ds-form-input-warning.ds-form-select:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-success, .ds-form-feedback-error, .ds-form-feedback-warning, .ds-form-feedback-info {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 8, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day {
  flex: 0 0 14.2857143% !important;
  width: 14.2857143% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* line 25, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border: 1px solid var(--color-main-border) !important;
  color: var(--color-neutral-text-primary);
  background: transparent;
}

/* line 32, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.inRange:not(.startRange):not(.endRange) {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-repeat: no-repeat !important;
  background-size: calc(100% + 10px) 32px !important;
  background-position: center !important;
  box-shadow: none !important;
}

/* line 51, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-active) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* line 65, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::after {
  content: none;
}

/* line 71, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange) {
  z-index: 3 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, right -5px center !important;
}

/* line 88, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  z-index: 2 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, left -5px center !important;
}

/* line 105, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.endRange:not(.startRange) {
  color: var(--color-neutral-text-active) !important;
}

/* line 113, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.endRange:not(.startRange) {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 126, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:hover,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 138, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange),
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):hover,
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 5, app/assets/stylesheets/oci_tenancy_index.scss */
.aws-hub-account-card--oci .aws-hub-account-card__avatar--oci {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  display: flex;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/oci_tenancy_index.scss */
.aws-hub-account-card--oci .aws-hub-account-card__oci-logo {
  height: 28px;
  width: 28px;
}

/* line 18, app/assets/stylesheets/oci_tenancy_index.scss */
.portal-accounts-new-btn--secondary {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 23, app/assets/stylesheets/oci_tenancy_index.scss */
.portal-accounts-new-btn--secondary:hover, .portal-accounts-new-btn--secondary:focus {
  background: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 31, app/assets/stylesheets/oci_tenancy_index.scss */
.oci-tenancy-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 36, app/assets/stylesheets/oci_tenancy_index.scss */
.oci-tenancy-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 42, app/assets/stylesheets/oci_tenancy_index.scss */
.oci-tenancy-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  height: 400px;
  max-width: 100%;
  object-fit: cover;
}
/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/okes/index.scss */
.okes-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 8, app/assets/stylesheets/okes/index.scss */
.okes-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 14, app/assets/stylesheets/okes/index.scss */
.okes-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 10%);
  height: 400px;
  max-width: 100%;
  object-fit: cover;
}

/* line 24, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table {
  table-layout: auto;
}

/* line 27, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(1), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(1) {
  min-width: 140px;
}

/* line 32, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(2), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(2), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(4), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(4), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(5), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(5) {
  min-width: 140px;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* line 43, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(3), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(3), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(6), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(6), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(7), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(7), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(8), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(8), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(9), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(9), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table th:nth-child(10), .ec2-schedules-table-scroll .hte-events-table.okes-events-table.hte-events-table td:nth-child(10) {
  min-width: 120px;
}

/* line 58, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table .ec2-schedules-col--row-actions {
  width: 140px;
  max-width: 140px;
  white-space: nowrap;
}

/* line 64, app/assets/stylesheets/okes/index.scss */
.ec2-schedules-table-scroll .hte-events-table.okes-events-table .okes-events-table__cell--center {
  text-align: center;
}

/* line 70, app/assets/stylesheets/okes/index.scss */
.modal.fade.oke-detail-drawer .modal-dialog.oke-detail-drawer__dialog,
.modal.oke-detail-drawer .modal-dialog.oke-detail-drawer__dialog {
  position: fixed !important;
  top: 2.5rem !important;
  right: 2.5rem !important;
  bottom: 2.5rem !important;
  left: auto !important;
  margin: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: 520px !important;
  max-width: 520px !important;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 86, app/assets/stylesheets/okes/index.scss */
.modal.oke-detail-drawer.in .modal-dialog.oke-detail-drawer__dialog,
.modal.oke-detail-drawer.show .modal-dialog.oke-detail-drawer__dialog {
  transform: translateX(0) !important;
}

/* line 91, app/assets/stylesheets/okes/index.scss */
.modal.oke-detail-drawer .modal-content {
  box-sizing: border-box;
  height: 100% !important;
  min-height: 0;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 103, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__content {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100% !important;
  min-height: 0;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* line 115, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  gap: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: none !important;
}

/* line 128, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__header-row--close {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 134, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__title {
  margin: 0;
  width: 100%;
  text-align: left;
  color: var(--color-neutral-text-primary);
}

/* line 141, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__subtitle {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 146, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__close {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 165, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 172, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__close-icon::before,
.oke-detail-drawer__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 186, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__close-icon::before {
  transform: rotate(45deg);
}

/* line 190, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__close-icon::after {
  transform: rotate(-45deg);
}

/* line 194, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

/* line 201, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__scroll {
  padding: 1rem 1.5rem;
  overflow: auto;
  max-height: calc(100vh - 220px);
}

/* line 207, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__fields {
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 214, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-neutral-border-primary);
}

/* line 221, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__field:last-child {
  border-bottom: none;
}

/* line 226, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__field-label {
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 232, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__field-value {
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 237, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__footer {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 245, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__btn-cancel {
  width: 100%;
  max-width: 240px;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 256, app/assets/stylesheets/okes/index.scss */
.oke-detail-drawer__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

@media (max-width: 768px) {
  /* line 263, app/assets/stylesheets/okes/index.scss */
  .modal.oke-detail-drawer .modal-dialog.oke-detail-drawer__dialog {
    width: calc(100vw - 5rem) !important;
    max-width: 520px !important;
  }
}
/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/okes/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/okes/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/okes/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/okes/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/okes/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/okes/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/okes/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/okes/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/okes/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/okes/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/okes/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/okes/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 3, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__is-hidden {
  display: none !important;
}

/* line 7, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 560px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 21, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal.modal.scale-hub-schedule-modal.in .modal-dialog,
.oke-create-modal.modal.scale-hub-schedule-modal.show .modal-dialog {
  transform: translateX(0) !important;
}

/* line 26, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal.modal.scale-hub-schedule-modal > .modal-dialog > .modal-content {
  height: 100%;
  min-height: 0;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* line 35, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  gap: 0;
  padding: 0 !important;
  overflow: hidden;
}

/* line 48, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 61, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__header .scale-hub-close-event-modal__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

/* line 68, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__header .scale-hub-close-event-modal__close {
  position: static;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 75, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__wizard-steps {
  padding: 0 1.5rem 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  flex-wrap: nowrap;
  margin: 0;
  position: relative;
  flex-shrink: 0;
  border-bottom: none;
  width: 100%;
  box-sizing: border-box;
}

/* line 90, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__wizard-steps::before {
  content: '';
  position: absolute;
  left: calc(1.5rem + 20px);
  right: calc(1.5rem + 20px);
  top: 20px;
  height: 2px;
  z-index: 0;
  background: var(--color-neutral-border-secondary);
  border-radius: 999px;
}

/* line 102, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__wizard-steps[data-wizard-step='2']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 50%, var(--color-neutral-border-secondary) 50%, var(--color-neutral-border-secondary) 100%);
}

/* line 112, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__wizard-steps[data-wizard-step='3']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 100%);
}

/* line 120, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 1.5rem 1rem !important;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 130, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__alerts {
  margin-bottom: 1rem;
}

/* line 133, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__alerts:empty {
  display: none;
}

/* line 138, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__form {
  width: 100%;
}

/* line 142, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__step {
  display: none;
  padding: 0 0 0.5rem;
}

/* line 147, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__step.is-active {
  display: block;
}

/* line 151, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__step-intro {
  margin-bottom: 1rem;
}

/* line 154, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__step-intro p {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 160, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  padding: 1.25rem 1.5rem 1.5rem;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}

/* line 169, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 1px;
  background: var(--color-neutral-border-secondary);
}

/* line 180, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-actions {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

/* line 187, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  min-height: 52px;
  padding: 0.75rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

/* line 206, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn--back {
  flex: 0 1 auto;
  margin-right: auto;
}

/* line 211, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn--cancel {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 216, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn--cancel:hover:not(:disabled), .oke-create-modal__footer-btn--cancel:focus:not(:disabled) {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 223, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn--primary {
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
  border: none;
}

/* line 228, app/assets/stylesheets/okes/wizard_form.scss */
.oke-create-modal__footer-btn--primary:hover:not(:disabled), .oke-create-modal__footer-btn--primary:focus:not(:disabled) {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 236, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-steps.oke-create-modal__wizard-steps {
  flex-wrap: nowrap !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* line 242, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  z-index: 1;
}

/* line 257, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill__num {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  box-sizing: border-box;
}

/* line 275, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill__label {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-neutral-text-disable);
  text-align: center;
  line-height: 1.25;
  white-space: nowrap;
}

/* line 285, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 291, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 296, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: transparent;
  font-size: 0;
}

/* line 303, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 11px;
  margin: -8px 0 0 -3px;
  border: solid 2px var(--color-neutral-text-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 316, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-secondary);
}

/* line 320, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__field,
#okeCreateModal .ds-form-group {
  margin-bottom: 1.25rem;
}

/* line 325, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__field .ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 330, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__select {
  width: 100%;
}

/* line 334, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .ds-form-input,
#okeCreateModal .ds-form-select,
#okeCreateModal .ds-form-textarea {
  width: 100%;
  box-sizing: border-box;
}

/* line 341, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-cards {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 347, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease;
}

/* line 359, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card.is-active {
  border-color: var(--color-main-border);
  background: var(--color-main-bg-secondary);
}

/* line 364, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card input[type='radio'] {
  flex-shrink: 0;
  margin: 2px 0 0;
}

/* line 369, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card .oke-create-modal__option-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* line 376, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card b {
  display: block;
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 382, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__option-card .oke-create-modal__option-card-hint {
  display: block;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 390, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0;
}

/* line 397, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chips-wrap {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
  min-height: 48px;
  min-width: 0;
  padding: 0.75rem 1rem;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  cursor: text;
}

/* line 414, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chips-wrap.is-disabled {
  background: var(--color-neutral-bg-disable);
  cursor: not-allowed;
  opacity: 0.75;
}

/* line 421, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chips {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 100%;
  min-width: 0;
}

/* line 431, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chips-hidden {
  display: none;
}

/* line 435, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chip {
  align-items: center;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.5rem;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 8px;
}

/* line 448, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chip-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 455, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chip-remove {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  opacity: 0.85;
  padding: 0;
}

/* line 470, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__chip-remove:hover {
  opacity: 1;
}

/* line 475, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__token-input {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-primary);
  flex: 1 1 8rem;
  margin: 0;
  min-width: 8rem;
  outline: none;
  padding: 0.25rem 0;
}

/* line 485, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__token-input::placeholder {
  color: var(--color-neutral-text-disable);
}

/* line 489, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__token-input:disabled {
  cursor: not-allowed;
}

/* line 494, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  display: none;
  left: 0;
  margin-top: 0.25rem;
  max-height: 280px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 40;
}

/* line 510, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown.is-open {
  display: block;
}

/* line 515, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-empty {
  color: var(--color-neutral-text-secondary);
  padding: 0.75rem 1rem;
}

/* line 520, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0.5rem 1rem;
  text-align: left;
  width: 100%;
}

/* line 533, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-item:last-child {
  border-bottom: 0;
}

/* line 537, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-item:hover, #okeCreateModal .oke-create-modal__dropdown-item.is-active {
  background: var(--color-neutral-bg-secondary);
}

/* line 543, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-item-title {
  color: var(--color-neutral-text-primary);
}

/* line 547, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__dropdown-item-hint {
  color: var(--color-neutral-text-secondary);
}

/* line 551, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__tag-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 558, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__tag-row .ds-form-input, #okeCreateModal .oke-create-modal__tag-row .ds-form-textarea, #okeCreateModal .oke-create-modal__tag-row .ds-form-select {
  flex: 1 1 0;
  min-width: 0;
}

/* line 563, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__tag-remove {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-error-text-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1;
}

/* line 579, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__add-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-main-border);
  background: var(--color-neutral-bg-primary);
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: pointer;
}

/* line 593, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .oke-create-modal__secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 607, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container {
  width: 100% !important;
}

/* line 611, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--single {
  min-height: 48px !important;
  height: auto !important;
  padding: 8px 36px 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-primary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
}

/* line 623, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 22px !important;
  font-size: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 630, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: var(--color-neutral-text-disable) !important;
}

/* line 634, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 8px !important;
  width: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 645, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--multiple {
  min-height: 48px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-primary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: none !important;
}

/* line 654, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 !important;
}

/* line 661, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 4px 8px 4px 4px !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
  font-size: 0.875rem !important;
  line-height: 1.3 !important;
}

/* line 675, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 2px;
  color: var(--color-neutral-text-secondary) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: -1;
  font-size: 12px;
  line-height: 1;
}

/* line 692, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: 0 !important;
  padding: 4px 0 !important;
  font-size: 1rem !important;
}

/* line 698, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap.select2-container--focus .select2-selection--single,
#okeCreateModal .select2-container--bootstrap.select2-container--open .select2-selection--single,
#okeCreateModal .select2-container--bootstrap.select2-container--focus .select2-selection--multiple,
#okeCreateModal .select2-container--bootstrap.select2-container--open .select2-selection--multiple {
  border-color: var(--color-main-bg-primary) !important;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary) !important;
}

/* line 706, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .select2-container--bootstrap.select2-container--disabled .select2-selection--single,
#okeCreateModal .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple {
  background-color: var(--color-neutral-bg-disable) !important;
  color: var(--color-neutral-text-disable) !important;
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 714, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .is-invalid {
  border-color: var(--color-error-border) !important;
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary) !important;
}

/* line 719, app/assets/stylesheets/okes/wizard_form.scss */
#okeCreateModal .is-invalid-select2 {
  border-color: var(--color-error-border) !important;
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary) !important;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 5, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  align-items: stretch;
  margin-bottom: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}

/* line 15, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__heading {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin: 0 0 1rem 0;
}

/* line 23, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__card {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  padding: 1rem 1rem 0.75rem;
  border-radius: 14px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* line 40, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__card:hover, .period-filter-cards__card:focus {
  border-color: var(--color-neutral-border-primary);
  text-decoration: none;
  color: inherit;
  outline: none;
  box-shadow: 0 4px 14px var(--color-opacity-black-weakest);
}

/* line 50, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__card--selected {
  flex: 2 1 0;
  border: 2px solid var(--color-main-border);
  background: var(--color-neutral-bg-secondary);
  padding: 1rem 1rem 0.75rem;
  box-shadow: none;
}

/* line 57, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__card--selected:hover, .period-filter-cards__card--selected:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 4px 14px var(--color-opacity-black-weak);
}

/* line 64, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__card--calendar {
  cursor: pointer;
}

/* line 68, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  min-height: 28px;
}

/* line 77, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__header-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}

/* line 85, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__badge {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 12px;
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
  border: none;
  margin-top: 1px;
}

/* line 95, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

/* line 104, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__icon-img {
  width: 24px;
  height: 24px;
  display: block;
}

/* line 110, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__title {
  color: var(--color-neutral-text-primary);
}

/* line 114, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__amount {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-main-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

/* line 123, app/assets/stylesheets/period_filter_cards.scss */
.period-filter-cards__range {
  color: var(--color-neutral-text-secondary);
}

@media (max-width: 992px) {
  /* line 128, app/assets/stylesheets/period_filter_cards.scss */
  .period-filter-cards {
    flex-wrap: wrap;
  }
  /* line 132, app/assets/stylesheets/period_filter_cards.scss */
  .period-filter-cards__card,
.period-filter-cards__card--selected {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 0;
  }
}

@media (max-width: 576px) {
  /* line 142, app/assets/stylesheets/period_filter_cards.scss */
  .period-filter-cards__card,
.period-filter-cards__card--selected {
    flex: 1 1 100%;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 8, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page {
  padding-bottom: 1.5rem;
  margin-bottom: 24px;
}

/* line 14, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-breadcrumb.breadcrumb {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

/* line 19, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-breadcrumb--aws {
  border-bottom-color: #fcd9b8;
}

/* line 23, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-breadcrumb--oci {
  border-bottom-color: #ffd6d6;
}

/* line 27, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-breadcrumb--atlasmdb {
  border-bottom-color: #13AA52;
}

/* line 31, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-breadcrumb--default {
  border-bottom-color: #fcd9b8;
}

/* line 36, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .truncate-cell {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 43, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .regions-checkbox-container {
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid var(--color-neutral-border-secondary);
  padding: 0.75rem;
  border-radius: 4px;
  background-color: var(--color-neutral-bg-primary);
}

/* line 52, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .regions-checkbox-container .checkbox {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: block;
}

/* line 59, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page--atlasmdb .aws-accounts-hub-page__controls-right-cluster {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

/* line 65, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page--atlasmdb .portal-accounts-howto-btn {
  flex: 1 1 100%;
  margin: 0;
}

@media (min-width: 992px) {
  /* line 65, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page--atlasmdb .portal-accounts-howto-btn {
    flex: 0 1 auto;
    margin-right: auto;
  }
}

/* line 76, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 85, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

/* line 92, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-title__icon {
  height: 34px;
  width: auto;
  flex-shrink: 0;
}

/* line 98, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-title__oci-icon {
  height: 34px;
  width: auto;
  flex-shrink: 0;
}

/* line 104, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 111, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-card {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  margin-top: 24px;
  margin-bottom: 24px;
}

/* line 121, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-filters-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 18px;
  margin-bottom: 12px;
  padding: 0;
}

/* line 131, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

/* line 138, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-card {
  min-height: 150px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  text-align: center;
}

/* line 153, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-card:hover, .portal-accounts-page .portal-accounts-registration-type-card:focus {
  background: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  outline: none;
  box-shadow: none;
}

/* line 161, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-card.is-active {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border-color: var(--color-main-bg-primary);
}

/* line 168, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-card__icon {
  font-size: 42px;
  line-height: 1;
  color: currentColor;
}

/* line 174, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-card__title {
  display: block;
}

/* line 178, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-modal-title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  width: 100%;
}

/* line 185, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-modal-title-row .portal-accounts-close-event-modal__title {
  width: auto;
  margin-bottom: 0;
  flex: 0 1 auto;
}

/* line 192, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-registration-type-title {
  font-size: 24px;
  line-height: 32px;
}

/* line 197, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-modal-help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 205, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-modal-help-link:hover, .portal-accounts-page .portal-accounts-modal-help-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 212, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 220, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  position: relative;
  width: 100%;
}

/* line 229, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__trigger {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  gap: 8px;
  margin: 0;
  max-width: calc(100vw - 96px);
  padding: 4px 0 8px;
  text-align: left;
}

/* line 244, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__active {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

/* line 252, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__chip {
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  padding: 6px 10px;
  text-decoration: none;
}

/* line 265, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__chip-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 272, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__chip-x {
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1;
}

/* line 278, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__chip:hover,
.portal-accounts-page .portal-accounts-advanced-filters__chip:focus {
  border-color: var(--color-main-border);
  outline: none;
}

/* line 284, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__caret {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  transition: transform 150ms ease-in-out;
}

/* line 290, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters.is-open .portal-accounts-advanced-filters__caret {
  transform: rotate(180deg);
}

/* line 294, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__panel {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
  box-sizing: border-box;
  left: 0;
  margin-top: 6px;
  max-width: calc(100vw - 96px);
  min-width: 0;
  padding: 12px 14px 10px;
  position: absolute;
  right: auto;
  top: 100%;
  width: 920px;
  z-index: 50;
}

/* line 312, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

/* line 319, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__title {
  color: var(--color-neutral-text-secondary);
  line-height: 1.1;
  margin: 0;
}

/* line 325, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  padding: 0 4px;
}

/* line 335, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1.1fr) minmax(170px, 0.85fr) minmax(170px, 0.85fr);
  margin-bottom: 8px;
}

/* line 342, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__grid .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  font-size: 14px;
  height: 38px;
  padding-left: 14px;
}

/* line 352, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__grid .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 357, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

/* line 364, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__btn-clear {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 370, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-advanced-filters__btn-apply {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 6px;
  padding: 0;
}

@media (max-width: 640px) {
  /* line 381, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-advanced-filters__panel {
    width: calc(100vw - 48px);
  }
  /* line 385, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-advanced-filters__grid {
    grid-template-columns: 1fr;
  }
  /* line 389, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-advanced-filters__actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  /* line 394, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-advanced-filters__btn-apply,
.portal-accounts-page .portal-accounts-advanced-filters__btn-clear {
    justify-content: center;
    min-height: 36px;
  }
}

/* line 401, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-cell {
  min-width: 130px;
  text-align: center;
}

/* line 406, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-header {
  text-align: center;
}

/* line 410, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-cloud-cell {
  white-space: nowrap;
}

/* line 414, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-parent-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 8px;
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 9px;
  font-weight: 500;
  line-height: 16px;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 430, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  text-transform: capitalize;
}

/* line 442, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill--discovered,
.portal-accounts-page .portal-accounts-import-pill--completed {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 448, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill--discovery-failed,
.portal-accounts-page .portal-accounts-import-pill--failed,
.portal-accounts-page .portal-accounts-import-pill--completed-with-errors,
.portal-accounts-page .portal-accounts-import-pill--stackset-failed,
.portal-accounts-page .portal-accounts-import-pill--assume-role-failed,
.portal-accounts-page .portal-accounts-import-pill--import-failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 458, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill--importing,
.portal-accounts-page .portal-accounts-import-pill--pending-discovery,
.portal-accounts-page .portal-accounts-import-pill--pending-stackset,
.portal-accounts-page .portal-accounts-import-pill--stackset-pending,
.portal-accounts-page .portal-accounts-import-pill--stackset-running {
  background: #fff3cd;
  color: #664d03;
}

/* line 467, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill--stackset-succeeded,
.portal-accounts-page .portal-accounts-import-pill--assume-role-validating,
.portal-accounts-page .portal-accounts-import-pill--imported {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 474, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-pill--has-error {
  cursor: help;
  gap: 0.25rem;
}

/* line 479, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn.is-loading {
  cursor: wait;
  opacity: 0.75;
}

/* line 484, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn.is-loading .glyphicon {
  animation: portalAccountsProgressSpin 0.8s linear infinite;
}

/* line 488, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-error-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 0.25rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  color: currentColor;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

/* line 503, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-import-source {
  display: inline-block;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 511, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-import-summary {
  color: var(--color-neutral-text-secondary);
  margin-bottom: 0.75rem;
}

/* line 516, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-selection-body {
  min-height: 0;
}

/* line 520, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-selection-panel-wrap {
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 24px;
  padding: 1rem;
  max-height: 58vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-neutral-bg-primary);
}

/* line 530, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-selection-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 1rem;
  align-content: start;
}

/* line 537, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-height: 64px;
  min-width: 0;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-tertiary);
  cursor: pointer;
  color: var(--color-neutral-text-primary);
  overflow: hidden;
  text-align: left;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}

/* line 556, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-card:hover, .portal-accounts-page .portal-accounts-organization-account-card:focus {
  background: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
  outline: none;
}

/* line 563, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-card.is-selected {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 570, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-name {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

/* line 582, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-id {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-neutral-text-secondary);
}

/* line 594, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-organization-account-card.is-selected .portal-accounts-organization-account-id {
  color: var(--color-neutral-text-active);
}

/* line 598, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-empty-selection {
  grid-column: 1 / -1;
  align-self: center;
  justify-self: center;
  color: var(--color-neutral-text-secondary);
}

@media (max-width: 640px) {
  /* line 606, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-organization-selection-panel {
    grid-template-columns: 1fr;
  }
  /* line 610, app/assets/stylesheets/portal_accounts/index.scss */
  .portal-accounts-page .portal-accounts-organization-selection-panel-wrap {
    border-radius: 16px;
    max-height: 56vh;
  }
}

/* line 616, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-action-svg-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

/* line 623, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-primary.is-loading {
  cursor: wait;
}

/* line 627, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 58vh;
  overflow-y: auto;
  padding-right: 0.25rem;
}

/* line 636, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-overview {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-tertiary);
}

/* line 647, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-overview__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 654, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-overview__label {
  display: block;
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 660, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-overview__stackset,
.portal-accounts-page .portal-accounts-progress-overview__meta {
  display: block;
  color: var(--color-neutral-text-secondary);
}

/* line 666, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-overview__status {
  flex: 0 0 auto;
}

/* line 670, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--color-neutral-bg-primary);
}

/* line 677, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-bar__fill {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: var(--color-main-bg-primary);
  transition: width 150ms ease-in-out;
}

/* line 686, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  min-height: 64px;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 698, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-row--stackset-pending,
.portal-accounts-page .portal-accounts-progress-row--pending-stackset,
.portal-accounts-page .portal-accounts-progress-row--stackset-running,
.portal-accounts-page .portal-accounts-progress-row--assume-role-validating {
  border-color: var(--color-warning-bg-secondary);
}

/* line 705, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-row--stackset-succeeded,
.portal-accounts-page .portal-accounts-progress-row--imported,
.portal-accounts-page .portal-accounts-progress-row--completed,
.portal-accounts-page .portal-accounts-progress-row--succeeded {
  border-color: var(--color-main-bg-primary);
}

/* line 712, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-row--failed,
.portal-accounts-page .portal-accounts-progress-row--stackset-failed,
.portal-accounts-page .portal-accounts-progress-row--completed-with-errors {
  border-color: var(--color-error-border);
}

/* line 718, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-account {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 724, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-account-name,
.portal-accounts-page .portal-accounts-progress-account-id,
.portal-accounts-page .portal-accounts-progress-error-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 732, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-account-name {
  color: var(--color-neutral-text-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

/* line 739, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-account-id,
.portal-accounts-page .portal-accounts-progress-error-text {
  color: var(--color-neutral-text-secondary);
  font-size: 11px;
  line-height: 16px;
}

/* line 746, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-status-wrap,
.portal-accounts-page .portal-accounts-progress-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 753, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-loading {
  justify-content: center;
  min-height: 120px;
  color: var(--color-neutral-text-secondary);
}

/* line 759, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-progress-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-neutral-border-secondary);
  border-top-color: var(--color-main-bg-primary);
  border-radius: 50%;
  animation: portalAccountsProgressSpin 0.8s linear infinite;
  flex: 0 0 auto;
}

@keyframes portalAccountsProgressSpin {
  to {
    transform: rotate(360deg);
  }
}

/* line 775, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-loading-row td {
  padding: 0;
  background: transparent;
}

/* line 780, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-loading-row:hover {
  background: transparent !important;
}

/* line 784, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-panel {
  background: transparent;
  padding: 0;
  overflow-x: auto;
}

/* line 791, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody tr.portal-accounts-linked-account-row:hover {
  background: inherit !important;
}

/* line 796, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-account-row td:first-child {
  position: relative;
}

/* line 800, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-cloud-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 806, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-branch {
  display: inline-block;
  width: 12px;
  height: 16px;
  border-left: 2px solid var(--color-neutral-border-secondary);
  border-bottom: 2px solid var(--color-neutral-border-secondary);
  border-bottom-left-radius: 4px;
  flex: 0 0 auto;
}

/* line 816, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-name {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* line 824, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-name > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 830, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-linked-row-badge {
  display: inline-flex;
  align-items: center;
  max-width: 96px;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 8px;
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 847, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-cloud {
  width: 8%;
}

/* line 848, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-env {
  width: 12%;
}

/* line 849, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-regions {
  width: 12%;
}

/* line 850, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-account-id {
  width: 15%;
}

/* line 851, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-name {
  width: 18%;
}

/* line 852, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-role {
  width: 20%;
}

/* line 853, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-import {
  width: 10%;
}

/* line 854, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-actions {
  width: 5%;
}

/* line 855, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-col-company {
  width: 10%;
}

/* line 858, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-cloud {
  width: 7%;
}

/* line 859, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-company {
  width: 10%;
}

/* line 860, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-env {
  width: 10%;
}

/* line 861, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-regions {
  width: 10%;
}

/* line 862, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-account-id {
  width: 13%;
}

/* line 863, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-name {
  width: 16%;
}

/* line 864, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-role {
  width: 17%;
}

/* line 865, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-import {
  width: 10%;
}

/* line 866, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-colgroup--sso .portal-accounts-col-actions {
  width: 7%;
}

/* line 869, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn--expand .glyphicon {
  color: var(--color-main-text-primary);
  transition: transform 150ms ease-in-out;
}

/* line 874, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-inline-expand-btn,
.portal-accounts-page .portal-accounts-icon-btn--expand {
  color: var(--color-main-text-primary);
}

/* line 879, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-inline-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  line-height: 1;
  margin-right: 0.5rem;
}

/* line 892, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-inline-expand-btn:hover, .portal-accounts-page .portal-accounts-inline-expand-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 898, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-inline-expand-btn .glyphicon {
  transition: transform 150ms ease-in-out;
}

/* line 902, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-inline-expand-btn.is-expanded .glyphicon {
  transform: rotate(180deg);
}

/* line 907, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn--expand.is-expanded .glyphicon {
  transform: rotate(180deg);
}

/* line 911, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-search {
  position: relative;
  flex: 1 1 520px;
  max-width: 520px;
}

/* line 917, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-search__input {
  padding: 24px 24px 24px calc(24px + 14px + 10px);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  font-family: 'Poppins', 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}

/* line 931, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-search__input:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-neutral-border-secondary);
}

/* line 937, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-search__input::placeholder {
  color: var(--color-neutral-text-secondary);
  opacity: 1;
}

/* line 943, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-search__icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-disable);
  pointer-events: none;
}

/* line 952, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-filters {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-right: 22px;
}

/* line 960, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-chip {
  background: var(--color-neutral-bg-tertiary);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
  color: var(--color-neutral-text-primary);
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
  min-width: 64px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 975, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-chip:hover:not(.is-active) {
  background: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 980, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-chip.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 986, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-chip.is-active:hover {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 993, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-actions-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  margin-top: 0;
  flex-wrap: wrap;
}

/* line 1002, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-howto-btn {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 1006, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-howto-btn:hover, .portal-accounts-page .portal-accounts-howto-btn:focus {
  text-decoration: underline;
  color: var(--color-main-text-primary);
}

/* line 1013, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  cursor: pointer;
  text-decoration: none;
}

/* line 1026, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn:hover, .portal-accounts-page .portal-accounts-new-btn:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  outline: none;
  text-decoration: none;
}

/* line 1034, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn--secondary {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1039, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn--secondary:hover, .portal-accounts-page .portal-accounts-new-btn--secondary:focus {
  background: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1047, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn__icon {
  font-size: 14px;
  line-height: 1;
}

/* line 1052, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-new-btn__text {
  line-height: 1;
}

/* line 1056, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table-wrap {
  margin-top: 1.5rem;
}

/* line 1060, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-clickable-region {
  cursor: pointer;
  border-bottom: 1px dotted var(--color-neutral-border-secondary);
  color: var(--color-main-text-primary);
}

/* line 1066, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-toast {
  position: fixed;
  top: 70px;
  right: 32px;
  min-width: 300px;
  z-index: 9999;
  display: none;
}

/* line 1075, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-modal-errors.is-hidden {
  display: none !important;
}

/* line 1085, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .modal.portal-accounts-drawer-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 520px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 1099, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .modal.portal-accounts-drawer-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

/* line 1103, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .modal.portal-accounts-drawer-modal .modal-content {
  height: 100%;
  border-radius: 12px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 1110, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__content {
  position: relative;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: var(--color-neutral-text-primary);
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

/* line 1122, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__content .modal-header,
.portal-accounts-page .portal-accounts-close-event-modal__content .modal-footer {
  border: 0;
}

/* line 1128, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal .modal-content form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
}

/* line 1136, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 3rem;
  padding: 0 2.5rem 0 0;
  width: 100%;
  border-bottom: none;
  position: relative;
}

/* line 1147, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 1163, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 1168, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 1174, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close-icon::before, .portal-accounts-page .portal-accounts-close-event-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 1188, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 1192, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 1197, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__title {
  text-align: left;
  width: 100%;
  color: var(--color-neutral-text-primary);
  margin-bottom: 16px;
}

/* line 1204, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px !important;
  flex: 1 1 auto;
  overflow: auto;
}

/* line 1214, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body .form-group {
  margin-bottom: 0;
}

/* line 1218, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body label {
  display: block;
  margin-bottom: 6px;
  color: var(--color-neutral-text-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* line 1228, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body .form-control {
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 1237, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body textarea.form-control {
  height: auto;
  min-height: 120px;
  padding-top: 12px;
  padding-bottom: 12px;
  resize: vertical;
}

/* line 1245, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__body .form-control:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 1251, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-field-help {
  display: block;
  margin-top: 0.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1259, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 1rem;
  padding: 1rem 0;
  margin-top: auto;
  background-color: var(--color-neutral-bg-primary);
  width: 100%;
  position: sticky;
  bottom: 0;
}

/* line 1274, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-primary,
.portal-accounts-page .portal-accounts-close-event-modal__btn-cancel {
  flex: 1 1 0;
  min-width: 0;
  min-height: 40px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
}

/* line 1284, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-primary {
  color: var(--color-neutral-text-active);
  background-color: var(--color-main-bg-primary);
  border: none;
}

/* line 1289, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-primary:hover:not(:disabled) {
  background-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1294, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-primary:disabled, .portal-accounts-page .portal-accounts-close-event-modal__btn-primary:disabled:hover {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 1;
}

/* line 1303, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-cancel {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 1308, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-close-event-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1314, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-pre {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  padding: 0.75rem;
  font-size: 12px;
}

/* line 1325, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer-modal .portal-accounts-close-event-modal__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 0 !important;
}

/* line 1334, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer-modal .portal-accounts-close-event-modal__header {
  flex-shrink: 0;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
}

/* line 1341, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1.5rem 1rem;
  -webkit-overflow-scrolling: touch;
}

/* line 1350, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__card {
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 1357, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__inner {
  text-align: left;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1366, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__inner dd {
  margin-left: 0;
}

/* line 1370, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__inner dl {
  margin-bottom: 1rem;
}

/* line 1373, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__inner dl:last-child {
  margin-bottom: 0;
}

/* line 1379, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-pre--drawer {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0.75rem;
  font-family: ui-monospace, Menlo, Monaco, 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.45;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  overflow-x: auto;
  white-space: pre;
}

/* line 1396, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__card .portal-accounts-help-pre--drawer {
  background-color: var(--color-neutral-bg-primary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 1401, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 1412, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-drawer__close-btn {
  width: 100%;
  max-width: 280px;
  min-height: 40px;
}

/* line 1418, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 1425, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__icon {
  font-size: 20px;
  color: var(--color-main-text-primary);
}

/* line 1430, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__block {
  margin-bottom: 0.5rem;
}

/* line 1434, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__list {
  margin-top: 4px;
}

/* line 1438, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__hint {
  color: var(--color-informative-text-primary);
}

/* line 1442, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-help-modal__footer {
  font-size: 12px;
  color: var(--color-neutral-text-secondary);
}

/* line 1453, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  margin-bottom: 0;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  overflow: hidden;
}

/* line 1464, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table thead th {
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 1472, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody tr {
  transition: background-color 150ms ease-in-out;
}

/* line 1475, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 1481, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-cross-white-secondary);
}

/* line 1485, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-primary);
}

/* line 1489, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0;
}

/* line 1497, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table thead .portal-accounts-actions-col {
  display: table-cell;
}

/* line 1501, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-table tbody .portal-accounts-actions-col,
.portal-accounts-page td.portal-accounts-actions-col {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

/* line 1510, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 24px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

/* line 1524, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1530, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1536, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1542, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-env-pill--qa {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1548, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 4px;
  transition: background-color 150ms ease-in-out;
  line-height: 1;
}

/* line 1561, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn:hover, .portal-accounts-page .portal-accounts-icon-btn:focus {
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 1568, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn--edit .glyphicon {
  color: var(--color-success-text-primary);
}

/* line 1572, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn--delete .glyphicon {
  color: var(--color-error-text-primary);
}

/* line 1576, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-icon-btn--progress .glyphicon,
.portal-accounts-page .portal-accounts-icon-btn--retry .glyphicon {
  color: var(--color-main-text-primary);
}

/* line 1585, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-action-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* line 1600, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-action-icon--help {
  width: 16px;
  height: 16px;
  color: var(--color-main-text-primary);
  -webkit-mask-image: url(/assets/icons/help-icon-83a0a05b43b1b89b745f8b57b0a37c4db33402d5991b22be8c870e307511041b.svg);
  mask-image: url(/assets/icons/help-icon-83a0a05b43b1b89b745f8b57b0a37c4db33402d5991b22be8c870e307511041b.svg);
}

/* line 1608, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-action-icon--edit {
  color: var(--color-main-text-primary);
  -webkit-mask-image: url(/assets/icons/edit-icon-light-2dc9dcb92db08e00d59d119905d2955fd077406c38f5ad16097aa67c2d391d91.svg);
  mask-image: url(/assets/icons/edit-icon-light-2dc9dcb92db08e00d59d119905d2955fd077406c38f5ad16097aa67c2d391d91.svg);
}

/* line 1614, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-action-icon--trash {
  color: var(--color-error-text-primary);
  -webkit-mask-image: url(/assets/icons/trash-icon-d7654a4263452654652f5e22db4bf638944c3f5e7ba426c79335ea48ec8bc72d.svg);
  mask-image: url(/assets/icons/trash-icon-d7654a4263452654652f5e22db4bf638944c3f5e7ba426c79335ea48ec8bc72d.svg);
}

/* line 1624, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal .modal-dialog {
  margin: 12vh auto 0;
  max-width: 400px;
  width: calc(100% - 32px);
}

/* line 1630, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal .modal-content {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 1637, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__content {
  position: relative;
  width: 640px;
  height: 480px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 1.5rem;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 1647, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  padding: 0;
  border: none;
  background: transparent;
  line-height: 1;
  opacity: 1;
}

/* line 1658, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__close:hover .portal-accounts-delete-modal__close-inner, .portal-accounts-page .portal-accounts-delete-modal__close:focus .portal-accounts-delete-modal__close-inner {
  background-color: var(--color-neutral-hover-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1664, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__close:focus {
  outline: none;
}

/* line 1669, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__close-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 9999px;
  background-color: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  margin-top: 20px;
  margin-right: 20px;
}

/* line 1686, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding: 48px;
}

/* line 1695, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1701, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__trash-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-color: transparent;
  background-image: url(/assets/icons/big-trash-icon-4bf33367652a4a571b682fd023348d7758fc094a78194132ddd3cf8906257297.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 1712, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__title {
  margin: 0;
  max-width: 100%;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1718, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__account-card {
  align-self: stretch;
  padding: 1rem 1.25rem;
  text-align: center;
}

/* line 1725, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__account-name {
  margin: 0;
  word-break: break-word;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0 !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1736, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__actions {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 1rem;
  width: 100%;
  margin-top: 0;
}

/* line 1745, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__btn-delete {
  width: 100%;
  min-height: 44px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: none;
  color: var(--color-neutral-text-active);
  background-color: var(--color-error-text-primary);
}

/* line 1754, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__btn-delete:hover {
  background-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1760, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__btn-cancel {
  width: 100%;
  min-height: 44px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 1769, app/assets/stylesheets/portal_accounts/index.scss */
.portal-accounts-page .portal-accounts-delete-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  appearance: none;
}

/* line 19, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 24, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled], .scale-hub-bar__group-pill:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  opacity: 0.7;
}

/* line 32, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled]:hover, .scale-hub-bar__group-pill:disabled:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 39, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 47, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 54, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--light {
  display: block;
}

/* line 57, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--light {
  display: none;
}

/* line 62, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--dark {
  display: none;
}

/* line 65, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--dark {
  display: block;
}

/* line 71, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown {
  position: relative;
}

/* line 75, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  z-index: 1000;
  display: none;
  min-width: 264px;
}

/* line 84, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel.is-open {
  display: block;
}

/* line 89, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1rem;
  gap: 1.5rem;
  width: 360px;
  min-width: 264px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 103, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.5rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* line 114, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 122, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 127, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
}

/* line 137, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 147, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input[type='radio'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 155, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease-in-out;
}

/* line 167, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  transform: scale(0);
  transition: transform 150ms ease-in-out;
}

/* line 178, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon {
  border-color: var(--color-main-border);
}

/* line 181, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon::after {
  transform: scale(1);
}

/* line 186, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option-text {
  color: var(--color-neutral-text-primary);
}

/* line 190, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill .home-scale__env-badge,
.scale-hub-bar__group-pill-env.home-scale__env-badge {
  flex-shrink: 0;
}

/* line 195, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__env-pill {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 213, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__divider {
  display: none;
}

/* line 217, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  z-index: 1;
}

/* line 225, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 230, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  min-width: 69px;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  z-index: 1;
}

/* line 244, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply:hover {
  background: var(--color-neutral-bg-tertiary);
}

/* line 249, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-section__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 4, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-page {
  width: 100%;
}

/* line 8, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-app-picker {
  position: relative;
}

/* line 12, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.25rem;
}

/* line 21, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
}

/* line 31, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__trigger:hover, .reports-availability-filters__trigger:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 38, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__trigger-icon {
  width: 16px;
  height: 16px;
}

/* line 43, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* line 50, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 220px;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__chip:hover, .reports-availability-filters__chip:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 70, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

/* line 77, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__chip-x {
  flex-shrink: 0;
  line-height: 1;
}

/* line 82, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 20;
  width: 640px;
  max-width: calc(100vw - 48px);
  padding: 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  background: var(--color-neutral-bg-cross-white-primary);
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
}

/* line 96, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 104, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__panel-title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 109, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__panel-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  line-height: 1;
  cursor: pointer;
}

/* line 123, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__panel-close:hover, .reports-availability-filters__panel-close:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 130, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

/* line 137, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__select {
  width: 100%;
  height: 44px;
  padding: 0 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-cross-white-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 147, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__select:focus {
  border-color: var(--color-main-border);
  outline: none;
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 154, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
}

/* line 161, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__btn-clear {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 168, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__btn-clear:hover, .reports-availability-filters__btn-clear:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 176, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__btn-apply {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
}

/* line 186, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__btn-apply img {
  width: 14px;
  height: 14px;
}

/* line 191, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-filters__btn-apply:hover, .reports-availability-filters__btn-apply:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 198, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table-wrap {
  overflow-x: auto;
}

/* line 202, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table {
  width: 100%;
  margin: 0;
}

/* line 207, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__th--app {
  width: 28%;
  min-width: 180px;
}

/* line 212, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__th--id {
  width: 36%;
  min-width: 220px;
}

/* line 217, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__th--availability,
.reports-availability-table__th--downtime {
  width: 18%;
  min-width: 110px;
}

/* line 223, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-cell {
  padding: 0 !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 229, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 12px 1.25rem;
  border: 0;
  border-left: 3px solid var(--color-main-border);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

/* line 242, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-toggle:hover, .reports-availability-table__group-toggle:focus {
  outline: none;
  background: var(--color-neutral-hover-bg-primary);
}

/* line 248, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-toggle.is-open .reports-availability-table__group-chevron-icon {
  transform: rotate(180deg);
}

/* line 253, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-name {
  color: var(--color-neutral-text-primary);
}

/* line 257, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 264, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-chevron-icon {
  width: 12px;
  height: 8px;
  display: block;
  transition: transform 120ms ease;
}

/* line 271, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__group-body[hidden],
.reports-availability-table__group-body.is-collapsed {
  display: none;
}

/* line 276, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__row:nth-child(even) .reports-availability-table__cell {
  background: var(--color-neutral-bg-secondary);
}

/* line 280, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__cell {
  vertical-align: middle;
}

/* line 284, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__app {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 291, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__app-name {
  color: var(--color-neutral-text-primary);
}

/* line 295, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__app-domain {
  color: var(--color-neutral-text-secondary);
}

/* line 299, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__cell--id {
  color: var(--color-neutral-text-secondary);
  word-break: break-all;
}

/* line 304, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__status--healthy {
  color: var(--color-success-text-primary);
}

/* line 308, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__status--warning {
  color: var(--color-warning-text-primary);
}

/* line 312, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__status--unhealthy {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-table__status--unavailable {
  color: var(--color-neutral-text-secondary);
}

/* line 320, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 360px;
  padding: 2rem 1.25rem;
  text-align: center;
}

/* line 331, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty__illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

/* line 338, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty__img {
  width: 280px;
  max-width: 70vw;
  height: auto;
}

/* line 344, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty__img--dark {
  display: none;
}

/* line 348, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 353, app/assets/stylesheets/reports_avaibility.scss */
.reports-availability-empty__text {
  margin: 0;
  max-width: 420px;
  color: var(--color-neutral-text-secondary);
}

/* line 360, app/assets/stylesheets/reports_avaibility.scss */
html[data-theme='dark'] .reports-availability-empty__img--light {
  display: none;
}

/* line 364, app/assets/stylesheets/reports_avaibility.scss */
html[data-theme='dark'] .reports-availability-empty__img--dark {
  display: block;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 3, app/assets/stylesheets/reports_index.scss */
.reports-hub-page {
  padding-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/reports_index.scss */
.reports-hub-page__subtitle {
  margin: 0.5rem 0 0;
  max-width: 720px;
  color: var(--color-neutral-text-secondary);
}

/* line 14, app/assets/stylesheets/reports_index.scss */
.reports-hub-page .tools-hub-page__section--untitled .tools-hub-page__section-title {
  display: none;
}

/* line 19, app/assets/stylesheets/reports_index.scss */
.reports-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 24, app/assets/stylesheets/reports_index.scss */
.reports-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 30, app/assets/stylesheets/reports_index.scss */
.reports-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 10%);
  height: 200px;
  max-width: 100%;
  object-fit: cover;
}

/* line 38, app/assets/stylesheets/reports_index.scss */
.reports-hub-preview__img--spaced {
  margin-top: 1rem;
}

/* line 45, app/assets/stylesheets/reports_index.scss */
.reports-page.trial-mode .tools-hub-card {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

/* line 51, app/assets/stylesheets/reports_index.scss */
.reports-page.trial-mode .tools-hub-card__logo {
  filter: blur(0.8px);
}

/* line 55, app/assets/stylesheets/reports_index.scss */
.reports-page.trial-mode .tools-hub-card__footer {
  display: none;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}

/* line 4, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page {
  width: 100%;
  padding-bottom: 2rem;
}

/* line 9, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  border-bottom: none;
  padding-bottom: 0;
}

/* line 18, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__back:hover, .reports-sonarqube-page__back:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 33, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__back-icon {
  width: 16px;
  height: 16px;
}

/* line 37, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__back-icon--light {
  display: inline-block;
}

/* line 41, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__back-icon--dark {
  display: none;
}

/* line 46, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

/* line 55, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__hero-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
  flex: 1 1 280px;
}

/* line 64, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__hero-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  margin-left: auto;
  flex: 0 0 auto;
}

/* line 73, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 79, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__help {
  display: inline-flex;
  align-items: center;
  cursor: help;
}

/* line 85, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__help-icon {
  width: 18px;
  height: 18px;
}

/* line 90, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-page__last-run {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 95, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-service-picker-wrap {
  position: relative;
}

/* line 99, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-service-picker__filter-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 104, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-service-picker__filter-icon--dark {
  display: none;
}

/* line 109, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 420px;
  padding: 2rem 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
}

/* line 122, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty__illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 128, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty__img {
  width: 100%;
  max-width: 240px;
  height: auto;
}

/* line 133, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty__img--dark {
  display: none;
}

/* line 138, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty__title {
  margin: 0 0 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 143, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-empty__text {
  margin: 0;
  max-width: 420px;
  color: var(--color-neutral-text-secondary);
}

/* line 149, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel {
  background: var(--color-neutral-bg-primary);
}

/* line 153, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.25rem 0;
}

/* line 162, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__identity {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
  flex: 1 1 280px;
  padding-bottom: 1rem;
}

/* line 171, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

/* line 178, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__identity-text {
  min-width: 0;
}

/* line 182, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__name {
  margin: 0 0 0.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 187, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__caption {
  margin: 0;
  max-width: 560px;
  color: var(--color-neutral-text-secondary);
}

/* line 193, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-tabs {
  display: inline-flex;
  align-items: stretch;
  gap: 1rem;
}

/* line 199, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-tabs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 0.75rem;
  border-bottom: 2px solid transparent;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
}

/* line 208, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-tabs__item:hover, .reports-sonarqube-tabs__item:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
}

/* line 215, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-tabs__item.is-active {
  color: var(--color-main-text-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 221, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__body {
  padding: 1.25rem;
}

/* line 225, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-placeholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  min-height: 180px;
  padding: 1.5rem;
  border: 1px dashed var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-secondary);
}

/* line 237, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-placeholder__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 242, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-placeholder__text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 247, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-legacy-html {
  width: 100%;
  overflow-x: auto;
}

/* line 251, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-legacy-html table {
  width: 100%;
}

/* line 255, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-legacy-html td,
.reports-sonarqube-legacy-html th {
  padding: 6px 8px;
}

/* line 261, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-panel__body--flush {
  padding: 0;
}

/* line 265, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 1.25rem;
  padding: 1rem 1.25rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
}

/* line 278, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search-form {
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 285, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 292, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* line 303, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search-input {
  width: 100%;
  height: 40px;
  padding: 0 1rem 0 38px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-cross-white-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 313, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 317, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 324, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__filters {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 332, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  border: none;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  letter-spacing: 0.04em;
  white-space: nowrap;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 347, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__filter:hover, .reports-sonarqube-microservices__filter:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 355, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__filter.is-active {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 359, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__filter.is-active:hover, .reports-sonarqube-microservices__filter.is-active:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 367, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__table-wrap {
  width: 100%;
  overflow-x: auto;
  padding: 0 1.25rem 1.25rem;
}

/* line 373, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-microservices__pagination {
  padding: 0 1.25rem 1.25rem;
}

/* line 377, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 383, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table thead th {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 388, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table thead th.reports-sonarqube-ms-table__th--actions {
  border-right: 0;
}

/* line 392, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th {
  text-align: center;
  background: var(--color-neutral-bg-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  vertical-align: middle;
  padding: 12px 14px;
}

/* line 400, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th--name,
.reports-sonarqube-ms-table__cell--name {
  text-align: left;
}

/* line 405, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th--metrics {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 409, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th--maintainer {
  min-width: 120px;
}

/* line 413, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th--actions {
  width: 88px;
  min-width: 88px;
}

/* line 418, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__th--sub {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 423, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__cell {
  text-align: center;
  vertical-align: middle;
  padding: 16px 14px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 430, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table tbody tr:nth-child(even) .reports-sonarqube-ms-table__cell {
  background: var(--color-neutral-bg-secondary);
}

/* line 434, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table tbody tr:last-child .reports-sonarqube-ms-table__cell {
  border-bottom: 0;
}

/* line 438, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__cell--gate {
  min-width: 132px;
}

/* line 442, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__cell--maintainer {
  color: var(--color-neutral-text-secondary);
}

/* line 446, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-ms-table__cell--actions {
  text-align: right;
  white-space: nowrap;
  padding-right: 18px;
}

/* line 452, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 9999px;
  white-space: nowrap;
}

/* line 463, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate--failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 468, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate--ok {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 473, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate--unknown {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 478, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 484, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-gate__since {
  display: block;
  margin-top: 6px;
  color: var(--color-neutral-text-secondary);
}

/* line 490, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-metric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* line 497, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-metric__value {
  color: var(--color-neutral-text-primary);
}

/* line 501, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  line-height: 1;
  color: var(--color-neutral-text-primary);
}

/* line 512, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--a {
  background: var(--color-success-bg-secondary);
}

/* line 516, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--b {
  background: var(--color-informative-bg-secondary);
}

/* line 520, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--c {
  background: var(--color-warning-bg-secondary);
}

/* line 524, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--d {
  background: #f58220;
}

/* line 528, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--e {
  background: var(--color-error-bg-secondary);
}

/* line 532, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--f {
  background: #b012fa;
}

/* line 536, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-grade--unknown {
  background: var(--color-neutral-bg-tertiary);
}

/* line 540, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-view-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 547, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-view-link:hover, .reports-sonarqube-view-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
  outline: none;
}

/* line 555, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-view-link__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 561, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary {
  padding: 1.25rem;
}

/* line 565, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary__table-wrap {
  width: 100%;
  overflow-x: auto;
}

/* line 570, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table {
  width: 100%;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

/* line 578, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table th,
.reports-sonarqube-summary-table td {
  border-left: 0;
  border-right: 0;
}

/* line 585, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table th.reports-sonarqube-summary-table__th--divider {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 590, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__th {
  text-align: center;
  background: var(--color-neutral-bg-primary);
  border-top: 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  vertical-align: middle;
  padding: 12px 14px;
}

/* line 600, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table thead tr:first-child .reports-sonarqube-summary-table__th--group {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 12px 14px;
  vertical-align: middle;
}

/* line 605, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table thead tr:first-child .reports-sonarqube-summary-table__th--group::before, .reports-sonarqube-summary-table thead tr:first-child .reports-sonarqube-summary-table__th--group::after {
  content: none !important;
  display: none !important;
}

/* line 612, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__group-label {
  display: block;
}

/* line 616, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__th--sub {
  padding-top: 8px;
  padding-bottom: 12px;
}

/* line 621, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__th--studio,
.reports-sonarqube-summary-table__cell--studio {
  text-align: left;
}

/* line 626, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__cell {
  text-align: center;
  vertical-align: middle;
  padding: 14px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
}

/* line 634, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__row--zebra .reports-sonarqube-summary-table__cell {
  background: var(--color-neutral-bg-secondary);
}

/* line 638, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__group td {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 12px 14px;
}

/* line 646, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__total td,
.reports-sonarqube-summary-table__grand-total td {
  font-weight: 600;
}

/* line 651, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__total-label {
  color: var(--color-neutral-text-primary);
}

/* line 655, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-qg-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  min-width: 56px;
  padding: 4px 10px;
  border-radius: 9999px;
  white-space: nowrap;
}

/* line 667, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-qg-pill--ok {
  background: var(--color-success-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 672, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-qg-pill--failed {
  background: var(--color-error-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 677, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-qg-pill__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 683, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__score--success {
  color: var(--color-success-text-primary);
}

/* line 687, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__score--danger {
  color: var(--color-error-text-primary);
}

/* line 691, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__score--neutral {
  color: var(--color-neutral-text-primary);
}

/* line 695, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__metric--danger {
  color: var(--color-error-text-primary);
}

/* line 699, app/assets/stylesheets/reports_sonarqube.scss */
.reports-sonarqube-summary-table__metric--neutral {
  color: var(--color-neutral-text-primary);
}

/* line 704, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-page__back-icon--dark {
  display: inline-block;
}

/* line 708, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-page__back-icon--light {
  display: none;
}

/* line 712, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-service-picker__filter-icon--light {
  display: none;
}

/* line 716, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-service-picker__filter-icon--dark {
  display: block;
}

/* line 720, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-empty__img--light {
  display: none;
}

/* line 724, app/assets/stylesheets/reports_sonarqube.scss */
html[data-theme='dark'] .reports-sonarqube-empty__img--dark {
  display: block;
}

@media (max-width: 767px) {
  /* line 730, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-page__hero-right {
    align-items: flex-start;
    margin-left: 0;
    width: 100%;
  }
  /* line 736, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-panel__header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 741, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-panel__body {
    padding: 1rem;
  }
  /* line 745, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-panel__body--flush {
    padding: 0;
  }
  /* line 749, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-microservices__toolbar {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 756, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-microservices__table-wrap,
.reports-sonarqube-microservices__pagination {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 762, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-microservices__filters {
    margin-left: 0;
    width: 100%;
  }
  /* line 767, app/assets/stylesheets/reports_sonarqube.scss */
  .reports-sonarqube-summary {
    padding: 1rem;
  }
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 1.25rem 0.75rem;
  padding: 1rem 1.25rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
}

/* line 16, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search-form {
  flex: 1 1 auto;
  min-width: 260px;
  max-width: 420px;
  margin: 0;
}

/* line 23, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 30, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-text-secondary);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* line 41, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search-input {
  width: 100%;
  height: 40px;
  padding: 0 1rem 0 38px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-cross-white-primary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
}

/* line 51, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 55, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__search-input:focus {
  outline: none;
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
}

/* line 62, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__filters {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 70, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  border: none;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  letter-spacing: 0.04em;
  white-space: nowrap;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 85, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__filter:hover, .reports-veracode-microservices__filter:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  background: var(--color-neutral-hover-bg-primary);
  outline: none;
}

/* line 93, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__filter.is-active {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 97, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-microservices__filter.is-active:hover, .reports-veracode-microservices__filter.is-active:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 105, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0 1.25rem 1.25rem;
  padding: 10px 1.25rem;
  min-height: 40px;
  background: var(--color-neutral-bg-secondary);
  border-radius: 8px;
}

/* line 118, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__title {
  color: var(--color-neutral-text-primary);
  flex-shrink: 0;
}

/* line 123, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__divider {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: var(--color-neutral-border-primary);
  flex-shrink: 0;
}

/* line 131, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__items {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* line 138, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-neutral-text-primary);
}

/* line 144, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: var(--color-neutral-border-secondary);
  flex-shrink: 0;
}

/* line 153, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--info::before {
  background: var(--color-success-bg-primary);
}

/* line 157, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--very-low::before {
  background: var(--color-informative-bg-primary);
}

/* line 161, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--low::before {
  background: var(--color-warning-bg-primary);
}

/* line 165, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--medium::before {
  background: var(--color-avatar-bg-4);
}

/* line 169, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--high::before {
  background: var(--color-error-bg-primary);
}

/* line 173, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-legend__item--very-high::before {
  background: var(--color-avatar-bg-1);
}

/* line 178, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table {
  width: 100%;
  margin: 0;
}

/* line 183, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table thead th {
  vertical-align: middle;
}

/* line 187, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__th,
.reports-veracode-ms-table__cell {
  vertical-align: middle;
}

/* line 192, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__cell--policy {
  vertical-align: top;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 198, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__th--name,
.reports-veracode-ms-table__cell--name {
  width: 18%;
  min-width: 140px;
}

/* line 204, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__th--policy,
.reports-veracode-ms-table__cell--policy {
  width: 52%;
}

/* line 209, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__th--studio,
.reports-veracode-ms-table__cell--studio {
  width: 16%;
}

/* line 214, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table__th--actions,
.reports-veracode-ms-table__cell--actions {
  width: 14%;
  text-align: right;
  white-space: nowrap;
}

/* line 221, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-ms-table tbody tr:nth-child(even) .reports-veracode-ms-table__cell {
  background: var(--color-neutral-bg-secondary);
}

/* line 225, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

/* line 232, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

/* line 240, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__name {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  flex: 0 1 auto;
  margin-left: 2rem;
}

@media (max-width: 1199px) {
  /* line 251, app/assets/stylesheets/reports_veracode.scss */
  .reports-veracode-policy__name {
    margin-left: 1.5rem;
  }
}

@media (max-width: 991px) {
  /* line 257, app/assets/stylesheets/reports_veracode.scss */
  .reports-veracode-policy__name {
    margin-left: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 263, app/assets/stylesheets/reports_veracode.scss */
  .reports-veracode-policy__name {
    margin-left: 0.5rem;
  }
}

/* line 268, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__name-prefix {
  color: var(--color-neutral-text-secondary);
}

/* line 272, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__name-value {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 277, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

/* line 290, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__toggle:hover, .reports-veracode-policy__toggle:focus {
  outline: none;
  opacity: 0.8;
}

/* line 296, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__toggle.is-open .reports-veracode-policy__toggle-icon {
  transform: rotate(180deg);
}

/* line 301, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__toggle-icon {
  width: 12px;
  height: 8px;
  display: block;
  transition: transform 120ms ease;
}

/* line 308, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-gate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 318, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-gate--pass {
  color: var(--color-success-text-primary);
  background: var(--color-success-bg-secondary);
}

/* line 323, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-gate--failed {
  color: var(--color-error-text-primary);
  background: var(--color-error-bg-secondary);
}

/* line 328, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-gate--conditional,
.reports-veracode-gate--unknown {
  color: var(--color-neutral-text-secondary);
  background: var(--color-neutral-bg-tertiary);
}

/* line 334, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-gate__icon {
  width: 12px;
  height: 12px;
}

/* line 339, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  flex: 1 1 380px;
  width: 380px;
  min-width: 320px;
  max-width: 100%;
  margin-left: auto;
}

/* line 350, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* line 359, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__count {
  color: var(--color-neutral-text-primary);
  line-height: 1.1;
}

/* line 364, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__bar {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: 2px;
  background: var(--color-neutral-border-secondary);
}

/* line 372, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--info .reports-veracode-flaws__bar {
  background: var(--color-success-bg-primary);
}

/* line 376, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--very-low .reports-veracode-flaws__bar {
  background: var(--color-informative-bg-primary);
}

/* line 380, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--low .reports-veracode-flaws__bar {
  background: var(--color-warning-bg-primary);
}

/* line 384, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--medium .reports-veracode-flaws__bar {
  background: var(--color-avatar-bg-4);
}

/* line 388, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--high .reports-veracode-flaws__bar {
  background: var(--color-error-bg-primary);
}

/* line 392, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-flaws__item--very-high .reports-veracode-flaws__bar {
  background: var(--color-avatar-bg-1);
}

/* line 396, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__details {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 1.5rem;
  padding-left: 2px;
}

/* line 404, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__details:not([hidden]) {
  display: flex;
}

/* line 408, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__details[hidden] {
  display: none !important;
}

/* line 413, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__checks {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

/* line 420, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
}

/* line 428, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__check-icon {
  color: var(--color-neutral-text-secondary);
}

/* line 432, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__check.is-ok .reports-veracode-policy__check-icon {
  color: var(--color-success-text-primary);
}

/* line 436, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__check.is-fail .reports-veracode-policy__check-icon {
  color: var(--color-error-text-primary);
}

/* line 440, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__check-label {
  color: var(--color-neutral-text-primary);
}

/* line 444, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  margin-left: 0.75rem;
}

/* line 453, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__meta-item {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

/* line 460, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__meta-label {
  color: var(--color-neutral-text-secondary);
}

/* line 464, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__meta-value {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 469, app/assets/stylesheets/reports_veracode.scss */
.reports-veracode-policy__meta-sep {
  color: var(--color-neutral-text-secondary);
}
/* line 216, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2rem;
}

/* line 21, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 36, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 260px;
}

/* line 43, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 49, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 54, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__help-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 60, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__description {
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 65, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex: 0 0 auto;
}

/* line 73, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: none;
  background-color: var(--color-main-bg-primary);
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

/* line 87, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__btn-primary:hover {
  background-color: var(--color-main-hover-bg-primary);
  color: #ffffff;
  text-decoration: none;
}

/* line 94, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page-header__btn-icon {
  display: inline-flex;
  align-items: center;
}

/* line 102, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-section {
  margin-top: 2rem;
}

/* line 106, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-cards-wrap {
  padding: 0;
}

/* line 110, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  margin: 1.5rem 1rem;
  padding: 2rem;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
}

/* line 122, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty__copy {
  flex: 1 1 240px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 129, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty__item {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 133, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty__item .glyphicon {
  margin-right: 0.5rem;
  color: var(--color-success-text-primary);
}

/* line 139, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty__preview {
  flex: 2 1 320px;
  padding: 1rem;
  text-align: center;
  background: var(--color-neutral-bg-secondary);
  border-radius: 8px;
}

/* line 147, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-empty__image {
  max-width: 100%;
  height: 240px;
  object-fit: cover;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
}

/* line 155, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 161, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-section__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 166, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-section__divider {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 176, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-cards-row {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* line 183, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card-column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

/* line 188, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card-column .scale-group-card {
  height: 100%;
}

/* line 196, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 3rem;
  gap: 1rem;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  text-align: left;
  box-shadow: var(--shadow-elevation-panel);
}

/* line 211, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 219, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: var(--color-neutral-bg-disable);
  border-radius: 9999px;
  color: var(--color-neutral-text-secondary);
  white-space: nowrap;
}

/* line 233, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 239, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 246, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__identity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex-wrap: wrap;
}

/* line 254, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 259, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  height: 24px;
  padding: 0 0.5rem;
  border-radius: 8px;
  border: 1px solid transparent;
  text-align: center;
  white-space: nowrap;
}

/* line 272, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 277, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 282, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-page .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 287, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__hub-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-main-text-primary);
  text-decoration: none;
  flex-shrink: 0;
}

/* line 295, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__hub-link:hover {
  color: var(--color-main-text-primary);
  text-decoration: underline;
}

/* line 301, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__hub-link-icon {
  width: 16px;
  height: 16px;
}

/* line 306, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__description {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 311, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__description-label {
  margin-right: 0.25rem;
}

/* line 315, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__divider {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 321, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__templates-header {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 329, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__templates-header::before,
.scale-group-card__templates-header::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: var(--color-neutral-border-secondary);
}

/* line 337, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__templates-label {
  white-space: nowrap;
}

/* line 341, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__templates {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 349, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__template-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px !important;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  text-decoration: none;
}

/* line 360, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__template-chip:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  text-decoration: none;
  color: var(--color-neutral-text-primary);
}

/* line 367, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__template-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 374, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__template-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}

/* line 379, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__template-more {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 9999px;
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-secondary);
}

/* line 391, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 399, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0;
  border-radius: 8px;
  border: none;
  background-color: var(--color-main-bg-primary);
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

/* line 414, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__primary-btn:hover {
  background-color: var(--color-main-hover-bg-primary);
  color: #ffffff;
  text-decoration: none;
}

/* line 422, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__config-link {
  align-self: center;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-main-text-primary);
  cursor: pointer;
  text-decoration: none;
}

/* line 433, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-card__config-link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  /* line 442, app/assets/stylesheets/scale_manager/scale_group.scss */
  .scale-group-card {
    padding: 1rem;
  }
}

/* line 452, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal.modal.scale-hub-schedule-modal .modal-dialog {
  max-width: 720px;
  width: 100%;
}

/* line 457, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__content {
  max-width: 720px;
}

/* line 461, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__body {
  padding: 2rem;
}

/* line 465, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__title {
  text-align: left;
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 471, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  z-index: 2;
}

/* line 487, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-btn:hover, .scale-group-config-modal__delete-btn:focus {
  background: transparent;
}

/* line 493, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* line 499, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__scroll {
  max-height: calc(100vh - 260px);
  overflow-y: auto;
  margin-top: 1rem;
}

/* line 508, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating {
  width: 100%;
}

/* line 511, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating {
  width: 100%;
  box-sizing: border-box;
  min-height: 56px;
  padding: 22px 16px 10px;
}

/* line 520, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  height: 72px;
  min-height: 72px;
  padding: 30px 40px 12px 16px;
  line-height: 1.25;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-color: var(--color-neutral-bg-primary);
  background-size: 12px 8px;
}

/* line 537, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating {
  left: 16px;
}

/* line 541, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating {
  top: 10px;
  transform: scale(0.85);
  transform-origin: left top;
  color: var(--color-main-text-primary);
}

/* line 551, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating + .scale-hub-schedule-modal__label--floating,
.scale-group-config-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating + .scale-hub-schedule-modal__label--floating-always,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating + .scale-hub-schedule-modal__label--floating-always {
  top: 10px;
  transform: scale(0.85);
  transform-origin: left top;
}

/* line 561, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal.modal.scale-hub-schedule-modal .modal-dialog {
  max-width: 480px;
  width: 100%;
}

/* line 566, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__body {
  padding: 2rem;
}

/* line 570, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__title {
  text-align: left;
  color: var(--color-neutral-text-primary);
  margin: 0 0 1rem 0;
}

/* line 576, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal__scroll {
  max-height: calc(100vh - 260px);
  overflow-y: auto;
}

/* line 581, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__footer {
  margin-top: 2rem;
}

/* line 585, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal__environment-label {
  color: var(--color-neutral-text-secondary) !important;
}

/* line 590, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}

/* line 598, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-row > span:first-child {
  color: var(--color-neutral-text-primary);
}

/* line 602, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 608, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

/* line 615, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch .slider.round {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 16px;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}

/* line 627, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch .slider.round > span {
  position: absolute;
  left: 0px;
  top: -5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  border-radius: 50%;
  transition: transform 150ms ease-in-out;
}

/* line 639, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap #cfg-auto-scale-label {
  color: var(--color-neutral-text-primary);
}

/* line 644, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__info-box {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
  background-color: var(--color-neutral-bg-secondary);
  border-radius: 12px;
}

/* line 655, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__info-icon {
  position: relative;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: block;
}

/* line 663, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__info-icon-img {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* line 671, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__info-icon-img--dark {
  display: none;
}

/* line 675, app/assets/stylesheets/scale_manager/scale_group.scss */
html[data-theme='dark'] .scale-group-config-modal__info-icon-img--light {
  display: none;
}

/* line 679, app/assets/stylesheets/scale_manager/scale_group.scss */
html[data-theme='dark'] .scale-group-config-modal__info-icon-img--dark {
  display: block;
}

/* line 683, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__info-text {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 689, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list {
  margin-top: 0.5rem;
}

/* line 693, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .tpl-row {
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: stretch !important;
  gap: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding: 0;
  width: 100%;
}

/* line 704, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list.is-auto-scale .tpl-row {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: end !important;
}

/* line 709, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-name-col,
.scale-group-config-modal__template-auto-fields {
  min-width: 0;
  width: 100%;
}

/* line 715, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-auto-fields {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: end;
}

/* line 722, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .scale-group-config-modal__template-name-col {
  margin-bottom: 0;
  width: 100%;
}

/* line 727, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-template-name-input {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 56px;
  padding: 22px 16px 10px;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
  background: var(--color-neutral-bg-primary);
}

/* line 740, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-scale-select,
#configGroupModal #cfg-templates-list .cfg-metric-input {
  width: 100%;
  height: 56px;
  min-height: 56px;
  padding: 0 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
  box-shadow: none;
  background: var(--color-neutral-bg-primary);
}

/* line 753, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-scale-select {
  width: 100%;
}

/* line 758, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap {
  width: 100% !important;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
}

/* line 765, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single {
  height: 56px;
  min-height: 56px;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: none;
}

/* line 777, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 28px 0 0;
  margin: 0;
  color: var(--color-neutral-text-primary);
  width: 100%;
}

/* line 784, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: 56px;
  top: 0;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 793, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection__placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 797, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-metric-input {
  min-width: 0;
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  /* line 803, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal #cfg-templates-list.is-auto-scale .tpl-row {
    grid-template-columns: 1fr;
  }
  /* line 807, app/assets/stylesheets/scale_manager/scale_group.scss */
  .scale-group-config-modal__template-auto-fields {
    grid-template-columns: 1fr;
  }
}

/* line 813, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-schedule-modal__footer {
  margin-top: 1rem;
}

/* line 817, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__btn-cancel {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 823, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 829, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__metric-field {
  margin-top: 0.75rem;
}

/* line 833, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-delete-modal__templates {
  margin-top: 1rem;
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  text-align: left;
}

/* line 842, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-delete-modal__templates-title {
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
}

/* line 847, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-delete-modal__templates-list {
  margin: 0;
  padding-left: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 853, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-hub-schedule-modal__title {
  color: var(--color-neutral-text-primary) !important;
  margin-bottom: 0.5rem !important;
}

/* line 863, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 20px;
  padding: 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 872, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0.75rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

/* line 884, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__header-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

/* line 892, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__logo {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 905, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__logo-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border: 0;
}

/* line 912, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__logo-img--large {
  width: 72px;
  height: 72px;
}

/* line 917, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

/* line 924, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 929, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 936, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  min-width: 96px;
  border-radius: 8px;
  border: 2px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}

/* line 951, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__add-btn .glyphicon-plus {
  color: var(--color-main-bg-primary);
}

/* line 955, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__add-btn:hover {
  background: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
}

/* line 961, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__chevron-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  flex-shrink: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--color-main-bg-primary);
}

/* line 972, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__chevron-wrap:hover {
  color: var(--color-main-hover-bg-primary);
}

/* line 977, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__chevron {
  width: 20px;
  height: 20px;
  transition: transform 150ms ease-in-out;
}

/* line 983, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__header.is-open .scale-group-resource-card__chevron,
.scale-group-resource-card__chevron.is-open {
  transform: rotate(180deg);
}

/* line 988, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body {
  padding: 1rem;
  margin-top: 0.75rem;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 0;
}

/* line 997, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 1004, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item {
  border: none !important;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
  padding: 0.75rem 0 !important;
  margin: 0;
  background: transparent !important;
}

/* line 1011, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item:last-child {
  border-bottom: none !important;
}

/* line 1016, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item > div {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* line 1025, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="edit"],
.scale-group-resource-card__body .list-group-item .btn-primary[data-hte-action="edit"] {
  background: transparent !important;
  border: none !important;
  color: var(--color-main-bg-primary) !important;
  padding: 0 0.25rem !important;
}

/* line 1032, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="edit"] .glyphicon-pencil,
.scale-group-resource-card__body .list-group-item .btn-primary[data-hte-action="edit"] .glyphicon-pencil {
  color: var(--color-main-bg-primary);
  margin-right: 4px;
}

/* line 1037, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="edit"]:hover,
.scale-group-resource-card__body .list-group-item .btn-primary[data-hte-action="edit"]:hover {
  color: var(--color-main-hover-bg-primary) !important;
}

/* line 1040, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="edit"]:hover .glyphicon-pencil,
.scale-group-resource-card__body .list-group-item .btn-primary[data-hte-action="edit"]:hover .glyphicon-pencil {
  color: var(--color-main-hover-bg-primary);
}

/* line 1046, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="remove"],
.scale-group-resource-card__body .list-group-item .btn-danger[data-hte-action="remove"] {
  background: transparent !important;
  border: none !important;
  color: var(--color-error-text-primary) !important;
  padding: 0 0.25rem !important;
}

/* line 1053, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item [data-hte-action="remove"]:hover,
.scale-group-resource-card__body .list-group-item .btn-danger[data-hte-action="remove"]:hover {
  color: var(--color-error-hover-bg-primary) !important;
}

/* line 1058, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .list-group-item .glyphicon-trash {
  margin-right: 4px;
}

/* line 1062, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-card__body .hte-node-type-badge,
.scale-group-resource-card__body .list-group-item div[style*="background:#f4f4f4"],
.scale-group-resource-card__body .list-group-item div[style*="background: #f4f4f4"] {
  background: var(--color-neutral-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* line 1074, app/assets/stylesheets/scale_manager/scale_group.scss */
.collapseable-section {
  display: block;
}

/* line 1082, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 1088, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1094, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__title {
  color: var(--color-neutral-text-primary);
}

/* line 1098, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1105, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__account-row {
  margin-top: 0.25rem;
}

/* line 1109, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__account {
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--color-neutral-text-secondary);
}

/* line 1116, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__account-icon {
  height: 20px;
  margin-right: -1rem;
  margin-left: -1rem;
  margin-top: -2px;
}

/* line 1123, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__meta-row {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 1130, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__chip {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  padding: 6px 10px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 1139, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__chip small {
  color: var(--color-neutral-text-secondary);
}

/* line 1148, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger {
  max-width: 520px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 1156, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-header {
  border-bottom: 0;
  text-align: center;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  position: relative;
}

/* line 1167, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-header .hte-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

/* line 1174, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-body {
  text-align: center;
  padding: 0 2rem 1rem;
}

/* line 1179, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  text-align: center;
  border-top: 0;
  background: transparent;
  padding: 0 2rem 1.5rem;
}

/* line 1190, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-title {
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* line 1196, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-subtitle {
  color: var(--color-neutral-text-secondary);
}

/* line 1200, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1210, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: none;
  background: var(--color-error-bg-primary);
  color: #ffffff;
}

/* line 1222, app/assets/stylesheets/scale_manager/scale_group.scss */
.hte-confirm-content--danger .hte-confirm-btn-neutral {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1234, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__detail-grid {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--color-neutral-border-secondary);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.5rem;
}

/* line 1243, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__detail-label {
  color: var(--color-neutral-text-secondary);
}

/* line 1247, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__detail-cell code {
  display: inline-block;
  padding: 2px 0.5rem;
  border-radius: 4px;
  background: transparent;
  color: var(--color-neutral-text-primary);
  word-break: break-all;
}

/* line 1256, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__status--running {
  color: var(--color-success-text-primary);
}

/* line 1260, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__status--stopped {
  color: var(--color-error-text-primary);
}

/* line 1264, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__status--other {
  color: var(--color-neutral-text-secondary);
}

/* line 1268, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__lb--registered {
  color: var(--color-success-text-primary);
}

/* line 1272, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__lb--unregister {
  color: var(--color-error-text-primary);
}

/* line 1276, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__lb--other {
  color: var(--color-neutral-text-primary);
}

/* line 1280, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item--readonly {
  opacity: 0.75;
}

/* line 1284, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__default-label {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
}

/* line 1293, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-resource-item__icon-help {
  margin-left: 0.25rem;
  color: var(--color-informative-text-primary);
}

/* line 1300, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 0 !important;
}

/* line 1308, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 1.5rem 1rem;
  flex-shrink: 0;
}

/* line 1317, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header .scale-hub-close-event-modal__title {
  margin: 0;
  text-align: left;
}

/* line 1322, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header .scale-group-config-modal__delete-btn {
  position: static;
  flex-shrink: 0;
}

/* line 1327, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  padding: 0 1.5rem 1.5rem !important;
}

/* line 1335, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps {
  padding: 0 1.5rem 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}

/* line 1348, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps::before {
  content: '';
  position: absolute;
  left: calc(1.5rem + 20px);
  right: calc(1.5rem + 20px);
  top: 20px;
  height: 2px;
  z-index: 0;
  background: var(--color-neutral-border-secondary);
  border-radius: 999px;
}

/* line 1360, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps[data-wizard-step='2']::before {
  background: linear-gradient(to right, var(--color-main-bg-primary) 0, var(--color-main-bg-primary) 50%, var(--color-neutral-border-secondary) 50%, var(--color-neutral-border-secondary) 100%);
}

/* line 1364, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps[data-wizard-step='3']::before {
  background: var(--color-main-bg-primary);
}

/* line 1368, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  z-index: 1;
}

/* line 1382, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill__num {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  box-sizing: border-box;
}

/* line 1398, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-disable);
  text-align: center;
  white-space: nowrap;
}

/* line 1404, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__num,
.scale-group-config-modal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 1411, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill.is-active .ec2-schedules-wizard-step-pill__label {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 1416, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num {
  color: transparent;
  font-size: 0;
}

/* line 1421, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .ec2-schedules-wizard-step-pill.is-completed .ec2-schedules-wizard-step-pill__num::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 11px;
  margin: -8px 0 0 -3px;
  border: solid 2px var(--color-neutral-text-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 1434, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__step {
  display: none;
}

/* line 1438, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__step.is-active {
  display: block;
}

/* line 1442, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__step-intro {
  margin-bottom: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1447, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  margin-top: 0;
}

/* line 1455, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1rem;
}

/* line 1467, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-card-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  color: var(--color-neutral-text-primary);
}

/* line 1475, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-card-body .web-caption {
  color: var(--color-neutral-text-secondary);
}

/* line 1479, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 120px minmax(0, 1fr);
  gap: 0.75rem;
  margin: 0.75rem 0 0.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1487, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 1.25rem;
}

/* line 1494, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--color-neutral-border-secondary);
}

/* line 1504, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-hint {
  color: var(--color-error-text-primary);
  margin-bottom: 0.75rem;
}

/* line 1509, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-actions {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

/* line 1516, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .cloud-control-create-modal__footer-btn {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  min-height: 52px;
  padding: 0.75rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* line 1534, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .cloud-control-create-modal__footer-btn--cancel {
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1540, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .cloud-control-create-modal__footer-btn--primary {
  color: var(--color-neutral-text-active);
  background: var(--color-main-bg-primary);
  border: none;
}

/* line 1546, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__back-btn {
  flex: 0 1 auto !important;
  max-width: 96px;
}

/* line 1551, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-scale-down-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 1557, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single,
#newGroupModal .select2-container--bootstrap .select2-selection--single {
  height: 72px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 30px 40px 12px 16px !important;
  border-radius: 8px;
  border-color: var(--color-neutral-border-secondary);
}

/* line 1568, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#newGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.25 !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1575, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
#newGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: 72px !important;
  top: 0 !important;
  right: 0.5rem !important;
}

/* line 1582, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-hub-schedule-modal__field-group--floating .select2-container + .scale-hub-schedule-modal__label--floating,
#newGroupModal .scale-hub-schedule-modal__field-group--floating .select2-container + .scale-hub-schedule-modal__label--floating {
  top: 10px;
  left: 16px;
  transform: scale(0.85);
  transform-origin: left top;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 767px) {
  /* line 1593, app/assets/stylesheets/scale_manager/scale_group.scss */
  .scale-group-config-modal__template-heading {
    display: none;
  }
  /* line 1597, app/assets/stylesheets/scale_manager/scale_group.scss */
  .scale-group-config-modal__footer-actions {
    gap: 0.5rem;
  }
}

/* line 1603, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal.modal.scale-hub-schedule-modal .modal-dialog {
  max-width: 560px;
}

/* line 1607, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 0 !important;
}

/* line 1615, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  padding: 1.5rem !important;
}

/* line 1623, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__title {
  margin: 0 0 1.25rem 0;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.25;
}

/* line 1630, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal__scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}

/* line 1637, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating {
  margin-bottom: 0.75rem;
}

/* line 1641, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating {
  min-height: 48px;
  height: 48px;
  padding: 18px 14px 8px;
  font-size: 1rem;
}

/* line 1648, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating {
  height: 48px;
  min-height: 48px;
  padding: 18px 36px 8px 14px;
  font-size: 1rem;
}

/* line 1655, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating {
  left: 14px;
}

/* line 1659, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__label--floating-always,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.scale-group-new-modal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating {
  top: 7px;
  transform: scale(0.82);
}

/* line 1667, app/assets/stylesheets/scale_manager/scale_group.scss */
#newGroupModal .select2-container--bootstrap .select2-selection--single {
  height: 48px !important;
  min-height: 48px !important;
  align-items: flex-end !important;
  padding: 18px 36px 8px 14px !important;
}

/* line 1674, app/assets/stylesheets/scale_manager/scale_group.scss */
#newGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  font-size: 1rem !important;
}

/* line 1678, app/assets/stylesheets/scale_manager/scale_group.scss */
#newGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}

/* line 1682, app/assets/stylesheets/scale_manager/scale_group.scss */
#newGroupModal .scale-hub-schedule-modal__field-group--floating .select2-container + .scale-hub-schedule-modal__label--floating {
  top: 7px;
  left: 14px;
  transform: scale(0.82);
}

/* line 1688, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__footer {
  position: relative;
  margin-top: auto;
  padding-top: 1.25rem;
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
}

/* line 1697, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-schedule-modal__footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--color-neutral-border-secondary);
}

/* line 1707, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-new-modal .scale-hub-close-event-modal__btn-cancel,
.scale-group-new-modal .scale-hub-close-event-modal__btn-primary {
  min-height: 52px;
  border-radius: 8px;
}

/* line 1714, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal.modal.scale-hub-schedule-modal .modal-dialog {
  max-width: 700px;
}

/* line 1718, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__content {
  max-width: 700px;
  min-height: 720px;
  max-height: calc(100vh - 48px);
  border-radius: 8px;
}

/* line 1725, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header {
  padding: 1rem 1rem 0.75rem;
  align-items: center;
}

/* line 1730, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header .scale-hub-close-event-modal__title {
  font-size: 1.25rem;
  line-height: 1.3;
}

/* line 1735, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps {
  padding: 0.5rem 1rem 1.25rem;
}

/* line 1739, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__wizard-steps::before {
  left: calc(1rem + 20px);
  right: calc(1rem + 20px);
}

/* line 1744, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__body {
  padding: 0 1rem 1rem !important;
}

/* line 1748, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__scroll {
  padding-right: 2px;
}

/* line 1752, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating,
#configGroupModal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating,
#configGroupModal #cfg-templates-list .cfg-template-name-input,
#configGroupModal #cfg-templates-list .cfg-scale-select,
#configGroupModal #cfg-templates-list .cfg-metric-input {
  min-height: 48px;
  height: 48px;
  font-size: 1rem;
}

/* line 1762, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-hub-schedule-modal__field-group--floating .scale-hub-schedule-modal__input--floating {
  padding: 18px 14px 8px;
}

/* line 1766, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-hub-schedule-modal__field-group--floating select.scale-hub-schedule-modal__input--floating {
  padding-right: 36px;
}

/* line 1770, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single {
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  padding: 18px 36px 8px 14px !important;
  border-radius: 8px;
}

/* line 1778, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 0.5rem !important;
}

/* line 1783, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  line-height: 1.25 !important;
}

/* line 1787, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-hub-schedule-modal__field-group--floating .select2-container + .scale-hub-schedule-modal__label--floating {
  top: 7px;
  left: 14px;
}

/* line 1792, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-scale-down-panel {
  gap: 1rem;
}

/* line 1796, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__time-row {
  display: block;
}

/* line 1800, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger {
  min-height: 56px;
  border-radius: 8px;
}

/* line 1805, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-card {
  padding: 0.75rem;
  border-radius: 8px;
}

/* line 1810, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-heading {
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
  gap: 0.5rem;
}

/* line 1815, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list.is-auto-scale .tpl-row {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr);
  gap: 0.5rem;
}

/* line 1820, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-auto-fields {
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 0.5rem;
}

/* line 1825, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer {
  padding-top: 1rem;
}

/* line 1829, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .cloud-control-create-modal__footer-btn {
  min-height: 52px;
  font-size: 1rem;
}

/* line 1835, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header {
  justify-content: flex-start;
}

/* line 1839, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
  padding: 4px 0.5rem;
  min-height: 28px;
  border: 1px solid var(--color-error-border-primary, #ff3b30);
  border-radius: 6px;
  background: transparent;
  color: var(--color-error-text-primary, #ff3b30);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 1855, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-btn:hover {
  background: var(--color-error-bg-secondary, rgba(255, 59, 48, 0.08));
}

/* line 1859, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__delete-icon {
  width: 14px;
  height: 14px;
}

/* line 1864, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-card {
  overflow: hidden;
  padding-right: 1rem;
}

/* line 1869, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap {
  flex: 0 0 44px;
  width: 44px;
  justify-content: flex-end;
  overflow: visible;
}

/* line 1876, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch {
  position: relative;
  flex: 0 0 40px;
  width: 40px;
  height: 24px;
  overflow: visible;
}

/* line 1884, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch .slider.round {
  width: 34px;
  height: 16px;
  margin: 4px 3px;
}

/* line 1890, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__toggle-switch-wrap .switch .slider.round > span {
  top: -5px;
  width: 24px;
  height: 24px;
}

/* line 1896, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-metric-input {
  font-size: 0.875rem;
  padding: 8px;
}

/* line 1901, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-template-name-input,
#configGroupModal #cfg-templates-list .cfg-scale-select,
#configGroupModal #cfg-templates-list .cfg-metric-input {
  min-height: 44px;
  height: 44px;
}

/* line 1908, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list.is-auto-scale .tpl-row {
  grid-template-columns: minmax(0, 1fr) 264px;
}

/* line 1912, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__template-auto-fields {
  grid-template-columns: 88px 168px;
}

/* line 1916, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__time-row {
  width: 100%;
  max-width: 280px;
}

/* line 1921, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger {
  width: 100%;
  min-height: 72px;
  padding: 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1929, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger[aria-expanded='true'] {
  border-color: var(--color-main-border-primary, var(--color-main-bg-primary));
}

/* line 1933, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

/* line 1939, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__value {
  font-size: 1rem;
  font-weight: 600;
}

/* line 1944, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-panel {
  width: 280px !important;
  min-width: 280px !important;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
  background: var(--color-neutral-bg-primary);
}

/* line 1953, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-picker-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0 1rem;
}

/* line 1961, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-part {
  width: 96px;
  height: 40px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  appearance: textfield;
}

/* line 1975, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-part::-webkit-outer-spin-button,
.scale-group-config-modal__time-part::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

/* line 1981, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-separator {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 1989, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header {
  justify-content: space-between;
}

/* line 1993, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0.75rem;
}

/* line 1999, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-btn {
  margin-left: 0;
  min-height: 36px;
  padding: 0 0.75rem;
  border-color: var(--color-error-border-primary, #ff3b30);
  background: var(--color-neutral-bg-primary);
  white-space: nowrap;
}

/* line 2008, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

/* line 2014, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .scale-group-config-modal__template-scale-col,
#configGroupModal #cfg-templates-list .scale-group-config-modal__template-metric-col {
  min-width: 0;
}

/* line 2019, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .cfg-scale-select,
#configGroupModal #cfg-templates-list .cfg-metric-input {
  width: 100%;
  box-sizing: border-box;
}

/* line 2025, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap {
  width: 100% !important;
}

/* line 2029, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 32px 0 12px !important;
  display: flex !important;
  align-items: center !important;
}

/* line 2037, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
}

/* line 2041, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-templates-list .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
  font-size: 1rem !important;
}

/* line 2046, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 72px;
  text-align: left;
}

/* line 2054, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
  color: var(--color-neutral-icon-secondary, var(--color-neutral-text-secondary));
}

/* line 2065, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__icon svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

/* line 2075, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__stack {
  min-width: 0;
  flex: 1 1 auto;
}

/* line 2080, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__chevron {
  flex: 0 0 auto;
}

/* line 2085, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete {
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.75rem);
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  pointer-events: auto;
}

/* line 2096, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-btn {
  min-height: 34px;
  padding: 0 0.75rem;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1;
}

/* line 2104, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
}

/* line 2112, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__label,
#configGroupModal .ec2-schedules-date-trigger__value {
  display: block !important;
  width: 100%;
  line-height: 1.2;
}

/* line 2119, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__label {
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 2125, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__value {
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
  font-weight: 600;
}

/* line 2131, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-panel,
.scale-group-config-modal__time-panel * {
  pointer-events: auto;
}

/* line 2136, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-part {
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
}

/* line 2142, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__time-part:focus {
  outline: none;
  border-color: var(--color-main-border-primary, var(--color-main-bg-primary));
  box-shadow: 0 0 0 2px rgba(0, 120, 100, 0.12);
}

/* line 2149, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__scroll {
  display: flex;
  flex-direction: column;
}

/* line 2154, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  justify-content: flex-start;
  margin: auto 0 0.75rem 0 !important;
  padding-top: 1rem;
}

/* line 2164, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-btn {
  width: auto;
  max-width: 160px;
}

/* line 2169, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-wrap {
  position: relative;
}

/* line 2173, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__time-panel {
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 8px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 50 !important;
  transform: none !important;
}

/* line 2183, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__time-part {
  pointer-events: auto !important;
  opacity: 1 !important;
  color: var(--color-neutral-text-primary) !important;
  background: var(--color-neutral-bg-secondary) !important;
}

/* line 2190, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__stack {
  gap: 6px !important;
}

/* line 2194, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__label {
  white-space: nowrap;
}

/* line 2198, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .ec2-schedules-date-trigger__value {
  padding-left: 0;
}

/* line 2203, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal .scale-hub-close-event-modal__body {
  position: relative;
}

/* line 2207, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete {
  position: absolute !important;
  left: 1rem !important;
  right: auto !important;
  bottom: 78px !important;
  z-index: 4 !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 2219, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-btn {
  max-width: none;
  min-height: 34px;
}

/* line 2224, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal.is-saving {
  cursor: wait;
}

/* line 2228, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal.is-saving button {
  pointer-events: none;
}

/* line 2233, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
  min-height: 34px;
}

/* line 2249, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__footer-delete .scale-group-config-modal__delete-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 112px;
  max-width: none !important;
  min-height: 34px !important;
  padding: 0 0.75rem !important;
  white-space: nowrap !important;
}

/* line 2262, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__header {
  justify-content: space-between !important;
  align-items: center !important;
}

/* line 2267, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

/* line 2274, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row .scale-hub-close-event-modal__title {
  flex: 0 0 auto;
  margin: 0;
}

/* line 2279, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row .scale-group-config-modal__delete-btn {
  margin-left: 0;
  min-height: 32px;
  padding: 0 0.75rem;
  border-radius: 8px;
  white-space: nowrap;
  line-height: 1;
}

/* line 2288, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row .scale-group-config-modal__delete-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

/* line 2295, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row {
  width: 100%;
  padding-right: 48px;
}

/* line 2300, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row .scale-group-config-modal__delete-btn {
  position: static !important;
  flex: 0 0 auto !important;
  transform: none !important;
  margin-left: 1rem !important;
  padding: 0 0.5rem !important;
  min-width: 96px !important;
  max-width: 120px !important;
  height: 30px !important;
  min-height: 30px !important;
  font-size: 11px !important;
}

/* line 2313, app/assets/stylesheets/scale_manager/scale_group.scss */
.scale-group-config-modal__title-row .scale-group-config-modal__delete-btn span {
  display: inline-block;
  white-space: nowrap;
}

/* Configure group scaling modes */
/* line 2319, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__mode-panel {
  margin-top: 12px;
}

/* line 2323, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__nested-toggle-card {
  align-items: center;
  border: 1px solid var(--color-border-light, #d8d8d8);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  min-height: 58px;
  padding: 12px 16px;
}

/* line 2334, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__programmed-header {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px auto;
  gap: 10px;
  margin-bottom: 8px;
}

/* line 2342, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__add-schedule-btn {
  background: #ffffff;
  border: 1px solid var(--color-main-bg-primary, #007f68);
  border-radius: 8px;
  color: var(--color-main-bg-primary, #007f68);
  font-weight: 700;
  height: 36px;
  padding: 0 14px;
  white-space: nowrap;
}

/* line 2353, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-row {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px 42px;
  gap: 10px;
  margin-bottom: 10px;
}

/* line 2361, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap {
  margin: 0;
}

/* line 2365, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-fields {
  border: 1px solid var(--color-border-light, #d8d8d8);
  border-radius: 8px;
  min-height: 58px;
  padding: 8px 10px;
}

/* line 2372, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-inputs {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-top: 2px;
}

/* line 2379, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-inputs .scale-group-config-modal__time-part {
  height: 28px;
  min-height: 28px;
  padding: 0;
  width: 44px;
}

/* line 2386, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-remove {
  align-self: stretch;
  background: #ffffff;
  border: 1px solid #ef4444;
  border-radius: 8px;
  color: #ef4444;
  font-size: 18px;
  font-weight: 700;
}

/* line 2396, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-remove:hover,
#configGroupModal .scale-group-config-modal__add-schedule-btn:hover {
  filter: brightness(0.96);
}

/* Configure Group scaling layout refinements */
/* line 2402, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-auto-scale-down-card.scale-group-config-modal__nested-toggle-card--inline {
  align-items: center;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--color-neutral-border-secondary, #d8d8d8);
  border-radius: 0;
  margin: 8px 0 8px;
  min-height: 34px;
  padding: 8px 0 4px;
}

/* line 2413, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-auto-scale-down-card .scale-group-config-modal__toggle-card-body {
  gap: 0;
}

/* line 2417, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-auto-scale-down-card .web-heading-xs {
  font-size: 0.875rem;
  line-height: 1.2;
}

/* line 2422, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-auto-scale-down-card .web-caption {
  font-size: 0.75rem;
  line-height: 1.2;
}

/* line 2427, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-auto-scale-down-card .scale-group-config-modal__toggle-switch-wrap {
  transform: scale(0.82);
  transform-origin: right center;
}

/* line 2432, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-automatic-scale-down-panel {
  margin: 0 0 10px;
  max-width: 220px;
  width: 220px;
}

/* line 2438, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-automatic-scale-down-panel .ec2-schedules-date-trigger {
  min-height: 48px;
  padding: 8px 10px;
}

/* line 2443, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-automatic-scale-down-panel .ec2-schedules-date-trigger__label {
  font-size: 0.75rem;
}

/* line 2447, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-automatic-scale-down-panel .ec2-schedules-date-trigger__value {
  font-size: 0.875rem;
}

/* line 2451, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel {
  margin-top: 10px;
}

/* line 2455, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__programmed-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px 38px;
  gap: 8px;
  margin: 0 0 6px;
}

/* line 2462, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-row {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px 38px;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 2470, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap {
  min-width: 0;
}

/* line 2474, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap,
#configGroupModal .cfg-programmed-time-fields {
  margin: 0;
}

/* line 2479, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap .select2-selection--single,
#configGroupModal .cfg-programmed-template-select {
  height: 48px !important;
  min-height: 48px !important;
}

/* line 2485, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-fields {
  align-items: flex-start;
  background: var(--color-neutral-bg-primary, #fff);
  border: 1px solid var(--color-neutral-border-secondary, #d8d8d8);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 48px;
  padding: 6px 10px;
}

/* line 2497, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-fields .web-caption {
  color: var(--color-main-text-primary, #007f68);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
}

/* line 2505, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-inputs {
  align-items: center;
  display: flex;
  gap: 5px;
}

/* line 2511, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-inputs .scale-group-config-modal__time-part {
  border-radius: 7px;
  font-size: 0.875rem;
  height: 26px;
  min-height: 26px;
  width: 38px;
}

/* line 2519, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-time-inputs .scale-group-config-modal__time-separator {
  font-size: 0.875rem;
}

/* line 2523, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-remove {
  align-items: center;
  align-self: stretch;
  background: #ffffff;
  border: 1px solid #ef4444;
  border-radius: 8px;
  color: #ef4444;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 800;
  justify-content: center;
  min-height: 48px;
  padding: 0;
  width: 38px;
}

/* line 2539, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__add-schedule-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--color-main-bg-primary, #007f68);
  border-radius: 8px;
  color: var(--color-main-bg-primary, #007f68);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 800;
  height: 38px;
  justify-content: center;
  margin-top: 2px;
  padding: 0 14px;
  width: fit-content;
}

/* Programmed scale row alignment final pass */
/* line 2556, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .scale-group-config-modal__programmed-header,
#configGroupModal #cfg-programmed-panel .cfg-programmed-row {
  grid-template-columns: minmax(0, 1fr) 140px 190px 38px;
  column-gap: 8px;
}

/* line 2562, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-row {
  align-items: start;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 12px;
}

/* line 2571, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-template-wrap,
#configGroupModal #cfg-programmed-panel .cfg-programmed-time-fields,
#configGroupModal #cfg-programmed-panel .cfg-programmed-frequency,
#configGroupModal #cfg-programmed-panel .cfg-programmed-remove {
  height: 62px;
  min-height: 62px;
  box-sizing: border-box;
}

/* line 2580, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-frequency {
  align-items: center;
  background: var(--color-neutral-bg-primary, #fff);
  border: 1px solid var(--color-neutral-border-secondary, #d8d8d8);
  border-radius: 8px;
  display: flex;
  gap: 4px;
  padding: 6px;
}

/* line 2590, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-frequency__option {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  margin: 0;
  min-height: 36px;
  position: relative;
}

/* line 2602, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-frequency__option input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

/* line 2609, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-frequency__option.is-selected {
  background: var(--color-main-bg-primary, #007f68);
  color: var(--color-neutral-text-inverse, #fff);
}

/* line 2614, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekdays {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-column: 2 / 5;
  grid-template-columns: auto 1fr;
  padding: 8px 10px;
}

/* line 2625, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekdays[hidden] {
  display: none;
}

/* line 2629, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekday {
  cursor: pointer;
  margin: 0;
  position: relative;
}

/* line 2635, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekdays__label {
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
  white-space: nowrap;
}

/* line 2641, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekdays__options {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
}

/* line 2647, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekday input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

/* line 2654, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekday > span:first-of-type {
  align-items: center;
  background: var(--color-neutral-bg-primary, #fff);
  border: 1px solid var(--color-neutral-border-secondary, #d8d8d8);
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

/* line 2665, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-weekday input:checked + span {
  background: var(--color-main-bg-primary, #007f68);
  border-color: var(--color-main-bg-primary, #007f68);
  color: var(--color-neutral-text-inverse, #fff);
}

@media (max-width: 900px) {
  /* line 2672, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal #cfg-programmed-panel .scale-group-config-modal__programmed-header {
    display: none;
  }
  /* line 2676, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal #cfg-programmed-panel .cfg-programmed-row {
    grid-template-columns: minmax(0, 1fr) 120px 38px;
  }
  /* line 2680, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal #cfg-programmed-panel .cfg-programmed-frequency {
    grid-column: 1 / 3;
  }
  /* line 2684, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal .cfg-programmed-weekdays {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    padding-right: 0;
  }
  /* line 2691, app/assets/stylesheets/scale_manager/scale_group.scss */
  #configGroupModal .cfg-programmed-weekdays__options {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  /* line 2697, app/assets/stylesheets/scale_manager/scale_group.scss */
  .scale-group-config-modal.modal.scale-hub-schedule-modal .modal-dialog,
.scale-group-config-modal .scale-hub-close-event-modal__content {
    max-width: 100%;
  }
}

/* line 2703, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-template-wrap .select2-container,
#configGroupModal #cfg-programmed-panel .cfg-programmed-template-wrap .select2-container--bootstrap,
#configGroupModal #cfg-programmed-panel .cfg-programmed-template-wrap .select2-selection--single {
  height: 62px !important;
  min-height: 62px !important;
}

/* line 2710, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-template-wrap .select2-selection--single {
  display: flex !important;
  align-items: flex-end !important;
  padding-bottom: 11px !important;
}

/* line 2716, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-time-fields {
  justify-content: center;
  padding: 8px 10px;
}

/* line 2721, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .cfg-programmed-remove {
  margin: 0;
}

/* line 2725, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal #cfg-programmed-panel .scale-group-config-modal__add-schedule-btn {
  display: flex;
  margin: 18px auto 0;
}

/* Configure Group small polish */
/* line 2731, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .scale-hub-schedule-modal__label--floating {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 4;
}

/* line 2738, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--open + .scale-hub-schedule-modal__label--floating,
#configGroupModal .cfg-programmed-template-wrap .select2-container--focus + .scale-hub-schedule-modal__label--floating {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 2745, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-btn {
  border-radius: 6px;
  font-size: 0.75rem;
  gap: 4px;
  min-height: 24px;
  padding: 3px 8px;
}

/* line 2753, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-icon {
  height: 12px;
  width: 12px;
}

/* Configure Group final overrides for Select2 label and delete button */
/* line 2759, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap {
  position: relative !important;
}

/* line 2763, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap > .scale-hub-schedule-modal__label--floating {
  background: transparent !important;
  color: var(--color-main-text-primary, #007f68) !important;
  display: block !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  left: 14px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 9px !important;
  transform: none !important;
  visibility: visible !important;
  z-index: 30 !important;
}

/* line 2780, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap .select2-selection--single,
#configGroupModal .cfg-programmed-template-wrap .select2-container--open .select2-selection--single {
  padding-top: 22px !important;
  padding-bottom: 8px !important;
}

/* line 2786, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  line-height: 1.2 !important;
  padding-top: 8px !important;
}

/* line 2791, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-btn {
  border-radius: 5px !important;
  font-size: 0.68rem !important;
  gap: 3px !important;
  line-height: 1 !important;
  min-height: 20px !important;
  padding: 2px 6px !important;
}

/* line 2800, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-icon {
  height: 10px !important;
  width: 10px !important;
}

/* Configure Group definitive Select2 label and compact delete button */
/* line 2806, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap {
  position: relative !important;
}

/* line 2810, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap::before {
  content: 'Template *';
  color: var(--color-main-text-primary, #007f68) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  left: 14px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 9px !important;
  z-index: 200 !important;
}

/* line 2823, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap > .scale-hub-schedule-modal__label--floating {
  display: none !important;
}

/* line 2827, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container,
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap,
#configGroupModal .cfg-programmed-template-wrap .select2-selection--single {
  position: relative !important;
  z-index: 1 !important;
}

/* line 2834, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap .select2-selection--single {
  align-items: flex-end !important;
  padding: 24px 36px 8px 14px !important;
}

/* line 2839, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .cfg-programmed-template-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
}

/* line 2843, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-btn {
  border-radius: 4px !important;
  font-size: 0.76rem !important;
  gap: 3px !important;
  line-height: 1 !important;
  min-height: 21px !important;
  padding: 1px 5px !important;
}

/* line 2852, app/assets/stylesheets/scale_manager/scale_group.scss */
#configGroupModal .scale-group-config-modal__delete-icon {
  height: 11px !important;
  width: 11px !important;
}
/* line 216, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/scale_manager/../shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/scale_manager/../shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/scale_manager/../shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/scale_manager/../shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/scale_manager/../shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  appearance: none;
}

/* line 19, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 24, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled], .scale-hub-bar__group-pill:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  opacity: 0.7;
}

/* line 32, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled]:hover, .scale-hub-bar__group-pill:disabled:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 39, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 47, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 54, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--light {
  display: block;
}

/* line 57, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--light {
  display: none;
}

/* line 62, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--dark {
  display: none;
}

/* line 65, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--dark {
  display: block;
}

/* line 71, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown {
  position: relative;
}

/* line 75, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  z-index: 1000;
  display: none;
  min-width: 264px;
}

/* line 84, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel.is-open {
  display: block;
}

/* line 89, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1rem;
  gap: 1.5rem;
  width: 360px;
  min-width: 264px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 103, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.5rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* line 114, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 122, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 127, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
}

/* line 137, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 147, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input[type='radio'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 155, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease-in-out;
}

/* line 167, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  transform: scale(0);
  transition: transform 150ms ease-in-out;
}

/* line 178, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon {
  border-color: var(--color-main-border);
}

/* line 181, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon::after {
  transform: scale(1);
}

/* line 186, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option-text {
  color: var(--color-neutral-text-primary);
}

/* line 190, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill .home-scale__env-badge,
.scale-hub-bar__group-pill-env.home-scale__env-badge {
  flex-shrink: 0;
}

/* line 195, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__env-pill {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 213, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__divider {
  display: none;
}

/* line 217, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  z-index: 1;
}

/* line 225, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 230, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  min-width: 69px;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  z-index: 1;
}

/* line 244, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply:hover {
  background: var(--color-neutral-bg-tertiary);
}

/* line 249, app/assets/stylesheets/scale_manager/../shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-section__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 13, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub {
  background-color: var(--color-neutral-bg-primary);
  min-height: 100vh;
  padding-bottom: 2rem;
}

/* line 22, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 2px solid var(--color-main-border);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 34, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 39, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb__item:not(:last-child)::after {
  content: '/';
  margin-left: 0.5rem;
  color: var(--color-neutral-text-disable);
}

/* line 46, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb__link {
  color: var(--color-main-text-primary);
  text-decoration: none;
  font-weight: 500;
}

/* line 51, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb__link:hover {
  text-decoration: underline;
}

/* line 56, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-breadcrumb__current {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 65, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub__main {
  padding-top: 1.5rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 73, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resources-row {
  padding: 35px;
}

/* line 77, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-row--not-processed,
.scale-hub-eks-item--not-processed {
  opacity: 0.62;
}

/* line 82, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__status--new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--color-informative-text-primary);
  background: transparent;
  border: 0;
  font-size: 14px;
}

/* line 94, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-new-label {
  display: inline-flex;
  align-items: center;
  margin-left: 0.25rem;
  color: var(--color-informative-text-primary);
  font-weight: 600;
  font-size: 0.875rem;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__status-text--new {
  color: var(--color-informative-text-primary);
  font-weight: 600;
  white-space: nowrap;
}

/* line 113, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header {
  padding: 0 0 1rem 0;
}

/* line 117, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 124, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--color-neutral-text-primary);
}

/* line 133, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.9;
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 142, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
  color: var(--color-informative-bg-primary);
  text-decoration: none;
}

/* line 150, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__help-link:hover {
  opacity: 0.85;
}

/* line 155, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__help-icon {
  width: 16px;
  height: 16px;
}

/* line 160, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__description {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
  margin: 0.25rem 0 0 0;
}

/* line 168, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__plays {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.25rem 0.75rem;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-neutral-text-secondary);
}

/* line 182, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-page-header__plays-icon {
  width: 20px;
  height: 20px;
  opacity: 0.8;
}

/* line 191, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 15px 10px 10px;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-bottom: 1rem;
}

/* line 200, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* line 208, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 215, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* line 222, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__filters .scale-hub-bar__group-pill {
  position: relative;
  z-index: 1001;
}

/* line 234, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row,
.hte-events-table tr.hte-events-details-row,
.hte-events-table tr[data-hte-event-details] {
  display: none !important;
}

/* line 240, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row.is-open,
.hte-events-table tr.hte-events-details-row.is-open,
.hte-events-table tr.is-open[data-hte-event-details] {
  display: table-row !important;
}

/* line 246, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row[hidden],
.hte-events-table tr.hte-events-details-row[hidden],
.hte-events-table tr[data-hte-event-details][hidden] {
  display: none !important;
}

/* line 252, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row > td,
.hte-events-table .hte-events-details-cell {
  white-space: normal !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
}

/* line 260, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-panel {
  display: block;
  width: 100%;
  margin: 0;
  padding: 20px 24px;
  background: var(--color-neutral-white);
  border-top: 1px solid var(--color-neutral-200);
}

/* line 269, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* line 276, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-main {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex: 0 0 auto;
}

/* line 283, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 44px;
}

/* line 292, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-info-button,
.hte-events-table .hte-events-delete-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0;
  border-radius: 0 !important;
}

/* line 307, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-info-button:hover,
.hte-events-table .hte-events-info-button:focus,
.hte-events-table .hte-events-info-button:active,
.hte-events-table .hte-events-delete-button:hover,
.hte-events-table .hte-events-delete-button:focus,
.hte-events-table .hte-events-delete-button:active {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* line 318, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
}

/* line 325, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-tab-panel[hidden] {
  display: none !important;
}

/* line 329, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-resource-card {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* line 336, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-resource-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

/* line 343, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-resource-copy {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

/* line 349, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-resource-name,
.hte-events-table .hte-events-resource-type,
.hte-events-table .hte-events-resource-copy * {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 358, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-col {
  padding: 0;
}

/* line 362, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-row {
  padding: 0;
  margin-bottom: 1rem;
}

/* line 367, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-text {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 374, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table-header {
  background: var(--color-neutral-bg-primary);
}

/* line 379, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 385, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 18px;
  padding: 0 0.5rem;
  border-radius: 8px;
  border: 1px solid transparent;
  color: var(--color-neutral-text-primary);
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 401, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-env-pill.portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
}

/* line 405, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-env-pill.portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
}

/* line 409, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-env-pill.portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
}

/* line 413, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-env-empty {
  color: var(--color-neutral-text-secondary);
}

/* line 417, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label--color-1 {
  color: var(--color-informative-bg-primary);
}

/* line 421, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label--color-2 {
  color: var(--color-analogous-bg-primary);
}

/* line 425, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label--color-3 {
  color: var(--color-success-bg-primary);
}

/* line 429, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label--color-4 {
  color: var(--color-warning-bg-primary);
}

/* line 433, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-status-label--color-5 {
  color: var(--color-error-bg-primary);
}

/* line 437, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-filters-label {
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

/* line 443, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-count-badge {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
}

/* line 450, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table-wrapper {
  padding: 0;
}

/* line 454, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table-cell {
  font-weight: 400 !important;
  font-size: 1rem !important;
  border-bottom: 0.5px solid var(--color-neutral-border-secondary) !important;
  border-top: 0.5px solid var(--color-neutral-border-secondary) !important;
  padding: 1rem 1.5rem !important;
}

/* line 462, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-neutral-bg-cross-white-primary);
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-neutral-border-secondary);
  overflow: hidden;
}

/* line 472, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table thead {
  background: var(--color-neutral-bg-secondary);
}

/* line 476, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table th,
.hte-events-table td {
  padding: 0.75rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 486, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table th {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-neutral-text-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 495, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table tbody tr {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  transition: background-color 150ms ease-in-out;
}

/* line 499, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table tbody tr:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 504, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table tbody tr:nth-child(odd) {
  background: var(--color-neutral-bg-cross-white-primary);
}

/* line 508, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table tbody tr:nth-child(even) {
  background: var(--color-neutral-bg-cross-white-secondary);
}

/* line 512, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table th:nth-child(1),
.hte-events-table td:nth-child(1) {
  width: 22%;
  max-width: 22%;
  font-weight: 600;
}

/* line 519, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table td:nth-child(2),
.hte-events-table td:nth-child(5),
.hte-events-table td:nth-child(8),
.hte-events-table td:last-child {
  white-space: nowrap;
}

/* line 527, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table-meta {
  padding: 0;
  padding-top: 10px;
}

/* line 532, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pagination-left {
  padding: 0;
}

/* line 536, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pagination {
  margin: 0;
  padding-bottom: 20px;
}

/* line 541, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pagination-right {
  padding: 0;
}

/* line 545, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pagination-total {
  font-size: 18px;
}

/* line 549, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty {
  font-size: 18px;
  padding: 2rem 0;
  text-align: center;
}

/* line 554, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 561, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__img {
  width: 240px;
  max-width: 100%;
  height: auto;
}

/* line 566, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__img--light {
  display: block;
}

/* line 569, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme="dark"] .hte-events-empty__img--light {
  display: none;
}

/* line 574, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__img--dark {
  display: none;
}

/* line 577, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme="dark"] .hte-events-empty__img--dark {
  display: block;
}

/* line 583, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__text {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 591, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty__text {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
}

/* line 597, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-empty-status {
  color: var(--color-error-bg-primary);
}

/* line 601, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-details-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-neutral-text-primary);
  line-height: 1;
  flex: 0 0 auto;
  transition: opacity .2s ease;
}

/* line 617, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-details-toggle:hover, .hte-events-details-toggle:focus {
  background: transparent !important;
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  outline: none;
  box-shadow: none;
  opacity: .72;
}

/* line 627, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-details-toggle.is-open {
  background: transparent;
  color: var(--color-neutral-text-primary);
}

/* line 631, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-details-toggle.is-open .hte-events-details-toggle-icon {
  transform: rotate(180deg);
}

/* line 637, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-details-toggle-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  opacity: .9;
}

/* line 643, app/assets/stylesheets/scale_manager/scale_hub.scss */
[data-theme="dark"] .hte-events-details-toggle-icon, .dark .hte-events-details-toggle-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
}

/* line 651, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row {
  display: none !important;
}

/* line 654, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-row.is-open {
  display: table-row !important;
}

/* line 659, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-cell {
  padding: 0 1rem 0.75rem !important;
  background: transparent !important;
  border-top: none !important;
  white-space: normal !important;
  box-sizing: border-box;
}

/* line 667, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-panel {
  margin: 0 0 0.25rem;
  padding: 1.5rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 8px 24px var(--color-opacity-black-weakest);
  box-sizing: border-box;
}

/* line 677, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
}

/* line 684, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab {
  min-width: 128px;
  border-radius: 12px;
  font-size: 12px !important;
  transition: none !important;
}

/* line 690, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 697, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-mode-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
}

/* line 703, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-mode-tab {
  min-width: 124px;
  border-radius: 12px;
  font-size: 11px !important;
  padding: 8px 12px !important;
  transition: none !important;
}

/* line 710, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-mode-tab.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 717, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 160px;
}

/* line 724, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary-block--right {
  align-items: flex-end;
  text-align: right;
}

/* line 729, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary-switch {
  display: flex;
  justify-content: center;
  flex: 1 1 320px;
}

/* line 735, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-mode-section {
  display: none;
}

/* line 738, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-cost-mode-section.is-active {
  display: block;
}

/* line 743, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-section {
  display: none;
}

/* line 746, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-section.is-active {
  display: block;
}

/* line 751, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 16px 18px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-secondary);
}

/* line 764, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary-label {
  display: block;
  margin-bottom: 4px;
  color: var(--color-neutral-text-secondary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* line 774, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-summary-value {
  color: var(--color-neutral-text-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

/* line 781, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

/* line 787, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card {
  padding: 18px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
}

/* line 794, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

/* line 802, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

/* line 809, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

/* line 816, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex: 0 0 auto;
}

/* line 823, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-title {
  color: var(--color-neutral-text-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
}

/* line 831, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-total {
  color: var(--color-neutral-text-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

/* line 838, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab,
.hte-events-table .hte-events-cost-mode-tab {
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
  animation: none !important;
}

/* line 845, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab:hover, .hte-events-table .hte-events-details-tab:focus, .hte-events-table .hte-events-details-tab:active,
.hte-events-table .hte-events-cost-mode-tab:hover,
.hte-events-table .hte-events-cost-mode-tab:focus,
.hte-events-table .hte-events-cost-mode-tab:active {
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* line 854, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab:not(.is-active):hover, .hte-events-table .hte-events-details-tab:not(.is-active):focus, .hte-events-table .hte-events-details-tab:not(.is-active):active,
.hte-events-table .hte-events-cost-mode-tab:not(.is-active):hover,
.hte-events-table .hte-events-cost-mode-tab:not(.is-active):focus,
.hte-events-table .hte-events-cost-mode-tab:not(.is-active):active {
  background: var(--color-neutral-bg-primary) !important;
  border-color: var(--color-neutral-border-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 862, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-tab.is-active:hover, .hte-events-table .hte-events-details-tab.is-active:focus, .hte-events-table .hte-events-details-tab.is-active:active,
.hte-events-table .hte-events-cost-mode-tab.is-active:hover,
.hte-events-table .hte-events-cost-mode-tab.is-active:focus,
.hte-events-table .hte-events-cost-mode-tab.is-active:active {
  background: var(--color-main-bg-primary) !important;
  border-color: var(--color-main-border) !important;
  color: var(--color-neutral-text-active) !important;
}

/* line 871, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-card-count {
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 12px;
  font-weight: 700;
}

/* line 880, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

/* line 890, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item {
  padding: 8px 0;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 894, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item:first-child {
  border-top: none;
  padding-top: 0;
}

/* line 899, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item:last-child {
  padding-bottom: 0;
}

/* line 904, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 2px;
  color: var(--color-neutral-text-primary);
  font-size: 12px;
  font-weight: 700;
}

/* line 914, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item-name {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-all;
  word-break: break-word;
  white-space: normal;
}

/* line 925, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item-cost {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-left: auto;
}

/* line 931, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item-type {
  color: var(--color-neutral-text-secondary);
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* line 940, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-item-type-line {
  display: block;
}

/* line 944, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-details-empty {
  padding: 26px 18px;
  border: 1px dashed var(--color-neutral-border-primary);
  border-radius: 16px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  text-align: center;
}

/* line 954, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* line 966, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-status--effective {
  background: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 971, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-status--not-effective {
  background: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 976, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-status--insufficient-data {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
}

/* line 981, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 92px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed var(--color-neutral-border-secondary);
}

/* line 991, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-point {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 1 1 0;
  min-width: 0;
}

/* line 1000, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-point small {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 1008, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-bar {
  display: block;
  width: 100%;
  min-height: 8px;
  border-radius: 999px 999px 4px 4px;
  background: var(--color-main-bg-primary);
}

/* line 1016, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-bar--before {
  background: var(--color-neutral-border-primary);
}

/* line 1020, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-bar--during {
  background: var(--color-main-bg-primary);
}

/* line 1024, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-bar--after {
  background: var(--color-success-bg-primary);
}

/* line 1028, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-groups,
.hte-events-table .hte-events-efficiency-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
}

/* line 1037, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group,
.hte-events-table .hte-events-efficiency-trigger {
  flex: 0 1 320px;
  min-width: 280px;
  max-width: 360px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  overflow: hidden;
}

/* line 1048, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 72px;
  padding: 14px 16px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}

/* line 1058, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-trigger:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 1062, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-trigger.is-active {
  background: var(--color-main-bg-secondary);
  border-color: var(--color-main-border);
  box-shadow: 0 8px 24px var(--color-opacity-black-weakest);
}

/* line 1069, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group-main,
.hte-events-table .hte-events-efficiency-trigger-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  text-align: center;
}

/* line 1080, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group-title-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

/* line 1088, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group-subtitle {
  color: var(--color-neutral-text-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* line 1096, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group-summary-meta,
.hte-events-table .hte-events-efficiency-trigger-meta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

/* line 1104, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-help-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 1110, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* line 1119, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-panels {
  margin-top: 16px;
}

/* line 1123, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-panel {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 8px 24px var(--color-opacity-black-weakest);
  overflow: hidden;
}

/* line 1131, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 1138, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.25rem;
  border-radius: 16px 16px 0 0;
}

/* line 1144, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__title {
  margin: 0;
  padding-right: 1.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 1150, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__close {
  color: var(--color-neutral-text-secondary);
  opacity: 0.85;
}

/* line 1154, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__close:hover {
  color: var(--color-neutral-text-primary);
  opacity: 1;
}

/* line 1160, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__body {
  padding: 40px;
}

/* line 1164, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 1170, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap > .hte-events-efficiency-item + .hte-events-efficiency-item {
  margin-top: 0.25rem;
}

/* line 1174, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap ul,
.hte-events-table .hte-events-efficiency-modal__content-wrap ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1181, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-details-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 1187, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-efficiency-item {
  list-style: none;
  margin: 0;
  padding: 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 8px 24px var(--color-opacity-black-weakest);
}

/* line 1197, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-efficiency-item:last-child {
  padding-bottom: 1.25rem;
}

/* line 1201, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  text-align: center;
}

/* line 1218, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 1225, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-swatch {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* line 1232, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-label {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 1237, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font: inherit;
}

/* line 1251, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-toggle:hover, .hte-events-table .hte-events-efficiency-modal__legend-toggle:focus {
  color: var(--color-main-hover-bg-primary);
  background: transparent;
  border: none;
  box-shadow: none;
}

/* line 1259, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__legend-toggle:focus-visible {
  outline: 2px solid var(--color-main-text-primary);
  outline-offset: 2px;
}

/* line 1265, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__eye {
  font-size: 12px;
  color: inherit;
}

/* line 1270, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__chart-wrap {
  position: relative;
  height: 380px;
  min-height: 280px;
  padding: 0.5rem 0 0;
}

/* line 1277, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-group-body {
  padding: 0;
}

/* line 1281, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-item {
  padding: 0;
}

/* line 1285, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 1rem;
}

/* line 1293, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-item-copy {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1298, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__item-top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 1304, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-title-wrap {
  margin-bottom: 0;
}

/* line 1308, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0;
}

/* line 1315, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 1325, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-label {
  font-weight: 600;
  color: var(--color-neutral-text-secondary);
}

/* line 1330, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-value {
  color: var(--color-neutral-text-primary);
}

/* line 1334, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__summary-divider {
  color: var(--color-neutral-text-tertiary);
}

/* line 1338, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-details-item-name {
  display: block;
  margin-bottom: 0;
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
  font-weight: 600;
}

/* line 1346, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-details-item-type {
  line-height: 1.6;
}

/* line 1350, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__status-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 140px;
}

/* line 1358, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-modal__content-wrap .hte-events-efficiency-status {
  white-space: nowrap;
}

/* line 1362, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-shell {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* line 1369, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 12px;
}

/* line 1376, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-neutral-text-secondary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* line 1387, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend-swatch {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}

/* line 1394, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend-swatch--before {
  background: var(--color-neutral-border-primary);
}

/* line 1398, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend-swatch--during {
  background: var(--color-main-bg-primary);
}

/* line 1402, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-legend-swatch--after {
  background: var(--color-success-bg-primary);
}

/* line 1406, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series {
  gap: 4px;
  height: 128px;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* line 1414, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-point {
  gap: 8px;
  height: 100%;
}

/* line 1418, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-point small {
  font-size: 9px;
}

/* line 1423, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-table .hte-events-efficiency-series-bar {
  min-height: 10px;
  border-radius: 999px 999px 6px 6px;
  width: 72%;
}

/* line 1430, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  flex: 0 0 auto;
}

/* line 1443, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-delete-btn:hover, .hte-events-delete-btn:focus {
  background: transparent;
  box-shadow: none;
  opacity: .72;
  outline: none;
}

/* line 1452, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-advance-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  flex: 0 0 auto;
}

/* line 1465, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-advance-btn:hover, .hte-events-advance-btn:focus {
  background: transparent;
  box-shadow: none;
  opacity: .72;
  outline: none;
}

/* line 1474, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-advance-btn--hidden {
  visibility: hidden;
  pointer-events: none;
}

/* line 1479, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-advance-btn-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 1485, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-delete-btn--hidden {
  visibility: hidden;
  pointer-events: none;
}

/* line 1490, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-delete-btn-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 1496, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: auto;
  min-width: 42px;
  margin-left: auto;
  vertical-align: middle;
}

/* line 1507, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-actions--single {
  justify-content: flex-start;
}

/* line 1511, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-cost-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
}

/* line 1519, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-cost-main {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 1528, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-date-label {
  display: inline-block;
  margin-bottom: 2px;
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  /* line 1539, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-details-cell {
    padding: 0 0.5rem 0.25rem !important;
  }
  /* line 1543, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-details-panel {
    margin: 0 0 0.25rem;
    padding: 1rem;
  }
  /* line 1548, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-details-tabs {
    justify-content: stretch;
  }
  /* line 1552, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-details-tab {
    flex: 1 1 0;
    min-width: 0;
  }
  /* line 1557, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-cost-mode-tabs {
    justify-content: stretch;
  }
  /* line 1561, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-cost-mode-tab {
    flex: 1 1 0;
    min-width: 0;
  }
  /* line 1566, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-details-summary-switch {
    flex: 1 1 100%;
    width: 100%;
  }
  /* line 1571, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-efficiency-item-header,
.hte-events-efficiency-trigger {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 1577, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-efficiency-group,
.hte-events-efficiency-trigger,
.hte-events-efficiency-panel {
    min-width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }
  /* line 1585, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .hte-events-efficiency-group-summary-meta,
.hte-events-efficiency-trigger-meta {
    width: 100%;
    justify-content: space-between;
  }
}

/* line 1595, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal {
  position: relative;
  padding: 1.5rem;
  border-radius: 16px;
  border: none;
  background: #464646;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  color: #ffffff;
}

/* line 1604, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal .modal-header,
.scale-hub-help-modal .modal-footer {
  display: none;
}

/* line 1610, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  color: var(--color-neutral-text-secondary);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

/* line 1621, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__close:hover {
  color: var(--color-neutral-text-primary);
}

/* line 1626, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__icon-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 1633, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 1640, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__icon img {
  width: 18px;
  height: 18px;
}

/* line 1646, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__eyebrow {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* line 1653, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.875rem;
  line-height: 1.9;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

/* line 1661, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
}

/* line 1668, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-overlay {
  position: fixed;
  inset: 0;
  background: var(--color-neutral-shadow-md);
  backdrop-filter: blur(2px);
  display: none;
  z-index: 1060;
}

/* line 1677, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1070;
  padding: 1rem;
}

/* line 1687, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content {
  background: var(--color-neutral-bg-primary);
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 50px var(--color-neutral-shadow-lg);
  animation: hteModalIn 160ms ease-out;
}

/* line 1699, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-close {
  background: transparent;
  border: 0;
  font-size: 20px;
  line-height: 1;
}

/* line 1706, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-header {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1714, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-body {
  padding: 1rem 2rem;
  font-size: 0.875rem;
  color: var(--color-neutral-text-primary);
}

/* line 1720, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-footer {
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  text-align: right;
  background: linear-gradient(to top, var(--color-neutral-bg-secondary), transparent);
}

/* line 1727, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger {
  max-width: 520px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 1735, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-header {
  border-bottom: 0;
  text-align: center;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  position: relative;
}

/* line 1746, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-header .hte-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

/* line 1753, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-body {
  text-align: center;
  padding: 0 2rem 1rem;
}

/* line 1758, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  text-align: center;
  border-top: 0;
  background: transparent;
  padding: 0 2rem 1.5rem;
}

/* line 1769, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* line 1778, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1784, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

/* line 1795, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: none;
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

/* line 1810, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: none;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

/* line 1825, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-confirm-content--danger .hte-confirm-btn-neutral {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

/* line 1840, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__list {
  margin: 0;
  padding-left: 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 1847, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-help-modal__list li + li {
  margin-top: 0.5rem;
}

/* line 1853, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-peak-value--has-audience {
  color: var(--color-neutral-text-primary);
}

/* line 1857, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-peak-value--no-audience {
  color: var(--color-neutral-text-secondary);
}

/* line 1862, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-na-class {
  font-size: 1.5rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1867, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-template-value {
  font-size: 1.5rem;
}

/* line 1871, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-cost-value {
  color: var(--color-neutral-text-secondary);
}

/* line 1875, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-warroom-cell {
  display: block;
}

/* line 1879, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  padding: 0 0.75rem;
  height: 28px;
  border-radius: 9999px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

/* line 1894, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pill--template {
  color: #ffffff;
}

/* line 1898, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-pill--neutral {
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 1905, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1911, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__title {
  color: var(--color-neutral-text-primary);
  margin: 0;
}

/* line 1917, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-main-bg-primary);
  text-decoration: none;
}

/* line 1924, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__help-link:hover {
  opacity: 0.85;
}

/* line 1929, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__help-icon {
  width: 16px;
  height: 16px;
}

/* line 1934, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  appearance: none;
}

/* line 1949, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 1954, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill[disabled], .scale-hub-bar__group-pill:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  opacity: 0.7;
}

/* line 1962, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill[disabled]:hover, .scale-hub-bar__group-pill:disabled:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 1969, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 1977, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 1984, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill-icon--light {
  display: block;
}

/* line 1987, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme="dark"] .scale-hub-bar__group-pill-icon--light {
  display: none;
}

/* line 1992, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill-icon--dark {
  display: none;
}

/* line 1995, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme="dark"] .scale-hub-bar__group-pill-icon--dark {
  display: block;
}

/* line 2001, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill .portal-accounts-env-pill,
.scale-hub-bar__group-pill-env {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 18px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1;
}

/* line 2018, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2023, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2028, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__group-pill .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2033, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__right {
  display: flex;
  align-items: center;
  gap: 30px !important;
  flex-wrap: wrap;
}

/* line 2040, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 2050, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__link:hover {
  text-decoration: underline;
}

/* line 2055, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__link-icon {
  width: 16px;
  height: 16px;
}

/* line 2060, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 8px !important;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  border: none;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
}

/* line 2072, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__btn-primary:hover {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 2078, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-bar__btn-primary-icon {
  width: 16px;
  height: 16px;
}

/* line 2086, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.5rem;
  margin-bottom: 3rem;
}

/* line 2097, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.5rem;
  line-height: 1.25;
  color: var(--color-neutral-text-primary);
}

/* line 2104, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.015em;
  color: var(--color-main-text-primary);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* line 2120, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear:hover {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 2125, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear:focus-visible {
  outline: 2px solid var(--color-main-border);
  outline-offset: 2px;
}

/* line 2131, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  flex-shrink: 0;
}

/* line 2138, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear-icon::before, .scale-hub-filter-indicator__clear-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
}

/* line 2150, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 2154, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-filter-indicator__clear-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 2162, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown {
  position: relative;
}

/* line 2166, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  z-index: 1000;
  display: none;
  min-width: 264px;
}

/* line 2175, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__panel.is-open {
  display: block;
}

/* line 2180, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1rem;
  gap: 1.5rem;
  width: 360px;
  min-width: 264px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 2194, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.5rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* line 2205, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 2213, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
  margin: 0;
}

/* line 2222, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 2230, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 2240, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 2248, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__radio-icon {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease-in-out;
}

/* line 2260, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__radio-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  transform: scale(0);
  transition: transform 150ms ease-in-out;
}

/* line 2271, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon {
  border-color: var(--color-main-border);
}

/* line 2274, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon::after {
  transform: scale(1);
}

/* line 2279, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__option-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 2287, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__env-pill {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 2292, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown .portal-accounts-env-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 18px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1;
}

/* line 2308, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown .portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2313, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown .portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2318, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown .portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 2323, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 2336, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__divider {
  display: none;
}

/* line 2340, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__btn-cancel {
  background: none;
  border: none;
  padding: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  z-index: 1;
}

/* line 2353, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__btn-cancel:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 2358, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  min-width: 69px;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.015em;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  z-index: 1;
}

/* line 2377, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-dropdown__btn-apply:hover {
  background: var(--color-neutral-bg-tertiary);
}

/* line 2385, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-cards {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-bottom: 32px;
  justify-content: flex-start;
  width: 100%;
  overflow-x: visible;
  overflow-y: visible;
}

/* line 2402, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-cards--fill {
  overflow-x: visible;
}

/* line 2410, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  box-sizing: border-box;
  flex: 3 1 0%;
  min-width: 0;
  max-width: none;
  width: auto;
  height: auto;
  min-height: 22vh;
}

/* line 2425, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px !important;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  overflow: visible;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-main-border);
  border-radius: 16px;
  flex: 1 1 auto;
}

/* line 2444, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 0.5rem;
  width: 100%;
}

/* line 2453, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__media {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  gap: 0.5rem;
  width: 100%;
}

/* line 2463, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__check {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 9999px;
  background: var(--color-main-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2473, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__check::after {
  content: '';
  width: 6px;
  height: 10px;
  border: solid var(--color-neutral-bg-secondary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 0.25rem;
}

/* line 2484, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__badge {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 9999px;
  color: var(--color-neutral-text-primary);
}

/* line 2493, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__badge--ready {
  background: var(--color-informative-bg-secondary);
}

/* line 2497, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__badge--processing {
  background: var(--color-warning-bg-secondary);
}

/* line 2508, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary--color-1 .scale-hub-card-summary__badge--ready,
.scale-hub-card-summary--color-1 .scale-hub-card-summary__badge--processing {
  background: var(--color-informative-bg-secondary);
}

/* line 2517, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary--color-2 .scale-hub-card-summary__badge--ready,
.scale-hub-card-summary--color-2 .scale-hub-card-summary__badge--processing {
  background: #DEC1FF;
}

/* line 2526, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary--color-3 .scale-hub-card-summary__badge--ready,
.scale-hub-card-summary--color-3 .scale-hub-card-summary__badge--processing {
  background: var(--color-success-bg-secondary);
}

/* line 2536, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary--color-4 .scale-hub-card-summary__badge--ready,
.scale-hub-card-summary--color-4 .scale-hub-card-summary__badge--processing {
  background: var(--color-warning-bg-secondary);
}

/* line 2546, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary--color-5 .scale-hub-card-summary__badge--ready,
.scale-hub-card-summary--color-5 .scale-hub-card-summary__badge--processing {
  background: var(--color-error-bg-secondary);
}

/* line 2553, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1rem;
  width: 100%;
}

/* line 2562, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__title {
  color: var(--color-neutral-text-primary);
  display: flex;
  align-items: center;
}

/* line 2568, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__war-room-link {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 2573, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__war-room-link:hover,
.scale-hub-card-summary__war-room-link:focus {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 2579, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__description {
  color: var(--color-neutral-text-primary);
  display: flex;
  align-items: center;
}

/* line 2585, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-duration-cell {
  white-space: nowrap;
}

/* line 2589, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-duration {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-neutral-text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* line 2598, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-duration.is-running {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
  font-weight: 600;
}

/* line 2603, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-duration__icon {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 12px;
  line-height: 1;
}

/* line 2613, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-duration-empty {
  color: var(--color-neutral-text-secondary);
}

/* line 2617, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__metadata {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}

/* line 2625, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__timer {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-neutral-text-secondary);
  font-variant-numeric: tabular-nums;
}

/* line 2633, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__timer.is-running {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
  font-weight: 600;
}

/* line 2638, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__timer-icon {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 12px;
  line-height: 1;
}

/* line 2648, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__timer-value {
  color: inherit;
  white-space: nowrap;
}

/* line 2654, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-text-box-info {
  display: flex;
  margin-bottom: 16px;
  margin-top: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  gap: 1rem;
  width: 100%;
  min-height: 48px;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 16px;
}

/* line 2669, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-text-box-info__icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: block;
}

/* line 2677, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-text-box-info__icon-img {
  position: absolute;
  inset: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* line 2685, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-text-box-info__icon-img--dark {
  display: none;
}

/* line 2689, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme='dark'] .scale-hub-text-box-info__icon-img--light {
  display: none;
}

/* line 2693, app/assets/stylesheets/scale_manager/scale_hub.scss */
html[data-theme='dark'] .scale-hub-text-box-info__icon-img--dark {
  display: block;
}

/* line 2697, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-text-box-info__text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 16px;
  color: var(--color-neutral-text-primary);
  flex: 1;
}

/* line 2708, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__actions {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  gap: 16px !important;
  width: 100%;
}

/* line 2718, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__actions > .scale-hub-btn-secondary,
.scale-hub-card-summary__actions > .scale-hub-btn-primary {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}

/* line 2725, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__actions > .scale-hub-btn-secondary > span:last-child,
.scale-hub-card-summary__actions > .scale-hub-btn-primary > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center;
}

/* line 2732, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-summary__progress {
  margin-top: 0.75rem;
  width: 100%;
}

/* line 2737, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-progress {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
}

/* line 2745, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-progress__label {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  color: var(--color-neutral-text-primary);
}

/* line 2753, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-progress__track {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: var(--color-neutral-bg-tertiary);
  overflow: hidden;
}

/* line 2761, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-progress__bar {
  width: 0%;
  height: 100%;
  background: var(--color-success-border);
  border-radius: 999px;
  transition: width 0.35s ease;
}

/* line 2770, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  gap: 0.25rem;
  min-height: 40px;
  border: 2px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 16px;
  letter-spacing: 0.015em;
  color: var(--color-neutral-text-primary);
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}

/* line 2791, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 2796, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary.is-disabled {
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  background: var(--color-neutral-bg-tertiary);
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}

/* line 2805, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary--icon-left {
  padding-left: 8px;
}

/* line 2809, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary__icon {
  width: 16px;
  height: 16px;
  margin-right: 0.25rem;
  position: relative;
  flex-shrink: 0;
}

/* line 2817, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary__icon-close::before,
.scale-hub-btn-secondary__icon-close::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 7px;
  width: 2px;
  height: 10px;
  background: var(--color-neutral-text-primary);
  border-radius: 1px;
}

/* line 2829, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary__icon-close::before {
  transform: rotate(45deg);
}

/* line 2833, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-secondary__icon-close::after {
  transform: rotate(-45deg);
}

/* line 2838, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  gap: 0.25rem;
  min-height: 40px;
  border-radius: 8px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 16px;
  letter-spacing: 0.015em;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-secondary);
  border: 2px solid var(--color-neutral-border-primary);
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}

/* line 2860, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 2865, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary.is-disabled {
  background: var(--color-neutral-bg-tertiary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-disable);
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}

/* line 2874, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary__icon {
  width: 16px;
  height: 16px;
  margin-right: 0.25rem;
  position: relative;
  flex-shrink: 0;
}

/* line 2882, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary__icon::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 2px;
  height: 8px;
  background: var(--color-neutral-text-primary);
  border-radius: 1px;
}

/* line 2893, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary__icon::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-left: 2px solid var(--color-neutral-text-primary);
  border-top: 2px solid var(--color-neutral-text-primary);
  transform: rotate(45deg);
  border-radius: 1px;
}

/* line 2906, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-btn-primary--down .scale-hub-btn-primary__icon {
  transform: rotate(180deg);
}

/* line 2913, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-self: stretch;
  padding: 0;
  box-sizing: border-box;
  flex: 1 1 0%;
  min-width: 0;
  max-width: none;
  width: auto;
  min-height: 0;
}

/* line 2928, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1 1 auto;
  padding: 0.75rem;
  gap: 0.25rem;
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}

/* line 2948, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__content:hover {
  border-color: var(--color-main-border);
  background: var(--color-neutral-hover-bg-primary);
}

/* line 2959, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected .scale-hub-card-shortcut__content {
  border-width: 2px;
}

/* line 2965, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected-color-1 .scale-hub-card-shortcut__content {
  border-color: var(--color-informative-bg-primary);
}

/* line 2971, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected-color-2 .scale-hub-card-shortcut__content {
  border-color: var(--color-analogous-bg-primary);
}

/* line 2977, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected-color-3 .scale-hub-card-shortcut__content {
  border-color: var(--color-success-border);
}

/* line 2983, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected-color-4 .scale-hub-card-shortcut__content {
  border-color: var(--color-warning-bg-primary);
}

/* line 2989, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut--selected-color-5 .scale-hub-card-shortcut__content {
  border-color: var(--color-error-bg-primary);
}

/* line 2994, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__media {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 0.5rem;
  width: 100%;
}

/* line 3003, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3011, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__icon img {
  max-width: 100%;
  max-height: 100%;
}

/* line 3017, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 0.25rem;
  width: 100%;
}

/* line 3026, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__title {
  color: var(--color-neutral-text-primary);
  display: flex;
  align-items: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 3034, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-card-shortcut__description {
  color: var(--color-neutral-text-secondary);
  display: flex;
  align-items: center;
  overflow-wrap: anywhere;
}

/* line 3044, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-bar {
  padding: 0.75rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 3052, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section {
  margin-bottom: 1rem;
}

/* line 3056, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__label {
  display: block;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.5rem;
}

/* line 3065, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__select {
  display: block;
  width: 100%;
  max-width: 280px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-neutral-text-primary);
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  margin-bottom: 0.5rem;
}

/* line 3080, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__hint {
  font-size: 0.75rem;
  color: var(--color-neutral-text-secondary);
  margin-bottom: 1rem;
}

/* line 3086, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__hint--bar {
  margin-top: -0.75rem;
  margin-bottom: 0.75rem;
}

/* line 3091, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__links {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.875rem;
}

/* line 3098, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__links a {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 3102, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-group-section__links a:hover {
  text-decoration: underline;
}

/* line 3112, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 3120, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 24px;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  font-weight: 500;
  vertical-align: middle;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}

/* line 3136, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource-trigger:hover,
.scale-hub-single-resource-trigger:focus-visible,
.scale-hub-single-resource-trigger.is-active {
  border-color: var(--color-main-border);
  background: var(--color-neutral-bg-primary);
  color: var(--color-main-text-primary);
  outline: none;
}

/* line 3145, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource-trigger .glyphicon {
  top: 0;
}

/* line 3149, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__col-action {
  width: 76px;
  padding-right: 0 !important;
  text-align: right !important;
  vertical-align: middle;
}

/* line 3156, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__col-action .scale-hub-single-resource-trigger {
  margin-left: 0;
}

/* line 3160, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-config--unit-scaled {
  background: var(--color-scale-individual-bg) !important;
  color: var(--color-scale-individual-text) !important;
  cursor: help;
}

/* line 3166, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-scale-indicator {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* line 3173, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-trigger {
  position: absolute;
  left: 100%;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  padding: 0;
  border: 1px solid var(--color-scale-individual-bg);
  border-radius: 50%;
  background: transparent;
  color: var(--color-scale-individual-bg);
  font-weight: 600;
  transform: translateY(-50%);
  z-index: 1;
}

/* line 3193, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-trigger:hover,
.scale-hub-unit-log-trigger:focus-visible {
  background: transparent;
  color: var(--color-scale-individual-bg);
  outline: none;
}

/* line 3201, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--cloudfront .scale-hub-resource-table thead th:nth-child(2),
.scale-hub-resource-card--cloudfront .scale-hub-resource-table__cell-policy {
  text-align: left !important;
}

/* line 3207, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal .modal-dialog {
  max-width: 720px;
}

/* line 3211, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__content {
  overflow: hidden;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 3219, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 3225, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__title-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 3231, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__icon {
  color: var(--color-scale-individual-bg);
}

/* line 3235, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__subtitle {
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 3240, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__body {
  padding: 1.25rem;
}

/* line 3244, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__metadata {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
}

/* line 3251, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__metadata > div {
  padding: 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 3258, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__metadata dt {
  margin-bottom: 0.25rem;
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
}

/* line 3264, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__metadata dd {
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 3269, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__change {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

/* line 3277, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__change > div {
  height: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 3284, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__change p {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-primary);
}

/* line 3289, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__arrow {
  color: var(--color-scale-individual-bg);
}

/* line 3293, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-unit-log-modal__footer {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

@media (max-width: 767px) {
  /* line 3299, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .scale-hub-unit-log-modal__metadata,
.scale-hub-unit-log-modal__change {
    grid-template-columns: 1fr;
  }
  /* line 3304, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .scale-hub-unit-log-modal__arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

/* line 3310, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource-host__cell {
  padding: 0 !important;
  border: 0 !important;
}

/* line 3315, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource-host {
  background: transparent !important;
}

/* line 3319, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource {
  margin: 0.5rem 0 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-left: 3px solid var(--color-main-border);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  box-shadow: 0 2px 8px var(--color-neutral-shadow-sm);
}

/* line 3329, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 3338, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__heading-copy {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* line 3345, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__heading-copy .web-caption {
  color: var(--color-neutral-text-secondary);
}

/* line 3349, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-neutral-text-secondary);
}

/* line 3363, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__close:hover,
.scale-hub-single-resource__close:focus-visible {
  background: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 3370, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__form,
.scale-hub-single-resource__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem 0.75rem;
}

/* line 3377, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* line 3384, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__fields,
.scale-hub-single-resource__note,
.scale-hub-single-resource__feedback,
.scale-hub-single-resource__actions {
  grid-column: 1 / -1;
}

/* line 3391, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-error-message {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
  color: var(--color-error-text-primary, var(--color-error-bg-primary));
  font-weight: 600;
  cursor: help;
}

/* line 3400, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-error-text-primary);
  vertical-align: middle;
}

/* line 3415, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-error-flag {
  color: var(--color-error-text-primary);
}

/* line 3419, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-trigger:hover,
.scale-hub-error-log-trigger:focus-visible {
  background: transparent;
  color: var(--color-error-text-primary);
  outline: 1px solid var(--color-error-border);
  outline-offset: 1px;
}

/* line 3427, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__icon {
  color: var(--color-error-text-primary);
}

/* line 3431, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__failed-at {
  grid-column: 1 / -1;
}

/* line 3435, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__message,
.scale-hub-error-log-modal__history {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 8px;
}

/* line 3442, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__message {
  border-left: 3px solid var(--color-error-border);
  background: var(--color-error-bg-secondary);
}

/* line 3447, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__message h5,
.scale-hub-error-log-modal__history h5 {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 3453, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__message p {
  margin: 0.5rem 0 0;
  color: var(--color-error-text-primary);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

/* line 3460, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__history {
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 3465, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__history ol {
  display: grid;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

/* line 3473, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__attempt {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
}

/* line 3480, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__attempt-heading {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3487, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-error-log-modal__attempt p {
  margin: 0.25rem 0 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

/* line 3493, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__label {
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
}

/* line 3498, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__input {
  width: 100%;
  min-height: 32px;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 3508, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__input:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 2px var(--color-main-bg-secondary);
  outline: none;
}

/* line 3514, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__note {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0.25rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 3522, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__feedback {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  background: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary, var(--color-neutral-text-primary));
}

/* line 3529, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-single-resource__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

@media (max-width: 767px) {
  /* line 3537, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .scale-hub-single-resource-trigger {
    margin-top: 0.25rem;
  }
  /* line 3541, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .scale-hub-single-resource__form,
.scale-hub-single-resource__fields {
    grid-template-columns: 1fr;
  }
  /* line 3546, app/assets/stylesheets/scale_manager/scale_hub.scss */
  .scale-hub-single-resource {
    padding: 0.75rem;
  }
}

/* line 3551, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 0.75rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

/* line 3563, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__header-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 3569, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__logo {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 3581, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__logo-img {
  width: 48px;
  height: 48px;
  border: 0;
}

/* line 3587, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__logo-img-eks {
  width: 72px;
  height: 72px;
  border: 0;
}

/* line 3593, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 3599, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__title {
  color: var(--color-neutral-text-primary);
}

/* line 3603, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__current-label {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 16px;
  color: var(--color-neutral-text-secondary);
}

/* line 3610, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
}

/* line 3617, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__chevron {
  width: 20px;
  height: 20px;
  transition: transform 150ms ease-in-out;
}

/* line 3623, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__header.is-open .scale-hub-resource-card__chevron,
.scale-hub-resource-card__chevron.is-open {
  transform: rotate(180deg);
}

/* line 3628, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card__body {
  padding-top: 1rem;
}

/* line 3632, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--eks .scale-hub-resource-card__body {
  padding: 1rem 1rem 1.25rem;
}

/* line 3640, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 24px;
  height: 24px;
  padding: 0 10px;
  gap: 6px;
  border-radius: 4px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 16px;
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
  box-sizing: border-box;
}

/* line 3660, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--color-1 {
  background: var(--color-informative-bg-secondary);
}

/* line 3664, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--color-2 {
  background: var(--color-analogous-bg-secondary);
}

/* line 3668, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--color-3 {
  background: var(--color-success-bg-secondary);
}

/* line 3672, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--color-4 {
  background: var(--color-warning-bg-secondary);
}

/* line 3676, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--color-5 {
  background: var(--color-error-bg-secondary);
}

/* line 3681, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-template-badge--elasticache {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3693, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table-wrapper {
  padding: 0.75rem 1rem 0 1rem;
}

/* line 3697, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* line 3703, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table thead {
  box-sizing: border-box;
  background: var(--color-neutral-bg-primary);
  border-top: 1px solid var(--color-neutral-border-secondary);
  border-radius: 0;
}

/* line 3710, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table thead th {
  padding: 0.5rem 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
  color: var(--color-neutral-text-secondary);
}

/* line 3719, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table thead th:last-child {
  text-align: right;
  vertical-align: middle;
}

/* line 3724, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__col-cluster {
  width: 40%;
  vertical-align: middle;
}

/* line 3729, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__col-type {
  width: auto;
  margin-right: 1rem;
}

/* line 3734, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__col-node,
.scale-hub-resource-table__col-replica {
  width: 25%;
  vertical-align: middle;
}

/* line 3742, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--opensearch .scale-hub-resource-table__col-cluster {
  width: 40%;
}

/* line 3746, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--opensearch .scale-hub-resource-table__col-node {
  width: 27%;
}

/* line 3750, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--opensearch .scale-hub-resource-table__col-replica {
  width: auto;
}

/* line 3759, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--ec2 .scale-hub-resource-table__col-cluster {
  width: 40%;
}

/* line 3766, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--ec2 .scale-hub-resource-table thead th:nth-child(2),
.scale-hub-resource-card--ec2 .scale-hub-resource-table tbody td:nth-child(2) {
  width: 15%;
}

/* line 3772, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--ec2 .scale-hub-resource-table thead th:nth-child(3),
.scale-hub-resource-card--ec2 .scale-hub-resource-table tbody td:nth-child(3) {
  width: 20%;
}

/* line 3778, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--ec2 .scale-hub-resource-table thead th:nth-child(4),
.scale-hub-resource-card--ec2 .scale-hub-resource-table tbody td:nth-child(4) {
  width: auto;
}

/* line 3787, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--rds .scale-hub-resource-table__col-cluster {
  vertical-align: top;
}

/* line 3792, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--rds .scale-hub-resource-table__cluster-name {
  word-break: break-word;
  white-space: normal;
}

/* line 3798, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-rds-acu-row {
  margin-bottom: 8px !important;
}

/* line 3802, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--rds .scale-hub-rds-acu-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 8px !important;
}

/* line 3809, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--rds .scale-hub-rds-acu-row:last-child {
  margin-bottom: 8px;
}

/* line 3813, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--rds .scale-hub-rds-acu-row .web-caption {
  min-width: 34px;
}

/* line 3818, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--rds .scale-hub-rds-acu-badge {
  min-width: 56px;
  text-align: center;
}

/* line 3823, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table--rds .scale-hub-rds-acu-symbol {
  display: inline-block;
  min-width: 14px;
  text-align: center;
}

/* line 3829, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__details-btn {
  margin-left: 0.25rem;
  padding: 2px 4px;
  color: var(--color-neutral-text-secondary);
  background: none;
  border: none;
  cursor: pointer;
  vertical-align: middle;
}

/* line 3838, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__details-btn:hover {
  color: var(--color-neutral-text-primary);
}

/* line 3843, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table tbody tr {
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 3847, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table tbody td {
  padding: 0.5rem 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  line-height: 20px;
  color: var(--color-neutral-text-secondary);
  vertical-align: middle;
}

/* line 3856, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__type-cell {
  text-align: left !important;
  vertical-align: middle;
}

/* line 3861, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem;
}

/* line 3868, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__status-icon-loading {
  width: 24px;
  height: 16px;
  vertical-align: middle;
}

/* line 3874, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__status-icon {
  width: 16px;
  height: 16px;
}

/* line 3879, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--dynamodb .scale-hub-resource-table__col-cluster {
  word-break: break-word;
  white-space: normal;
  margin-right: 0.5rem;
}

/* line 3885, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-card--dynamodb .scale-hub-resource-table__cluster-name {
  word-break: break-word;
  white-space: normal;
}

/* line 3890, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__arrow,
.scale-hub-resource-table__equal {
  margin: 0 0.25rem;
  font-size: 0.75rem;
  color: var(--color-neutral-text-secondary);
}

/* line 3897, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__cell-policy {
  text-align: left !important;
  vertical-align: top;
}

/* line 3902, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__policy-name {
  display: block;
  margin-bottom: 0.25rem;
}

/* line 3907, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badges {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

/* line 3916, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badges__arrow {
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
}

/* line 3922, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-neutral-text-primary);
  box-sizing: border-box;
}

/* line 3935, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge__line {
  white-space: nowrap;
}

/* line 3938, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge__line strong {
  font-weight: 600;
}

/* line 3943, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--current {
  color: var(--color-neutral-text-primary);
}

/* line 3947, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--target {
  color: var(--color-neutral-text-primary);
}

/* line 3951, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--color-1 {
  background: var(--color-informative-bg-secondary);
}

/* line 3955, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--color-2 {
  background: var(--color-analogous-bg-secondary);
}

/* line 3960, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--color-3 {
  background: var(--color-success-bg-secondary);
}

/* line 3964, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--color-4 {
  background: var(--color-warning-bg-secondary);
}

/* line 3968, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-ttl-badge--color-5 {
  background: var(--color-error-bg-secondary);
}

/* line 3972, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badges {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

/* line 3981, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badges__arrow {
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
  flex-shrink: 0;
}

/* line 3987, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-neutral-text-primary);
  box-sizing: border-box;
}

/* line 4000, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge__line {
  white-space: nowrap;
}

/* line 4003, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge__line strong {
  font-weight: 600;
}

/* line 4008, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--current {
  color: var(--color-neutral-text-primary);
}

/* line 4012, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--target {
  color: var(--color-neutral-text-primary);
}

/* line 4016, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--color-1 {
  background: var(--color-informative-bg-secondary);
}

/* line 4020, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--color-2 {
  background: var(--color-analogous-bg-secondary);
}

/* line 4024, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--color-3 {
  background: var(--color-success-bg-secondary);
}

/* line 4028, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--color-4 {
  background: var(--color-warning-bg-secondary);
}

/* line 4032, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-capacity-badge--color-5 {
  background: var(--color-error-bg-secondary);
}

/* line 4036, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__routes {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

/* line 4041, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__account {
  font-size: 11px;
  margin: 0.25rem 0 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 4047, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-resource-table__account-icon {
  height: 16px;
  width: auto;
  margin-right: 0.25rem;
  vertical-align: middle;
}

/* line 4054, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 4060, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item {
  padding: 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
}

/* line 4065, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item:last-child {
  border-bottom: none;
}

/* line 4070, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  background: var(--color-neutral-bg-secondary);
}

/* line 4080, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 1rem 1rem;
  background: var(--color-neutral-bg-tertiary);
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 4089, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__footer-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
}

/* line 4098, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__footer-link-label {
  color: var(--color-main-text-primary);
}

/* line 4102, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__main {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: nowrap;
}

/* line 4111, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

/* line 4119, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__namespace {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 4124, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__account {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4129, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  min-width: 0;
}

/* line 4137, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__right-status-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  text-align: right;
}

/* line 4145, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  width: 100%;
}

/* line 4153, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 4160, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__status-text {
  color: var(--color-neutral-text-secondary);
}

/* line 4164, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__status-text--running {
  color: var(--color-success-bg-primary);
}

/* line 4168, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__service-name {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4173, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__right-status-block .scale-hub-eks-item__service-name {
  display: block;
  width: 100%;
  text-align: right;
}

/* line 4179, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-main-text-primary);
  cursor: pointer;
  text-decoration: none;
}

/* line 4192, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage:hover:not(:disabled) {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 4197, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage.is-active {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  font-weight: 600;
}

/* line 4203, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 4209, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* line 4215, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__diagram-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 4222, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__diagram-link:hover {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 4228, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__replicas {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 4236, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__replicas-label {
  font-size: 0.875rem;
  color: var(--color-neutral-text-primary);
}

/* line 4241, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__replicas-arrow {
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4246, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  color: var(--color-neutral-text-primary);
  box-sizing: border-box;
}

/* line 4256, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--current {
  background: var(--color-informative-bg-secondary, #e3f2fd);
  border: 1px solid var(--color-informative-border, #b3e5fc);
}

/* line 4261, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--target {
  color: var(--color-neutral-text-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 4266, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--color-1 {
  background: var(--color-informative-bg-secondary);
}

/* line 4270, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--color-2 {
  background: var(--color-analogous-bg-secondary);
}

/* line 4274, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--color-3 {
  background: var(--color-success-bg-secondary);
}

/* line 4278, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--color-4 {
  background: var(--color-warning-bg-secondary);
}

/* line 4282, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-replicas-badge--color-5 {
  background: var(--color-error-bg-secondary);
}

/* line 4286, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage-panel {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

/* line 4292, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage-panel[hidden] {
  display: none !important;
}

/* line 4296, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage-panel.is-open {
  display: block;
}

/* line 4301, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__askrage-message,
.scale-hub-eks-item__askrage-placeholder {
  margin: 0;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-neutral-text-primary);
  padding: 0.75rem 1rem;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-sizing: border-box;
}

/* line 4315, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__dependencies-icon {
  width: 12px;
  height: 12px;
}

/* line 4320, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__dependencies-icon-container {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  background: transparent;
  border: none;
  color: var(--color-main-text-primary);
  cursor: pointer;
  text-decoration: none;
}

/* line 4331, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__dependencies-icon-container:hover:not(:disabled) {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 4336, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-eks-item__dependencies-icon-container:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 4342, app/assets/stylesheets/scale_manager/scale_hub.scss */
.container-fluid--scale-hub {
  background-color: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-primary);
  margin-bottom: 2rem;
  padding: 0 !important;
}

/* line 4349, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal .modal-dialog {
  max-width: 480px;
  width: calc(100% - 4rem);
  margin: 2rem auto;
}

/* line 4355, app/assets/stylesheets/scale_manager/scale_hub.scss */
body.modal-open .modal-backdrop {
  background-color: var(--color-opacity-black-strongest);
}

/* line 4359, app/assets/stylesheets/scale_manager/scale_hub.scss */
body.modal-open .modal-backdrop.in {
  opacity: 1;
}

/* line 4363, app/assets/stylesheets/scale_manager/scale_hub.scss */
.modal.scale-hub-schedule-modal .modal-dialog {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: auto;
  margin: 0;
  height: auto;
  max-width: 560px;
  width: 100%;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-out !important;
}

/* line 4377, app/assets/stylesheets/scale_manager/scale_hub.scss */
.modal.scale-hub-schedule-modal .modal-content {
  height: 100%;
  border-radius: 8px;
  border-left: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 4384, app/assets/stylesheets/scale_manager/scale_hub.scss */
.modal.scale-hub-schedule-modal.in .modal-dialog {
  transform: translateX(0) !important;
}

/* line 4388, app/assets/stylesheets/scale_manager/scale_hub.scss */
.modal.scale-hub-schedule-modal .select2-container--open,
.modal.scale-hub-schedule-modal .select2-dropdown {
  z-index: 10050 !important;
}

/* line 4393, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__field-group {
  margin-bottom: 1rem;
}

/* line 4397, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__label {
  display: block;
  margin-bottom: 0.25rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 4406, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-required-asterisk {
  display: inline-block;
  margin-left: 2px;
  font-weight: 700;
  color: var(--color-feedback-error-text, #d9534f);
}

/* line 4413, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input,
.scale-hub-schedule-modal__select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 4426, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input:-webkit-autofill,
.scale-hub-schedule-modal__input:-webkit-autofill:hover,
.scale-hub-schedule-modal__input:-webkit-autofill:focus,
.scale-hub-schedule-modal__input:-webkit-autofill:active,
.scale-hub-schedule-modal__input:autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--color-neutral-bg-primary) inset !important;
  box-shadow: 0 0 0 1000px var(--color-neutral-bg-primary) inset !important;
  -webkit-text-fill-color: var(--color-neutral-text-primary) !important;
  caret-color: var(--color-neutral-text-primary);
  transition: background-color 99999s ease-out 0s;
}

/* line 4438, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__field-group--floating {
  position: relative;
}

/* line 4442, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input--floating {
  padding-top: 20px;
  padding-bottom: 8px;
}

/* line 4447, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input.datepick {
  min-height: 52px;
}

/* line 4451, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__label--floating {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  transition: all 0.15s ease-out;
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4463, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input--floating:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

/* line 4468, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input--floating:focus + .scale-hub-schedule-modal__label--floating,
.scale-hub-schedule-modal__input--floating:not(:placeholder-shown) + .scale-hub-schedule-modal__label--floating,
.scale-hub-schedule-modal__input--floating.is-filled + .scale-hub-schedule-modal__label--floating {
  top: 0.25rem;
  transform: none;
  font-size: 1rem;
  color: var(--color-main-text-primary);
}

/* line 4477, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__label--floating-always {
  top: 0.25rem;
  transform: none;
  font-size: 1rem;
  color: var(--color-main-text-primary);
}

/* line 4484, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__input--with-icon {
  padding-right: 1.5rem;
}

/* line 4488, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__icon {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* line 4499, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__icon-img {
  width: 17px;
  height: 17px;
}

/* line 4504, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__help {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4511, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__dates {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 4517, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__time-row {
  display: flex;
  gap: 1rem;
}

/* line 4522, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__time-field {
  flex: 1 1 0;
  min-width: 0;
}

/* line 4527, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__time-input {
  width: 100%;
}

/* line 4531, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__time-row.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* line 4536, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__time-field.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* line 4541, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__field-group--switch {
  margin-top: 0.5rem;
}

/* line 4545, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* line 4552, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__switch-label {
  font-family: "Poppins", "Roboto", sans-serif;
  color: var(--color-neutral-text-primary);
}

/* line 4557, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__toggle-switch-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 4563, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__toggle-switch-wrap .switch {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  position: relative;
}

/* line 4571, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__toggle-switch-wrap .switch input[type='checkbox'] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
}

/* line 4582, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__toggle-switch-wrap .switch .slider.round {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 16px;
  background: var(--color-neutral-bg-tertiary);
  border-radius: 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}

/* line 4594, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__toggle-switch-wrap .switch .slider.round > span {
  position: absolute;
  left: 0;
  top: -5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  border-radius: 50%;
  transition: transform 150ms ease-in-out;
}

/* line 4606, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__field-group--checkbox {
  margin-top: 0.5rem;
}

/* line 4610, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 4619, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__required {
  color: var(--color-feedback-error-text);
}

/* line 4623, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__optional {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 4628, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 3rem 3rem 3rem 3rem;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 4642, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal .scale-hub-close-event-modal__content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* line 4647, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal .modal-content form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* line 4654, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  border-bottom: none;
  position: relative;
}

/* line 4664, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-bg-tertiary) !important;
  border-radius: 9999px;
  border: none;
  opacity: 1;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-neutral-text-primary);
}

/* line 4682, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 4687, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

/* line 4693, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close-icon::before, .scale-hub-close-event-modal__close-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: currentColor;
  border-radius: 1px;
}

/* line 4707, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close-icon::before {
  transform: rotate(45deg);
}

/* line 4711, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__close-icon::after {
  transform: rotate(-45deg);
}

/* line 4716, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__title {
  text-align: center;
  color: var(--color-neutral-text-primary);
}

/* line 4721, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__body {
  padding: 0;
  width: 100%;
}

/* line 4726, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__description {
  text-align: center;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--color-neutral-text-secondary);
  margin: 0 0 1.5rem;
}

/* line 4735, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__cards {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-bottom: 3rem;
  margin-top: 3rem;
  width: 100%;
}

/* line 4747, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 200px;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
}

/* line 4762, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__card-class {
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 4769, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__card-audience {
  color: var(--color-neutral-text-secondary);
}

/* line 4773, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  color: var(--color-neutral-text-primary);
}

/* line 4781, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 16px;
  margin-top: 0.5rem;
  background-color: var(--color-neutral-bg-primary);
  width: 100%;
}

/* line 4792, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__btn-primary,
.scale-hub-close-event-modal__btn-cancel {
  width: 100%;
  max-width: 280px;
  flex-shrink: 0;
  min-height: 40px;
  padding: 0.5rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem !important;
  line-height: 1.8;
  border-radius: 8px;
  cursor: pointer;
}

/* line 4808, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__footer--scale {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 4814, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__footer--scale .scale-hub-close-event-modal__btn-primary,
.scale-hub-close-event-modal__footer--scale .scale-hub-close-event-modal__btn-cancel {
  width: 100%;
  max-width: 280px;
  margin-left: 0;
  margin-right: 0;
}

/* line 4822, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__btn-primary {
  color: var(--color-neutral-text-active);
  background-color: var(--color-main-bg-primary);
  border: none;
}

/* line 4827, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__btn-primary:hover {
  background-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 4833, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__btn-cancel {
  color: var(--color-neutral-text-secondary);
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
}

/* line 4838, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-close-event-modal__btn-cancel:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 4844, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}

/* line 4857, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__footer .scale-hub-close-event-modal__btn-primary,
.scale-hub-schedule-modal__footer .scale-hub-close-event-modal__btn-cancel {
  width: auto;
  max-width: none;
  min-width: 140px;
}

/* line 4864, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal .scale-hub-close-event-modal__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 4870, app/assets/stylesheets/scale_manager/scale_hub.scss */
#scale-hub-schedule-form {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 4876, app/assets/stylesheets/scale_manager/scale_hub.scss */
.scale-hub-schedule-modal__footer {
  margin-top: auto;
}

/* line 4880, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 4887, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__header {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 1rem 1.25rem;
  border-radius: 16px 16px 0 0;
}

/* line 4893, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__title {
  margin: 0;
  padding-right: 1.5rem;
  color: var(--color-neutral-text-primary);
}

/* line 4899, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__close {
  color: var(--color-neutral-text-secondary);
  opacity: 0.85;
}

/* line 4903, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__close:hover {
  color: var(--color-neutral-text-primary);
  opacity: 1;
}

/* line 4909, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__body {
  padding: 40px;
}

/* line 4913, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 4919, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content-wrap ul,
.hte-events-efficiency-modal__content-wrap ol,
.hte-events-efficiency-modal__content-wrap li {
  list-style: none;
}

/* line 4925, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content-wrap .hte-events-efficiency-item {
  margin: 0;
  padding: 1.25rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 8px 24px var(--color-opacity-black-weakest);
}

/* line 4934, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 1rem;
}

/* line 4942, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-item-copy {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 4947, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__item-top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 4953, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-title-wrap {
  margin-bottom: 0;
}

/* line 4957, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content-wrap .hte-events-details-item-name {
  display: block;
  margin-bottom: 0;
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
  font-weight: 600;
}

/* line 4965, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 4971, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-neutral-text-secondary);
}

/* line 4981, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-label {
  font-weight: 600;
  color: var(--color-neutral-text-secondary);
}

/* line 4986, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-value {
  color: var(--color-neutral-text-primary);
}

/* line 4990, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__summary-divider {
  color: var(--color-neutral-text-tertiary);
}

/* line 4994, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__status-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 140px;
}

/* line 5002, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__content-wrap .hte-events-efficiency-status {
  white-space: nowrap;
}

/* line 5006, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-series-shell {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* line 5013, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
  align-content: center;
  gap: 0.5rem 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  text-align: center;
}

/* line 5033, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 5040, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-swatch {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* line 5047, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-label {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 5052, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font: inherit;
}

/* line 5066, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-toggle:hover, .hte-events-efficiency-modal__legend-toggle:focus {
  color: var(--color-main-hover-bg-primary);
  background: transparent;
  border: none;
}

/* line 5073, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__legend-toggle:focus-visible {
  outline: 2px solid var(--color-main-text-primary);
  outline-offset: 2px;
}

/* line 5079, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__eye {
  font-size: 12px;
  color: inherit;
}

/* line 5084, app/assets/stylesheets/scale_manager/scale_hub.scss */
.hte-events-efficiency-modal__chart-wrap {
  position: relative;
  height: 380px;
  min-height: 280px;
}
/* line 216, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/scale_manager/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/scale_manager/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 8, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-neutral-bg-primary);
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 18, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-page-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* line 25, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-page-header__title {
  color: var(--color-neutral-text-primary);
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  margin: 0;
}

/* line 32, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-page-header__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* line 38, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-page-header__help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 44, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-page-header__help-icon {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 51, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-main-col {
  padding: 0;
}

/* line 55, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar-col {
  padding: 0;
  margin-bottom: 1rem;
}

/* line 60, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-section-row--tight {
  margin-top: 0.5rem;
}

/* line 64, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-section-row--spaced {
  margin-top: 1.5rem;
}

/* line 68, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-section-title {
  margin-top: 0;
}

/* line 73, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-alert {
  text-align: left;
  padding: 1.5rem;
  margin-bottom: 0;
}

/* line 79, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-alert__content {
  padding: 0;
  font-size: 1.125rem;
}

/* line 84, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-alert__title {
  margin: 0 0 0.5rem 0;
}

/* line 88, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-alert__text {
  margin: 0 0 1rem 0;
}

/* line 92, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-info-row {
  margin-bottom: 1rem;
  padding: 44px;
}

/* line 97, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-info-col-left {
  padding: 0;
}

/* line 101, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-info-col-right {
  background: var(--color-neutral-bg-primary);
  text-align: center;
  padding: 1rem;
}

/* line 107, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-empty-info-image {
  border: 1px solid var(--color-neutral-border-secondary);
  height: 400px;
  border-radius: 12px;
  object-fit: cover;
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 12%);
}

/* line 115, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

/* line 122, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-label {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 9999px;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
}

/* line 134, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-label strong {
  font-weight: 600;
}

/* line 138, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* line 145, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

/* line 158, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-tab:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary) !important;
}

/* line 164, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-tab--active {
  background-color: var(--color-main-bg-primary) !important;
  border-color: var(--color-main-bg-primary) !important;
  color: #ffffff !important;
}

/* line 170, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 16px !important;
}

/* line 177, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__duplicate-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  margin-right: 0.25rem;
}

/* line 188, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__duplicate-btn .scale-templates-toolbar__duplicate-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-image: url(/assets/icons/duplicate-icon-dba2465006396a31f406f3e609e129099ac27777c2606318d33a923eb53115db.svg);
  mask-image: url(/assets/icons/duplicate-icon-dba2465006396a31f406f3e609e129099ac27777c2606318d33a923eb53115db.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* line 203, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__duplicate-btn:hover:not(:disabled) {
  color: var(--color-main-hover-bg-primary);
}

/* line 207, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__duplicate-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 213, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__delete-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-error-text-primary);
  text-decoration: none;
}

/* line 226, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__delete-btn .scale-templates-toolbar__delete-icon {
  width: 16px;
  height: 16px;
}

/* line 231, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__delete-btn:hover:not(:disabled) {
  color: var(--color-error-hover-bg-primary);
}

/* line 235, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__delete-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 241, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__create-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 8px !important;
  padding: 8px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  border: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  white-space: nowrap;
}

/* line 252, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__create-btn .scale-templates-toolbar__plus-icon {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-image: url(/assets/icons/plus-icon-90d168315fbfa4eafe6e125355341a1a87e31d06124a8a2f5983b7b77a78c9f8.svg);
  mask-image: url(/assets/icons/plus-icon-90d168315fbfa4eafe6e125355341a1a87e31d06124a8a2f5983b7b77a78c9f8.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* line 267, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__create-btn:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: var(--color-neutral-text-primary);
}

/* line 272, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__create-btn.is-limit-reached, .scale-templates-toolbar__create-btn[aria-disabled='true'] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 277, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__create-btn.is-limit-reached:hover, .scale-templates-toolbar__create-btn[aria-disabled='true']:hover {
  background-color: var(--color-neutral-bg-primary) !important;
}

/* line 284, app/assets/stylesheets/scale_manager/scale_templates.scss */
#template_feedback {
  margin-left: 0.5rem;
}

/* line 288, app/assets/stylesheets/scale_manager/scale_templates.scss */
[data-hte-selection-target="templateFeedback"]:not(#template_feedback) {
  margin-left: 0.5rem;
}

/* line 292, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-templates-row {
  margin: 0;
  width: 100%;
  display: block !important;
}

/* line 302, app/assets/stylesheets/scale_manager/scale_templates.scss */
.services-selection-demo__intro-row {
  margin-bottom: 0.5rem;
}

/* line 306, app/assets/stylesheets/scale_manager/scale_templates.scss */
.services-selection-demo__toolbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 1rem;
  padding-top: 0.5rem;
  margin-bottom: 1rem;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  text-align: left;
}

/* line 318, app/assets/stylesheets/scale_manager/scale_templates.scss */
.services-selection-demo__toolbar-form {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 324, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-templates-legacy-controls {
  display: none;
}

/* line 328, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-template-select-wrap {
  position: relative;
  display: none;
}

/* line 333, app/assets/stylesheets/scale_manager/scale_templates.scss */
[data-hte-selection-target="groupSelect"] {
  display: none;
}

/* line 337, app/assets/stylesheets/scale_manager/scale_templates.scss */
[data-hte-selection-target="templateScaleLevel"] {
  display: none;
}

/* line 341, app/assets/stylesheets/scale_manager/scale_templates.scss */
[data-hte-selection-target="templateNameInput"] {
  min-width: 160px;
  width: 160px;
}

/* line 346, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-auto-scale-alert {
  margin: 0.5rem 0 0 0;
}

/* line 350, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-selections-limit-alert[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  /* line 355, app/assets/stylesheets/scale_manager/scale_templates.scss */
  .scale-templates-toolbar__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* line 365, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-overlay {
  position: fixed;
  inset: 0;
  background: var(--color-neutral-shadow-lg);
  backdrop-filter: blur(2px);
  display: none;
  z-index: 1040;
}

/* line 374, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: stretch;
  justify-content: flex-end;
  z-index: 1050;
  padding: 1rem 1rem 1rem 2rem;
  border: 2px solid var(--color-opacity-black-strongest);
  background-color: var(--color-opacity-black-strongest);
}

/* line 386, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-content {
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  width: 100%;
  max-width: 760px;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 50px var(--color-neutral-shadow-lg);
  animation: hteModalIn 200ms ease-out;
}

/* line 400, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  padding: 1.5rem;
}

/* line 407, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary) !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

/* line 416, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-header h4 {
  margin: 0;
  font-family: var(--font-family-heading, inherit);
  font-size: 1.875rem !important;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
}

/* line 424, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-header .hte-close {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}

/* line 430, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-edit-meta {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 436, app/assets/stylesheets/scale_manager/scale_templates.scss */
list-group-item-hte {
  border-radius: 12px;
  background-color: var(--color-neutral-bg-primary) !important;
  color: var(--color-neutral-text-primary) !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
}

/* line 444, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-body {
  flex: 1 1 auto;
  overflow: auto;
}

/* line 449, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer {
  padding: 1rem 3rem 1rem;
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(to top, var(--color-neutral-bg-secondary), transparent);
  position: sticky;
  bottom: 0;
  z-index: 1;
}

/* line 462, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-close {
  background: transparent;
  border: 0;
  font-size: 1.875rem;
  line-height: 1;
  color: var(--color-neutral-text-secondary);
}

/* line 470, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-list {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  list-style: none;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
}

/* line 479, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-list li {
  padding: 0.25rem 0;
  border: 0;
  border-radius: 0;
  transition: background-color 120ms ease, box-shadow 120ms ease;
}

/* line 486, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-list li:hover {
  background-color: transparent;
}

/* line 491, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item-card {
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%;
  cursor: pointer;
}

/* line 501, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  width: 100%;
  background-color: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  cursor: pointer;
  transition: background-color 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

/* line 513, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  box-shadow: 0 4px 10px var(--color-neutral-shadow-sm);
  border-color: var(--color-neutral-border-secondary);
}

/* line 519, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--color-main-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
}

/* line 527, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item input[type="checkbox"]:hover,
.hte-modal-item input[type="checkbox"]:focus,
.hte-modal-item input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-main-bg-primary) !important;
  border-color: var(--color-main-bg-primary) !important;
}

/* line 535, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 541, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__title {
  font-size: 1.125rem;
  color: var(--color-neutral-text-primary);
  line-height: 1rem;
}

/* line 547, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__description {
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 552, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__description--meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 559, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-status {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 567, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-status--ok {
  color: var(--color-main-text-primary);
}

/* line 571, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-status--error {
  color: var(--color-error-text-primary);
}

/* line 575, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-status--neutral {
  color: var(--color-neutral-text-secondary);
}

/* line 579, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-status__icon {
  width: 10px;
  height: 10px;
  display: inline-block;
}

/* line 585, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__meta-node-type {
  white-space: nowrap;
}

/* line 589, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__account {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
}

/* line 596, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__account-icon {
  display: none;
}

/* line 600, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item__account-name {
  color: var(--color-neutral-text-secondary);
}

/* line 604, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-item-description__account {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 610, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-search {
  margin-bottom: 1rem;
  border-radius: 9999px;
  padding-left: 1rem;
  background: var(--color-neutral-bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 14px center;
}

/* line 617, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-search:focus {
  box-shadow: 0 0 0 3px var(--color-main-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  outline: none;
}

/* line 623, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: 1.5rem;
  align-items: stretch;
}

/* line 631, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-left {
  background: var(--color-neutral-bg-secondary);
  padding: 1.5rem;
}

/* line 636, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-row {
  display: flex !important;
  align-items: baseline !important;
  width: 100%;
  gap: 0.5rem !important;
  flex-direction: row-reverse !important;
  flex-wrap: nowrap !important;
  align-content: stretch !important;
  justify-content: center !important;
}

/* line 647, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-right {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--color-neutral-bg-primary);
  padding: 1.5rem;
  text-align: left;
  margin-right: 1rem;
}

/* line 657, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-config,
#hte-modal-feedback {
  position: static !important;
}

/* line 662, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions .btn {
  border-radius: 9999px;
  padding: 0.5rem 1rem;
  transition: transform 80ms ease, box-shadow 120ms ease;
}

/* line 668, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions .btn-default {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 673, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions .btn-default:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 677, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem !important;
}

/* line 684, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-groups {
  margin-top: 0.5rem;
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: var(--color-neutral-bg-primary);
}

/* line 691, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-groups:empty {
  display: none;
}

/* line 696, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-note {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: var(--color-neutral-bg-secondary);
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
}

/* line 705, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-card__cfg-pairs {
  font-size: 1rem;
  margin-top: 0.5rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 713, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-feedback {
  display: block;
  margin-top: 0.5rem;
  color: var(--color-error-text-primary);
}

@media (max-height: 600px) {
  /* line 720, app/assets/stylesheets/scale_manager/scale_templates.scss */
  .hte-modal-content {
    height: 100%;
  }
}

@media (max-width: 768px) {
  /* line 726, app/assets/stylesheets/scale_manager/scale_templates.scss */
  .hte-modal-layout {
    grid-template-columns: 1fr;
  }
}

@keyframes hteModalIn {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 744, app/assets/stylesheets/scale_manager/scale_templates.scss */
  .hte-modal-content {
    animation: none;
  }
  /* line 748, app/assets/stylesheets/scale_manager/scale_templates.scss */
  .hte-list li {
    transition: none;
  }
}

/* line 753, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-content input[type="text"],
.hte-modal-content input[type="number"],
.hte-modal-content select {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  height: 3rem;
  box-shadow: inset 0 1px 2px var(--color-neutral-shadow-sm);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

/* line 763, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions__add-button {
  background-color: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 4px;
  padding: 0.5rem 2rem;
}

/* line 773, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions__clear-button {
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-secondary);
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.5rem 3rem;
}

/* line 782, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-title {
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--color-neutral-text-primary);
  margin-bottom: 1rem;
  grid-column: 1 / -1;
  display: block;
  text-align: left;
}

/* line 793, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group__label {
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-neutral-text-primary) !important;
}

/* line 799, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-select {
  width: 100%;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  height: 3rem !important;
  padding: 0.5rem 1.5rem;
}

/* line 808, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-content input[type="text"]:focus,
.hte-modal-content input[type="number"]:focus,
.hte-modal-content select:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 3px var(--color-main-bg-secondary);
}

/* line 816, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-content label {
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
  display: block;
}

/* line 822, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  padding: 0.25rem 1rem !important;
  background-color: var(--color-neutral-bg-primary);
}

/* line 832, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input__label {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-main-bg-primary) !important;
  margin-bottom: 0 !important;
}

/* line 839, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-required-asterisk {
  display: inline-block;
  margin-left: 2px;
  font-weight: 700;
  color: var(--color-feedback-error-text, #d9534f);
}

/* line 846, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input__subtitle {
  margin-left: 0.25rem;
  white-space: nowrap;
  font-weight: 400;
}

/* line 852, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input__input {
  font-size: 1.125rem !important;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 861, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input__input:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}

/* line 868, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-content .hte-card-input input[type="text"],
.hte-modal-content .hte-card-input input[type="number"] {
  border: 0;
  border-radius: 0;
  height: auto;
  box-shadow: none;
  transition: none;
  padding: 0;
}

/* line 879, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input input[type="number"]::-webkit-inner-spin-button,
.hte-card-input input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 885, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input input[type="number"] {
  -moz-appearance: textfield;
}

/* line 890, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-floating-input-group {
  position: relative;
}

/* line 894, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-floating-input {
  width: 100%;
  padding: 1.25rem 0.75rem 0.75rem;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: transparent;
}

/* line 906, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-floating-label {
  position: absolute;
  left: 0.75rem;
  top: 0.5rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-main-text-primary);
  pointer-events: none;
}

/* line 917, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input:focus-within {
  border-color: var(--color-main-bg-primary);
}

/* line 921, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-card-input__help {
  display: block;
  margin-top: 0.5rem;
}

/* line 928, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group.hte-card-input {
  display: block !important;
  padding: 0.5rem 1rem !important;
  gap: 1rem !important;
}

/* line 934, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-hub-padding-input {
  padding: 0.5rem 2rem !important;
}

/* line 938, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group {
  padding: 0.5rem;
  display: flex !important;
  flex-direction: row !important;
  gap: 2rem !important;
}

/* line 945, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-control {
  font-size: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  border-radius: 4px;
}

/* line 952, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
}

/* line 959, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

/* line 965, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-grid__header {
  grid-column: 1 / -1;
}

/* line 969, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-title {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

/* line 974, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-note {
  grid-column: 1 / -1;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
}

/* line 983, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--full {
  grid-column: 1 / -1;
}

/* line 987, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--span-2 {
  grid-column: span 2;
}

/* line 991, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--min-160 {
  min-width: 160px;
}

/* line 995, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--min-170 {
  min-width: 170px;
}

/* line 999, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--min-220 {
  min-width: 220px;
}

/* line 1003, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-form-group--min-240 {
  min-width: 240px;
}

/* line 1007, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-help {
  display: block;
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

/* line 1014, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-list input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
}

/* line 1019, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-list label {
  gap: 0.5rem;
}

/* line 1023, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer .btn {
  border-radius: 9999px;
  padding: 0.5rem 1rem;
  min-width: 280px;
}

/* line 1029, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer .btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
}

/* line 1034, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer .btn-primary:hover {
  filter: brightness(0.95);
  box-shadow: 0 6px 18px var(--color-neutral-shadow-sm);
  transform: translateY(-1px);
}

/* line 1040, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer .btn-default {
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 1045, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-modal-footer .btn-default:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 1049, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions__text-button {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-neutral-text-secondary);
}

/* line 1058, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions__primary-button {
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 1071, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-config-actions__primary-button-icon {
  font-size: 1.125rem;
  line-height: 1;
}

/* line 1076, app/assets/stylesheets/scale_manager/scale_templates.scss */
#cfg-ec2-target-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
}

/* line 1086, app/assets/stylesheets/scale_manager/scale_templates.scss */
#cfg-rds-min-gib,
#cfg-rds-max-gib {
  margin-left: 0.5rem;
  white-space: nowrap;
}

/* line 1092, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-ec2-help-icon {
  color: var(--color-main-bg-primary);
  margin-left: 0.5rem;
}

/* line 1097, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-ec2-target-group-row {
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 0.5rem;
  align-items: center;
}

/* Confirm modal (custom) */
/* line 1105, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-overlay {
  position: fixed;
  inset: 0;
  background: var(--color-neutral-shadow-md);
  backdrop-filter: blur(2px);
  display: none;
  z-index: 1060;
}

/* line 1114, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1070;
  padding: 1rem;
}

/* line 1124, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content {
  background: var(--color-neutral-bg-primary);
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 50px var(--color-neutral-shadow-lg);
  animation: hteModalIn 160ms ease-out;
}

/* line 1136, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-header {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1144, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-body {
  padding: 1rem 2rem;
  font-size: 0.875rem;
  color: var(--color-neutral-text-primary);
}

/* line 1150, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-footer {
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  text-align: right;
  background: linear-gradient(to top, var(--color-neutral-bg-secondary), transparent);
}

/* line 1157, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-body #hte-confirm-message {
  display: none;
}

/* line 1161, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-header h4 {
  margin: 0;
}

/* line 1165, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info {
  max-width: 520px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--color-neutral-border-secondary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 1173, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-header {
  border-bottom: 0;
  text-align: center;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  position: relative;
}

/* line 1184, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-header .hte-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

/* line 1191, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-body {
  text-align: center;
  padding: 0 2rem 1rem;
}

/* line 1196, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  text-align: center;
  border-top: 0;
  background: transparent;
  padding: 0 2rem 1.5rem;
}

/* line 1207, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-neutral-text-primary);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* line 1216, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

/* line 1227, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-icon img {
  width: 64px;
  height: 64px;
}

/* line 1232, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1238, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: none;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

/* line 1253, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-content--info .hte-confirm-btn-neutral {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

/* line 1269, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-rename-modal label {
  font-size: 1rem;
  color: var(--color-neutral-text-secondary);
  margin-bottom: 0.5rem;
}

/* line 1275, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-rename-error {
  display: block;
  margin-top: 6px;
  color: var(--color-error-text-primary);
}

/* Cards antigos / helpers (mantidos para compatibilidade) */
/* line 1282, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-toolbar-icon {
  margin-right: 0.5rem;
}

/* line 1286, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-card {
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  padding: 0.5rem 1rem;
  background: var(--color-neutral-bg-primary);
}

/* line 1292, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 1301, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-card [data-role='remove-group'] {
  margin-left: auto;
}

/* line 1305, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-card__cfg-row {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 1312, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-badge {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

/* line 1320, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-group-items {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 1327, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-chip-ec2-item {
  background: var(--color-informative-bg-secondary);
  border: 1px solid var(--color-informative-border);
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  color: var(--color-informative-text-primary);
}

/* line 1336, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-chip {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-main-text-primary);
  border-radius: 9999px;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

/* line 1345, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-row {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 1352, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-wrap {
  position: relative;
  flex: 1 1 100%;
  min-width: 0;
  height: 2rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 34px;
}

/* line 1364, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-wrap:focus-within {
  outline: none;
}

/* line 1368, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  width: 18px;
  height: 18px;
  color: var(--color-neutral-text-secondary);
}

/* line 1382, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

/* line 1388, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-wrap .hte-filter-input {
  width: 100%;
  height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  background-color: var(--color-neutral-bg-primary);
  font-size: 1.125rem;
  line-height: 1;
  color: var(--color-neutral-text-primary);
  box-shadow: 0 1px 3px var(--color-neutral-shadow-sm);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

/* line 1405, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-wrap .hte-filter-input::placeholder {
  color: var(--color-neutral-text-secondary);
}

/* line 1409, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-wrap .hte-filter-input:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  box-shadow: 0 0 0 2px var(--color-neutral-shadow-sm);
}

/* line 1415, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-clear {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-45%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  line-height: 1;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  background-image: url(/assets/icons/filter-close-icon-light-27c2b06a7eb60c172b532bf40e0b05dfc597e92cb711fd8bbba443f057110768.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

/* line 1440, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-filter-input-clear:hover {
  background-color: var(--color-neutral-hover-bg-primary);
  color: transparent;
}

/* line 1445, app/assets/stylesheets/scale_manager/scale_templates.scss */
.dark .hte-filter-input-clear,
[data-theme="dark"] .hte-filter-input-clear {
  background-image: url(/assets/icons/filter-close-icon-dark-5237acac4ac01f0aa917127d9eb3c9b109aec921e384fc0fa888d7655e65e538.svg);
}

/* line 1450, app/assets/stylesheets/scale_manager/scale_templates.scss */
#hte-modal-account-filter {
  flex: 0 0 220px;
  max-width: 260px;
}

/* line 1456, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-selection {
  border-radius: 8px !important;
  background-color: var(--color-neutral-bg-primary) !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 1.5rem 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* line 1468, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-selection .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 1rem !important;
  color: var(--color-neutral-text-primary) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* line 1477, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-selection .select2-selection__arrow {
  right: 0.25rem !important;
}

/* line 1481, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-dropdown {
  border-radius: 8px !important;
  border: 1px solid var(--color-neutral-border-secondary) !important;
  background-color: var(--color-neutral-bg-primary) !important;
  box-shadow: 0 4px 12px var(--color-neutral-shadow-sm);
}

/* line 1488, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-dropdown .select2-results__option {
  padding: 0.5rem !important;
  color: var(--color-neutral-text-primary) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

/* line 1495, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-dropdown .select2-results__option--highlighted {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1500, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-account-filter-dropdown .select2-results__option[aria-selected='true'] {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}

/* line 1505, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-template-select-wrap .select2-container--bootstrap .select2-selection--single {
  padding-right: 1rem;
}

/* line 1509, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-template-edit-icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0.5rem 0.5rem;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  z-index: 3;
}

/* line 1522, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-template-edit-icon:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 1527, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-template-edit-icon .glyphicon {
  font-size: 1rem;
}

/* line 1531, app/assets/stylesheets/scale_manager/scale_templates.scss */
.hte-confirm-warning {
  color: var(--color-error-text-primary);
  font-weight: 700;
}

/* Group environment badge in services selection template */
/* line 1537, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-label {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

/* line 1543, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-env-pill.portal-accounts-env-pill {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  font-size: 10px;
  height: 18px;
  justify-content: center;
  line-height: 1;
  min-width: 46px;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 1559, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-env-pill.portal-accounts-env-pill--prod {
  background: var(--color-informative-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1564, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-env-pill.portal-accounts-env-pill--stg {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 1569, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-env-pill.portal-accounts-env-pill--dev {
  background: var(--color-analogous-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* Keep services selection group label as plain text with only the env badge beside it */
/* line 1575, app/assets/stylesheets/scale_manager/scale_templates.scss */
.scale-templates-toolbar__group-label {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 8px;
  padding: 0 !important;
}
/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/sddcs/floating_card.scss */
.floating-card {
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 2rem 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 15, app/assets/stylesheets/sddcs/floating_card.scss */
.floating-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 4, app/assets/stylesheets/sddcs/index.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table th:nth-child(1), .ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table td:nth-child(1) {
  min-width: 140px;
}

/* line 9, app/assets/stylesheets/sddcs/index.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table th:nth-child(2), .ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table td:nth-child(2) {
  min-width: 240px;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* line 16, app/assets/stylesheets/sddcs/index.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table th:nth-child(3), .ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table td:nth-child(3) {
  min-width: 140px;
}

/* line 21, app/assets/stylesheets/sddcs/index.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table th:nth-child(4), .ec2-schedules-table-scroll .hte-events-table.sddcs-events-table.hte-events-table td:nth-child(4) {
  min-width: 120px;
}

/* line 26, app/assets/stylesheets/sddcs/index.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-events-table .ec2-schedules-col--row-actions {
  width: 140px;
  max-width: 140px;
  white-space: nowrap;
}
/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 4, app/assets/stylesheets/sddcs/show.scss */
.sddc-record-show .sddc-record-show__hosts-section {
  margin-top: 1.5rem;
}

/* line 8, app/assets/stylesheets/sddcs/show.scss */
.sddc-record-show .sddc-record-show__hosts-heading {
  color: var(--color-neutral-text-primary);
  margin: 0 0 1rem;
}

/* line 15, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(1), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(1) {
  min-width: 140px;
}

/* line 20, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(2), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(2) {
  min-width: 120px;
}

/* line 25, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(3), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(3), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(4), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(4) {
  min-width: 100px;
}

/* line 32, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(5), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(5), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(6), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(6) {
  min-width: 120px;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* line 41, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table th:nth-child(7), .ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table.hte-events-table td:nth-child(7) {
  min-width: 150px;
}

/* line 46, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .hte-events-table.sddcs-esxi-events-table .ec2-schedules-col--row-actions {
  width: 160px;
  max-width: 160px;
  white-space: nowrap;
}

/* line 53, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .ec2-schedules-duplicate-btn--register {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
}

/* line 56, app/assets/stylesheets/sddcs/show.scss */
.ec2-schedules-table-scroll .ec2-schedules-duplicate-btn--register:hover, .ec2-schedules-table-scroll .ec2-schedules-duplicate-btn--register:focus {
  color: var(--color-warning-text-primary, var(--color-neutral-text-primary));
  text-decoration: underline;
}
/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/sddcs/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/sddcs/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/sddcs/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/sddcs/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/sddcs/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/sddcs/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/sddcs/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/sddcs/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 6, app/assets/stylesheets/sddcs/status_badge.scss */
.sddc-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 9999px;
  padding: 0.5rem 0.75rem;
  background: var(--color-success-bg-primary);
  color: var(--color-neutral-text-active);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border: none;
  transition: background 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/sddcs/status_badge.scss */
.sddc-status-badge.inactive {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-active);
}

/* line 28, app/assets/stylesheets/sddcs/status_badge.scss */
.sddc-status-badge span.status-dot {
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  display: inline-block;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 37, app/assets/stylesheets/sddcs/status_badge.scss */
.sddc-status-badge.active span.status-dot {
  background: var(--color-success-border);
}

/* line 41, app/assets/stylesheets/sddcs/status_badge.scss */
.sddc-status-badge.inactive span.status-dot {
  background: var(--color-neutral-border-primary);
}
/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 8, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day {
  flex: 0 0 14.2857143% !important;
  width: 14.2857143% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  border: none !important;
}

/* line 25, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.today:not(.selected):not(.inRange):not(.startRange):not(.endRange) {
  border: 1px solid var(--color-main-border) !important;
  color: var(--color-neutral-text-primary);
  background: transparent;
}

/* line 32, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.inRange:not(.startRange):not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.inRange:not(.startRange):not(.endRange) {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-primary) !important;
  background-color: transparent !important;
  background-image: linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-repeat: no-repeat !important;
  background-size: calc(100% + 10px) 32px !important;
  background-position: center !important;
  box-shadow: none !important;
}

/* line 51, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--color-neutral-text-active) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* line 65, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::before, .aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange)::after,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::before,
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange)::after {
  content: none;
}

/* line 71, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange:not(.endRange) {
  z-index: 3 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, right -5px center !important;
}

/* line 88, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.selected.endRange:not(.startRange) {
  z-index: 2 !important;
  background-image: radial-gradient(closest-side circle at center, var(--color-main-bg-primary) 99%, transparent 100%), linear-gradient(var(--color-main-bg-secondary), var(--color-main-bg-secondary)) !important;
  background-size: 32px 32px, calc(50% + 5px) 32px !important;
  background-position: center, left -5px center !important;
}

/* line 105, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.startRange:not(.endRange),
.aws-hub-period-picker__panel .flatpickr-day.prevMonthDay.endRange:not(.startRange),
.aws-hub-period-picker__panel .flatpickr-day.nextMonthDay.endRange:not(.startRange) {
  color: var(--color-neutral-text-active) !important;
}

/* line 113, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.startRange:not(.endRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.endRange:not(.startRange),
.aws-hub-period-picker__panel .dayContainer:not(:has(.flatpickr-day.endRange:not(.startRange))) .flatpickr-day.selected.endRange:not(.startRange) {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 126, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:hover,
.aws-hub-period-picker__panel .flatpickr-day.selected.startRange.endRange:focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}

/* line 138, app/assets/stylesheets/shared/_hub_period_picker_flatpickr_overrides.scss */
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange),
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):hover,
.aws-hub-period-picker__panel .flatpickr-day.selected:not(.startRange):not(.endRange):not(.inRange):focus {
  border-radius: 50% !important;
  border: 1px solid var(--color-main-border) !important;
  background: var(--color-main-bg-primary) !important;
  background-image: none !important;
  color: var(--color-neutral-text-active) !important;
  box-shadow: none !important;
}
/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/shared/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/shared/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/shared/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/shared/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/shared/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/shared/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/shared/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/shared/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/shared/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/shared/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/shared/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-neutral-bg-primary);
  border: 2px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  appearance: none;
}

/* line 19, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
}

/* line 24, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled], .scale-hub-bar__group-pill:disabled {
  cursor: not-allowed;
  color: var(--color-neutral-text-disable);
  border-color: var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-secondary);
  opacity: 0.7;
}

/* line 32, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill[disabled]:hover, .scale-hub-bar__group-pill:disabled:hover {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
}

/* line 39, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon-wrap {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 47, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon {
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* line 54, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--light {
  display: block;
}

/* line 57, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--light {
  display: none;
}

/* line 62, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill-icon--dark {
  display: none;
}

/* line 65, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
html[data-theme='dark'] .scale-hub-bar__group-pill-icon--dark {
  display: block;
}

/* line 71, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown {
  position: relative;
}

/* line 75, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.5rem;
  z-index: 1000;
  display: none;
  min-width: 264px;
}

/* line 84, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__panel.is-open {
  display: block;
}

/* line 89, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1rem;
  gap: 1.5rem;
  width: 360px;
  min-width: 264px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 103, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.5rem;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* line 114, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

/* line 122, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__title {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 127, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
}

/* line 137, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 147, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input[type='radio'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 155, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 150ms ease-in-out;
}

/* line 167, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__radio-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  transform: scale(0);
  transition: transform 150ms ease-in-out;
}

/* line 178, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon {
  border-color: var(--color-main-border);
}

/* line 181, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option input:checked + .scale-hub-group-dropdown__radio-icon::after {
  transform: scale(1);
}

/* line 186, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__option-text {
  color: var(--color-neutral-text-primary);
}

/* line 190, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-bar__group-pill .home-scale__env-badge,
.scale-hub-bar__group-pill-env.home-scale__env-badge {
  flex-shrink: 0;
}

/* line 195, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__env-pill {
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  gap: 1.5rem;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}

/* line 213, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__divider {
  display: none;
}

/* line 217, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  z-index: 1;
}

/* line 225, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-cancel:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 230, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  min-width: 69px;
  background: var(--color-neutral-bg-tertiary);
  border: none;
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
  z-index: 1;
}

/* line 244, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-dropdown__btn-apply:hover {
  background: var(--color-neutral-bg-tertiary);
}

/* line 249, app/assets/stylesheets/shared/_scale_hub_group_dropdown.scss */
.scale-hub-group-section__hint {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}
/* line 1, app/assets/stylesheets/shared_pagination.scss */
.app-pagination {
  width: 100%;
  padding-top: 10px;
}

/* line 6, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
}

/* line 15, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__summary {
  margin: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 22, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-label {
  margin-right: 6px;
}

/* line 37, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link {
  color: var(--color-neutral-text-secondary);
  text-decoration: none;
  padding: 0 4px;
  border-radius: 2px;
}

/* line 43, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link:hover, .app-pagination__per-page-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-link.is-active {
  color: var(--color-main-text-primary);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}

/* line 57, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__per-page-sep {
  margin: 0 2px;
  color: var(--color-neutral-text-secondary);
  user-select: none;
}

/* line 63, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__divider {
  height: 1px;
  background: var(--color-neutral-border-secondary);
  margin: 0;
}

/* line 69, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__nav {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

/* line 75, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 86, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 103, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:hover:not(.is-disabled):not(.is-active) {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-main-hover-bg-primary);
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn:focus {
  outline: 2px solid var(--color-main-border);
  outline-offset: 1px;
}

/* line 116, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn--arrow {
  color: var(--color-neutral-text-disable);
}

/* line 120, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  cursor: default;
}

/* line 127, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 133, app/assets/stylesheets/shared_pagination.scss */
.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 36px;
  color: var(--color-neutral-text-secondary);
  font-size: 14px;
  user-select: none;
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 6, app/assets/stylesheets/support.scss */
.public-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 14, app/assets/stylesheets/support.scss */
.public-layout__topbar {
  background: var(--color-neutral-bg-primary);
  border-bottom: 1px solid var(--color-neutral-border-primary);
}

/* line 19, app/assets/stylesheets/support.scss */
.public-layout__topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 27, app/assets/stylesheets/support.scss */
.public-layout__brand {
  display: inline-flex;
  align-items: center;
}

/* line 32, app/assets/stylesheets/support.scss */
.public-layout__logo {
  height: 32px;
  width: auto;
}

/* line 37, app/assets/stylesheets/support.scss */
.public-layout__logo--dark {
  display: none;
}

/* line 42, app/assets/stylesheets/support.scss */
[data-theme='dark'] .public-layout__logo--light {
  display: none;
}

/* line 46, app/assets/stylesheets/support.scss */
[data-theme='dark'] .public-layout__logo--dark {
  display: inline-block;
}

/* line 51, app/assets/stylesheets/support.scss */
.public-layout__nav {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 57, app/assets/stylesheets/support.scss */
.public-layout__main {
  flex: 1 0 auto;
}

/* line 61, app/assets/stylesheets/support.scss */
.public-layout__footer {
  padding: 1.5rem 0;
  color: var(--color-neutral-text-secondary);
  border-top: 1px solid var(--color-neutral-border-primary);
  background: var(--color-neutral-bg-primary);
}

/* line 67, app/assets/stylesheets/support.scss */
.public-layout__footer p {
  margin: 0;
}

/* line 75, app/assets/stylesheets/support.scss */
.support-page {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

/* line 80, app/assets/stylesheets/support.scss */
.support-page__hero {
  max-width: 760px;
  margin-bottom: 2rem;
}

/* line 85, app/assets/stylesheets/support.scss */
.support-page__eyebrow {
  display: inline-block;
  margin-bottom: 0.5rem;
  color: var(--color-main-text-primary);
}

/* line 91, app/assets/stylesheets/support.scss */
.support-page__title {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 96, app/assets/stylesheets/support.scss */
.support-page__lead {
  margin: 0;
  color: var(--color-neutral-text-secondary);
}

/* line 101, app/assets/stylesheets/support.scss */
.support-page__alert {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid transparent;
}

/* line 111, app/assets/stylesheets/support.scss */
.support-page__alert--success {
  color: var(--color-success-text-primary);
  background: var(--color-success-bg-secondary);
  border-color: var(--color-success-border);
}

/* line 117, app/assets/stylesheets/support.scss */
.support-page__alert--error {
  color: var(--color-error-text-primary);
  background: var(--color-error-bg-secondary);
  border-color: var(--color-error-border);
}

/* line 123, app/assets/stylesheets/support.scss */
.support-page__layout > [class*='col-'] {
  margin-bottom: 1.5rem;
}

/* line 127, app/assets/stylesheets/support.scss */
.support-page__card {
  height: 100%;
}

/* line 130, app/assets/stylesheets/support.scss */
.support-page__card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 135, app/assets/stylesheets/support.scss */
.support-page__card-title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 140, app/assets/stylesheets/support.scss */
.support-page__card-subtitle {
  margin: 0.5rem 0 0;
  color: var(--color-neutral-text-secondary);
}

/* line 145, app/assets/stylesheets/support.scss */
.support-page__card-footer {
  justify-content: flex-start;
}

/* line 149, app/assets/stylesheets/support.scss */
.support-page__contact-list {
  margin: 0;
}

/* line 153, app/assets/stylesheets/support.scss */
.support-page__contact-item {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 157, app/assets/stylesheets/support.scss */
.support-page__contact-item:first-child {
  padding-top: 0;
}

/* line 161, app/assets/stylesheets/support.scss */
.support-page__contact-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* line 167, app/assets/stylesheets/support.scss */
.support-page__contact-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 174, app/assets/stylesheets/support.scss */
.support-page__contact-label .fa {
  width: 16px;
  text-align: center;
  color: var(--color-main-text-primary);
}

/* line 181, app/assets/stylesheets/support.scss */
.support-page__contact-value {
  margin: 0;
  padding-left: 1.5rem;
  color: var(--color-neutral-text-primary);
  word-break: break-word;
}

/* line 188, app/assets/stylesheets/support.scss */
.support-page__contact-hint {
  display: block;
  margin-top: 0.25rem;
  color: var(--color-neutral-text-secondary);
}

/* line 194, app/assets/stylesheets/support.scss */
.support-page__link {
  color: var(--color-main-text-primary);
}

/* line 197, app/assets/stylesheets/support.scss */
.support-page__link:hover, .support-page__link:focus {
  color: var(--color-main-hover-bg-primary);
}

/* line 203, app/assets/stylesheets/support.scss */
.support-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 212, app/assets/stylesheets/support.scss */
.support-page__chip {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  color: var(--color-main-text-primary);
  background: var(--color-main-bg-secondary);
  border: 1px solid var(--color-main-border);
}

/* line 223, app/assets/stylesheets/support.scss */
.support-form__section {
  margin: 0 0 1.5rem;
  padding: 0;
  border: none;
}

/* line 229, app/assets/stylesheets/support.scss */
.support-form__legend {
  width: 100%;
  margin: 0 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 237, app/assets/stylesheets/support.scss */
.support-form .ds-form-group {
  margin-bottom: 1rem;
}

/* line 241, app/assets/stylesheets/support.scss */
.support-form__honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 249, app/assets/stylesheets/support.scss */
.support-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
}
/* line 216, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/tools_index.scss */
.tools-hub-page {
  padding-bottom: 2rem;
}

/* line 6, app/assets/stylesheets/tools_index.scss */
.tools-hub-page .row.aws-hub-account-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-left: 0;
  margin-right: 0;
}

/* line 13, app/assets/stylesheets/tools_index.scss */
.tools-hub-page .row.aws-hub-account-grid::before, .tools-hub-page .row.aws-hub-account-grid::after {
  display: none;
}

@media (min-width: 768px) {
  /* line 6, app/assets/stylesheets/tools_index.scss */
  .tools-hub-page .row.aws-hub-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  /* line 6, app/assets/stylesheets/tools_index.scss */
  .tools-hub-page .row.aws-hub-account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  /* line 6, app/assets/stylesheets/tools_index.scss */
  .tools-hub-page .row.aws-hub-account-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* line 31, app/assets/stylesheets/tools_index.scss */
.tools-hub-page .aws-hub-account-col.col-sm-6,
.tools-hub-page .aws-hub-account-col.col-md-3,
.tools-hub-page .aws-hub-account-col.col-md-4 {
  float: none;
  display: flex;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin-bottom: 0;
}

/* line 45, app/assets/stylesheets/tools_index.scss */
.tools-hub-page__header .aws-accounts-hub-page__hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

/* line 53, app/assets/stylesheets/tools_index.scss */
.tools-hub-page__subtitle {
  margin: 0;
  max-width: 640px;
  color: var(--color-neutral-text-secondary);
}

/* line 59, app/assets/stylesheets/tools_index.scss */
.tools-hub-page__grid-wrap {
  margin-top: 0.5rem;
}

/* line 63, app/assets/stylesheets/tools_index.scss */
.tools-hub-preview {
  background: var(--color-neutral-bg-primary);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

/* line 68, app/assets/stylesheets/tools_index.scss */
.tools-hub-preview__media {
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  text-align: center;
}

/* line 74, app/assets/stylesheets/tools_index.scss */
.tools-hub-preview__img {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, 0% 10%);
  height: 400px;
  max-width: 100%;
  object-fit: cover;
}

/* line 84, app/assets/stylesheets/tools_index.scss */
.tools-hub-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
  background: var(--color-neutral-bg-primary);
  box-shadow: none;
  padding: 0;
  overflow: hidden;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* line 99, app/assets/stylesheets/tools_index.scss */
.tools-hub-card:hover {
  border-color: var(--color-main-border);
  box-shadow: 0 4px 14px var(--color-opacity-black-weakest);
}

/* line 105, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-secondary);
}

/* line 116, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__body {
  padding: 1.25rem 1.25rem 1.5rem;
}

/* line 120, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__top {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.5rem 0;
  min-height: 64px;
}

/* line 128, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__logo-wrap {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-border-secondary);
  background: var(--color-neutral-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 141, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__logo {
  max-width: 44px;
  max-height: 44px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* line 148, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__logo--light {
  display: block;
}

/* line 151, app/assets/stylesheets/tools_index.scss */
html[data-theme='dark'] .tools-hub-card__logo--light {
  display: none;
}

/* line 156, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__logo--dark {
  display: none;
}

/* line 159, app/assets/stylesheets/tools_index.scss */
html[data-theme='dark'] .tools-hub-card__logo--dark {
  display: block;
}

/* line 165, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__identity {
  flex: 1;
  min-width: 0;
  padding-top: 6px;
  padding-right: 2rem;
}

/* line 172, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__name {
  display: block;
  color: var(--color-neutral-text-primary);
}

/* line 177, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__subtitle {
  display: block;
  color: var(--color-neutral-text-secondary);
  margin-top: 4px;
}

/* line 183, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__footer {
  margin-top: auto;
  padding: 1rem 1.25rem;
  background: var(--color-neutral-bg-secondary);
}

/* line 189, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 8px;
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

/* line 205, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__cta:hover, .tools-hub-card__cta:focus {
  background: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
  text-decoration: none;
  outline: none;
}

/* line 214, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__cta-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 219, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__cta-icon--on-dark {
  filter: brightness(0) invert(1);
}

/* line 224, app/assets/stylesheets/tools_index.scss */
.tools-hub-card__cta--disabled {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 231, app/assets/stylesheets/tools_index.scss */
.tools-hub-card--disabled {
  cursor: default;
}

/* line 234, app/assets/stylesheets/tools_index.scss */
.tools-hub-card--disabled:hover {
  border-color: var(--color-neutral-border-secondary);
  box-shadow: none;
}

/* line 239, app/assets/stylesheets/tools_index.scss */
.tools-hub-card--disabled .tools-hub-card__body {
  opacity: 0.7;
}

/* line 245, app/assets/stylesheets/tools_index.scss */
.tools-page.trial-mode .tools-hub-card {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

/* line 251, app/assets/stylesheets/tools_index.scss */
.tools-page.trial-mode .tools-hub-card__logo {
  filter: blur(0.8px);
}

/* line 255, app/assets/stylesheets/tools_index.scss */
.tools-page.trial-mode .tools-hub-card__footer {
  display: none;
}

/* line 264, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal .modal-dialog {
  width: 100%;
  max-width: 480px;
  margin: 48px auto;
}

/* line 271, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__content {
  border: 0;
  border-radius: 16px;
  background: var(--color-neutral-bg-primary);
  box-shadow: 0 16px 40px var(--color-opacity-black-weak);
  overflow: hidden;
}

/* line 279, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 0.75rem;
}

/* line 287, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__title {
  margin: 0;
  color: var(--color-neutral-text-primary);
}

/* line 292, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__close img {
  width: 16px;
  height: 16px;
}

/* line 309, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__close:hover, .tools-select-product-modal__close:focus {
  background: var(--color-neutral-bg-secondary);
  outline: none;
}

/* line 316, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__body {
  padding: 0.5rem 1.25rem 1rem;
  max-height: 60vh;
  overflow-y: auto;
}

/* line 322, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__tool-name {
  margin: 0 0 0.75rem;
  color: var(--color-neutral-text-secondary);
}

/* line 327, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 333, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 339, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0.5rem 0;
  cursor: pointer;
  color: var(--color-neutral-text-primary);
}

/* line 348, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__option input[type='radio'] {
  float: none;
  margin: 0;
  flex-shrink: 0;
}

/* line 355, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__children {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-left: 32px;
  padding-left: 0.5rem;
}

/* line 363, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__option--child {
  padding: 0.25rem 0;
}

/* line 367, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__footer {
  padding: 0.75rem 1.25rem 1.25rem;
}

/* line 371, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 8px;
  background: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-secondary);
  cursor: not-allowed;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* line 386, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open:not(:disabled) {
  background: var(--color-main-bg-primary);
  color: var(--color-neutral-text-active);
  cursor: pointer;
}

/* line 391, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open:not(:disabled):hover, .tools-select-product-modal__open:not(:disabled):focus {
  background: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 397, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open:not(:disabled) .tools-select-product-modal__open-icon {
  filter: brightness(0) invert(1);
}

/* line 403, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.55;
}

/* line 410, app/assets/stylesheets/tools_index.scss */
.tools-select-product-modal__open:not(:disabled) .tools-select-product-modal__open-icon {
  opacity: 1;
}
/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 4, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page {
  color: var(--color-neutral-text-primary);
  padding-bottom: 48px;
}

/* line 9, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

/* line 17, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__title {
  margin: 0;
}

/* line 21, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__date-form {
  margin: 0;
}

/* line 25, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__date-field {
  margin: 0;
  max-width: 320px;
  min-width: 280px;
  position: relative;
}

/* line 32, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__date-field.aws-accounts-hub-page__period-dropdown-wrap {
  background: var(--color-neutral-bg-primary);
}

/* line 36, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1060;
  width: auto;
  max-width: 520px;
  min-width: 340px;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--color-neutral-bg-primary);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--color-opacity-black-weak), 0 0 0 1px var(--color-neutral-border-secondary);
}

/* line 50, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__calendar-wrap {
  overflow: visible;
  width: fit-content;
}

/* line 55, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__flatpickr-input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

/* line 63, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__footer {
  align-items: center;
  border-top: 1px solid var(--color-neutral-border-secondary);
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 0.75rem;
}

/* line 72, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__btn {
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  padding: 8px 22px;
}

/* line 81, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__btn--text {
  background: transparent;
  color: var(--color-neutral-text-secondary);
  font-weight: 400;
  padding: 8px 0;
}

/* line 88, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__btn--apply {
  background: var(--color-neutral-bg-tertiary);
  color: var(--color-neutral-text-primary);
}

/* line 93, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .flatpickr-calendar {
  background: transparent;
  border: none;
  box-shadow: none;
  width: auto;
}

/* line 100, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .flatpickr-current-month {
  color: var(--color-neutral-text-primary);
  font-size: 1.25rem;
  font-weight: 700;
}

/* line 106, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .flatpickr-weekday {
  color: var(--color-neutral-text-secondary);
  font-size: 0.875rem;
  font-weight: 700;
}

/* line 112, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 117, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .flatpickr-day {
  flex: 0 0 14.2857143%;
  width: 14.2857143%;
  max-width: none;
  margin: 0;
  height: 40px;
  line-height: 40px;
  border-color: transparent;
  color: var(--color-neutral-text-primary);
  font-size: 1rem;
  font-weight: 500;
  box-sizing: border-box;
}

/* line 130, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page .aws-hub-period-picker__panel .flatpickr-day:hover:not(.selected) {
  background: var(--color-neutral-hover-bg-secondary);
  border-radius: 50%;
}

/* Range days: hub_period_picker_overrides (mesmo da Availability) */
/* line 137, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__summary {
  align-items: stretch;
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 20px;
  overflow: hidden;
}

@media (max-width: 992px) {
  /* line 150, app/assets/stylesheets/trusted_advisor/index.scss */
  .aws-insights-page__summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  /* line 156, app/assets/stylesheets/trusted_advisor/index.scss */
  .aws-insights-page__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* line 161, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__summary-item {
  background: var(--color-neutral-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 64px;
  padding: 16px 14px;
}

/* line 173, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__summary-label {
  align-items: center;
  color: var(--color-neutral-text-secondary);
  display: inline-flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 6px;
}

/* line 182, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__summary-value {
  align-items: center;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  justify-content: center;
  gap: 6px;
}

/* line 190, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__legend {
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

/* line 197, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__legend--warn {
  background: var(--color-warning-bg-primary);
}

/* line 201, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__legend--ok {
  background: var(--color-success-bg-primary);
}

/* line 205, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__legend--fail {
  background: var(--color-error-bg-primary);
}

/* line 210, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-wrap {
  margin-bottom: 12px;
  position: relative;
}

/* line 215, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-summary {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  margin: 0;
  padding: 4px 0 8px;
  user-select: none;
}

/* line 228, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-summary--text {
  color: var(--color-main-text-primary);
}

/* line 232, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-caret {
  color: var(--color-neutral-text-secondary);
  font-size: 10px;
  transition: transform 0.15s ease;
}

/* line 238, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-wrap.is-open .aws-insights-page__adv-caret {
  transform: rotate(180deg);
}

/* line 242, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-icon {
  color: var(--color-main-bg-primary);
}

/* line 246, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-body {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 10px;
  box-shadow: 0 8px 30px var(--color-opacity-black-weakest);
  left: 0;
  margin-top: 8px;
  max-width: 1240px;
  padding: 14px 14px 12px;
  position: absolute;
  top: 100%;
  width: calc(100vw - 48px);
  z-index: 50;
}

/* line 261, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* line 268, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-title {
  color: var(--color-neutral-text-secondary);
  line-height: 1.1;
  margin: 0;
}

/* line 274, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-close {
  background: transparent;
  border: 0;
  color: var(--color-neutral-text-secondary);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  padding: 0 4px;
}

/* line 283, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__adv-close:hover, .aws-insights-page__adv-close:focus {
  color: var(--color-neutral-text-primary);
  outline: none;
}

/* line 290, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__filter-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 10px;
}

/* line 297, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__filter-grid .form-control {
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-text-primary);
  font-size: 16px;
  height: 42px;
  padding-left: 14px;
}

/* line 307, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__filter-grid .form-control:focus {
  border-color: var(--color-main-border);
  box-shadow: 0 0 0 1px var(--color-main-border);
}

@media (max-width: 992px) {
  /* line 313, app/assets/stylesheets/trusted_advisor/index.scss */
  .aws-insights-page__filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  /* line 319, app/assets/stylesheets/trusted_advisor/index.scss */
  .aws-insights-page__filter-grid {
    grid-template-columns: 1fr;
  }
}

/* line 324, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__filter-actions {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  min-height: 34px;
}

/* line 332, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__btn-clear-all {
  color: var(--color-neutral-text-secondary);
  line-height: 1.2;
  text-decoration: none;
}

/* line 337, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__btn-clear-all:hover, .aws-insights-page__btn-clear-all:focus {
  color: var(--color-neutral-text-primary);
  text-decoration: none;
}

/* line 344, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__btn-apply-filters {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  display: inline-flex;
  gap: 6px;
  line-height: 1.2;
  padding: 0;
}

/* line 354, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__btn-apply-filters:hover, .aws-insights-page__btn-apply-filters:focus {
  color: var(--color-main-hover-bg-primary);
  outline: none;
}

/* line 361, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table-shell {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  overflow: visible;
  position: relative;
}

/* line 369, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__avatar {
  display: none;
}

/* line 373, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table-responsive {
  margin: 0;
  max-height: none;
  overflow: visible !important;
  padding-top: 0;
  width: 100%;
}

/* line 381, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table {
  color: var(--color-neutral-text-primary);
  margin-bottom: 0;
  table-layout: fixed;
  width: 100%;
}

/* line 387, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table th,
.aws-insights-page__table td {
  vertical-align: middle !important;
}

/* line 392, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table thead th {
  background: var(--color-neutral-bg-secondary);
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  padding: 12px 10px;
  white-space: normal;
}

/* line 400, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__table tbody td {
  border-top: 1px solid var(--color-neutral-border-secondary);
  padding: 10px;
}

/* line 406, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__account-sub {
  color: var(--color-neutral-text-secondary);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 414, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pill {
  border-radius: 999px;
  display: inline-block;
  padding: 4px 8px;
  white-space: nowrap;
}

/* line 420, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pill--recommendation {
  background: var(--color-warning-bg-secondary);
  border: 1px solid var(--color-warning-border);
  color: var(--color-warning-text-primary);
}

/* line 426, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pill--optimized {
  background: var(--color-success-bg-secondary);
  border: 1px solid var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 432, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pill--failed {
  background: var(--color-error-bg-secondary);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 439, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__cell-check {
  align-items: center;
  display: flex;
  gap: 6px;
  max-width: 160px;
}

/* line 446, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__check-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 454, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__check-help {
  align-items: center;
  background: var(--color-main-bg-primary);
  border-radius: 50%;
  color: var(--color-neutral-text-active);
  cursor: default;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  height: 14px;
  justify-content: center;
  line-height: 1;
  width: 14px;
}

/* line 470, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__cell-cost strong {
  font-weight: 700;
}

/* line 474, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__action-link {
  color: var(--color-main-text-primary);
  font-weight: 600;
  text-decoration: none;
}

/* line 479, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__action-link:hover, .aws-insights-page__action-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 486, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__empty {
  color: var(--color-neutral-text-secondary);
  padding: 48px 24px;
  text-align: center;
}

/* line 492, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__empty-illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}

/* line 498, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__empty-img {
  height: auto;
  max-width: 240px;
  width: 100%;
}

/* line 504, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 16px;
  justify-content: space-between;
  margin-top: 0;
  padding: 12px 0 4px;
}

/* line 514, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__footer-left,
.aws-insights-page__footer-right {
  color: var(--color-neutral-text-secondary);
  font-size: 12px;
}

/* line 520, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  order: 3;
  padding-top: 12px;
  width: 100%;
}

/* line 531, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-btn {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  line-height: 1;
  min-width: 24px;
  padding: 0 6px;
  text-decoration: none;
}

/* line 546, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-btn:hover:not(.is-disabled) {
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 551, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-btn.is-disabled {
  cursor: default;
  opacity: 0.4;
}

/* line 557, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-num {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 4px;
  color: var(--color-neutral-text-primary);
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0 8px;
  text-decoration: none;
}

/* line 572, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-num:hover {
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 577, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-num.is-active {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 584, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__pager-gap {
  color: var(--color-neutral-text-secondary);
  padding: 0 4px;
}

/* line 589, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__per-label {
  margin-right: 4px;
}

/* line 593, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__per-current {
  color: var(--color-neutral-text-primary);
  font-weight: 700;
}

/* line 598, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__per-link {
  color: var(--color-main-text-primary);
  font-weight: 500;
  text-decoration: none;
}

/* line 603, app/assets/stylesheets/trusted_advisor/index.scss */
.aws-insights-page__per-link:hover, .aws-insights-page__per-link:focus {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}
/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 3, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show {
  padding-bottom: 36px;
}

/* line 7, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__container {
  margin: 0 auto;
}

/* line 11, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__title {
  margin: 0 0 8px;
}

/* line 15, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__subtitle {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 18px;
}

/* line 20, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpis {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 14px;
}

/* line 27, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi {
  background: var(--color-neutral-bg-secondary);
  border-radius: 12px;
  min-width: 0;
  min-height: 86px;
  padding: 10px 14px;
}

/* line 35, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi--highlight {
  background: var(--color-main-bg-secondary);
}

/* line 39, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-head {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* line 45, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-head--saving {
  align-items: center;
  gap: 14px;
  min-width: 0;
}

/* line 51, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-saving-icon {
  display: block;
  flex-shrink: 0;
  height: 44px;
  width: 44px;
}

/* line 58, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-saving-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* line 65, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-label {
  color: var(--color-neutral-text-secondary);
  display: block;
}

/* line 70, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-value {
  color: var(--color-neutral-text-primary);
  display: block;
  line-height: 1.1;
  margin-top: 4px;
}

/* line 77, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kpi-value--primary {
  margin-top: 0;
}

/* line 81, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-card,
.ta-show__info-card {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 12px;
}

/* line 88, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-card {
  margin-bottom: 14px;
  padding: 12px 14px 8px;
}

/* line 93, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__card-title {
  margin: 0px 0 20px 0px !important;
}

/* line 97, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-wrap {
  width: 100%;
}

/* line 101, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart {
  display: block;
  width: 100%;
}

/* line 106, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-grid {
  stroke: var(--color-neutral-border-secondary);
  stroke-width: 1;
}

/* line 111, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-hover-line {
  stroke: var(--color-neutral-border-secondary);
  stroke-dasharray: 4 4;
  stroke-width: 1;
}

/* line 117, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-line {
  fill: none;
  stroke: var(--color-main-border);
  stroke-width: 2;
}

/* line 123, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-point {
  cursor: pointer;
  fill: transparent;
  stroke: transparent;
  outline: none;
}

/* line 130, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-point:focus {
  stroke: var(--color-main-border);
  stroke-width: 2;
}

/* line 135, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-wrap {
  position: relative;
}

/* line 139, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-tooltip {
  align-items: center;
  background: var(--color-neutral-text-primary);
  border-radius: 8px;
  color: var(--color-neutral-text-active);
  display: inline-flex;
  left: 0;
  opacity: 0;
  padding: 8px 12px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  transition: opacity 0.12s ease;
  white-space: nowrap;
  z-index: 2;
}

/* line 157, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-tooltip:not([hidden]) {
  opacity: 1;
}

/* line 161, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__chart-days {
  color: var(--color-neutral-text-secondary);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  margin-top: -4px;
  text-align: center;
}

/* line 170, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__info-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 176, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__info-card {
  padding: 24px 24px;
}

/* line 180, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kv {
  display: grid;
  gap: 0;
  grid-template-columns: 42% 58%;
  margin: 0;
}

/* line 187, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kv dt,
.ta-show__kv dd {
  border-top: 1px solid var(--color-neutral-border-secondary);
  margin: 0;
  min-height: 36px;
  padding: 9px 0;
}

/* line 195, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kv dt {
  color: var(--color-neutral-text-secondary);
  font-weight: 600;
}

/* line 200, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__kv dd {
  align-items: center;
  color: var(--color-neutral-text-primary);
  display: flex;
  gap: 32px;
  justify-content: start;
}

/* line 208, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__status {
  border-radius: 999px;
  display: inline-block;
  padding: 4px 10px;
}

/* line 214, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__status--recommendation {
  background: var(--color-warning-bg-secondary);
  border: 1px solid var(--color-warning-border);
  color: var(--color-warning-text-primary);
}

/* line 220, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__status--optimized {
  background: var(--color-success-bg-secondary);
  border: 1px solid var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 226, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__status--failed {
  background: var(--color-error-bg-secondary);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 232, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__copy-btn {
  background: transparent;
  border: 0;
  color: var(--color-main-text-primary);
  padding: 0;
}

/* line 239, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__toast {
  background: var(--color-neutral-text-primary);
  border-radius: 8px;
  bottom: 18px;
  color: var(--color-neutral-text-active);
  opacity: 0;
  padding: 8px 12px;
  position: fixed;
  right: 18px;
  transform: translateY(4px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 9999;
}

/* line 253, app/assets/stylesheets/trusted_advisor/show.scss */
.ta-show__toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1200px) {
  /* line 259, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 263, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  /* line 269, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__container {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 274, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__kpis {
    grid-template-columns: 1fr;
  }
  /* line 278, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__kpi {
    min-height: auto;
    padding: 12px 14px;
  }
  /* line 283, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__kpi-saving-icon {
    height: 36px;
    width: 36px;
  }
  /* line 288, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__chart-card {
    padding: 10px 12px 8px;
  }
  /* line 292, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__chart-days {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  /* line 296, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__chart-days span {
    display: none;
  }
  /* line 300, app/assets/stylesheets/trusted_advisor/show.scss */
  .ta-show__chart-days span:nth-child(2n) {
    display: block;
  }
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table thead {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 30, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table thead th {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  border-bottom: 2px solid var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 39, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table thead th:first-child {
  padding-left: 1.5rem;
}

/* line 43, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table thead th:last-child {
  padding-right: 1.5rem;
}

/* line 51, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tbody tr {
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 55, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tbody tr:last-child {
  border-bottom: none;
}

/* line 59, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tbody tr td {
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--color-neutral-text-primary);
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tbody tr td:first-child {
  padding-left: 1.5rem;
}

/* line 69, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tbody tr td:last-child {
  padding-right: 1.5rem;
}

/* line 77, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tfoot {
  background-color: var(--color-neutral-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 81, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tfoot td {
  padding: 1rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-top: 2px solid var(--color-neutral-border-primary);
  vertical-align: middle;
}

/* line 88, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tfoot td:first-child {
  padding-left: 1.5rem;
}

/* line 92, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table tfoot td:last-child {
  padding-right: 1.5rem;
}

/* line 106, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-neutral-bg-primary);
}

/* line 110, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 119, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-hover tbody tr {
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-hover tbody tr:hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 130, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-bordered {
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 133, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-bordered thead th,
.ds-table-bordered tbody td,
.ds-table-bordered tfoot td {
  border-right: 1px solid var(--color-neutral-border-secondary);
}

/* line 138, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-bordered thead th:last-child,
.ds-table-bordered tbody td:last-child,
.ds-table-bordered tfoot td:last-child {
  border-right: none;
}

/* line 147, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-compact thead th,
.ds-table-compact tbody td,
.ds-table-compact tfoot td {
  padding: 0.5rem 1rem;
}

/* line 157, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-spacious thead th,
.ds-table-spacious tbody td,
.ds-table-spacious tfoot td {
  padding: 1.5rem 2rem;
}

/* line 169, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-active {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-main-text-primary);
}

/* line 173, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-active td {
  color: var(--color-main-text-primary);
}

/* line 179, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 184, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-disabled td {
  color: var(--color-neutral-text-disable);
}

/* line 190, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-selected {
  background-color: var(--color-main-bg-secondary) !important;
}

/* line 193, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-row-selected td {
  color: var(--color-main-text-primary);
  font-weight: 500;
}

/* line 204, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-cell-success {
  background-color: var(--color-success-bg-secondary);
  color: var(--color-success-text-primary);
}

/* line 210, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-cell-warning {
  background-color: var(--color-warning-bg-secondary);
  color: var(--color-warning-text-primary);
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-cell-error {
  background-color: var(--color-error-bg-secondary);
  color: var(--color-error-text-primary);
}

/* line 222, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-cell-informative {
  background-color: var(--color-informative-bg-secondary);
  color: var(--color-informative-text-primary);
}

/* line 230, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 400px);
  -webkit-overflow-scrolling: touch;
}

/* line 239, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar {
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
}

/* line 245, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-track {
  background: var(--color-neutral-bg-tertiary);
  border-radius: 4px;
}

/* line 250, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb {
  background: var(--color-neutral-text-secondary);
  border-radius: 4px;
  border: 2px solid var(--color-neutral-bg-tertiary);
}

/* line 255, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--color-neutral-text-primary);
}

/* line 260, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-responsive .ds-table {
  display: table;
  min-width: 100%;
  width: max-content;
}

/* line 270, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-text-left {
  text-align: left;
}

/* line 274, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-text-center {
  text-align: center;
}

/* line 278, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-text-right {
  text-align: right;
}

/* line 289, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(odd):hover {
  background-color: var(--color-neutral-hover-bg-primary);
}

/* line 295, app/assets/stylesheets/trusted_advisor/../design-system/_table.scss */
.ds-table-striped.ds-table-hover tbody tr:nth-of-type(even):hover {
  background-color: var(--color-neutral-hover-bg-secondary);
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
}

/* line 23, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 33, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header {
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-primary);
}

/* line 38, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header .ds-card-title {
  margin: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-neutral-text-primary);
}

/* line 47, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header .ds-card-subtitle {
  margin: 0.5rem 0 0 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-neutral-text-secondary);
}

/* line 58, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-body {
  padding: 1.5rem 1.5rem;
  flex: 1 1 auto;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-body:first-child {
  padding-top: 1.5rem;
}

/* line 71, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-body:last-child {
  padding-bottom: 1.5rem;
}

/* line 77, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-footer {
  padding: 1.5rem 1.5rem;
  border-top: 1px solid var(--color-neutral-border-secondary);
  background-color: var(--color-neutral-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 92, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-borderless {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 98, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-elevated {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 103, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-neutral-border-primary);
}

/* line 109, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-outlined {
  border: 2px solid var(--color-main-border);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 115, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-interactive {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

/* line 119, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-interactive:hover {
  transform: translateY(-4px);
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 125, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-interactive:active {
  transform: translateY(-4px);
  transform: translateY(0);
}

/* line 138, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-sm .ds-card-header,
.ds-card-sm .ds-card-body,
.ds-card-sm .ds-card-footer {
  padding: 1rem 1rem;
}

/* line 144, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-sm .ds-card-title {
  font-size: 1.125rem;
}

/* line 155, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-lg .ds-card-header,
.ds-card-lg .ds-card-body,
.ds-card-lg .ds-card-footer {
  padding: 2rem 2rem;
}

/* line 161, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-lg .ds-card-title {
  font-size: 1.5rem;
}

/* line 169, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-xl .ds-card-header,
.ds-card-xl .ds-card-body,
.ds-card-xl .ds-card-footer {
  padding: 3rem 3rem;
}

/* line 175, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-xl .ds-card-title {
  font-size: 1.875rem;
}

/* line 185, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-success {
  border-color: var(--color-success-border);
  border-left-width: 2px;
}

/* line 189, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-success .ds-card-header {
  background-color: var(--color-success-bg-secondary);
  border-bottom-color: var(--color-success-border);
}

/* line 193, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-success .ds-card-header .ds-card-title {
  color: var(--color-success-text-primary);
}

/* line 200, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-warning {
  border-color: var(--color-warning-border);
  border-left-width: 2px;
}

/* line 204, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-warning .ds-card-header {
  background-color: var(--color-warning-bg-secondary);
  border-bottom-color: var(--color-warning-border);
}

/* line 208, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-warning .ds-card-header .ds-card-title {
  color: var(--color-warning-text-primary);
}

/* line 215, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-error {
  border-color: var(--color-error-border);
  border-left-width: 2px;
}

/* line 219, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-error .ds-card-header {
  background-color: var(--color-error-bg-secondary);
  border-bottom-color: var(--color-error-border);
}

/* line 223, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-error .ds-card-header .ds-card-title {
  color: var(--color-error-text-primary);
}

/* line 230, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-informative {
  border-color: var(--color-informative-border);
  border-left-width: 2px;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-informative .ds-card-header {
  background-color: var(--color-informative-bg-secondary);
  border-bottom-color: var(--color-informative-border);
}

/* line 238, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-informative .ds-card-header .ds-card-title {
  color: var(--color-informative-text-primary);
}

/* line 245, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-primary {
  border-color: var(--color-main-border);
  background-color: var(--color-main-bg-secondary);
}

/* line 249, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-primary .ds-card-header {
  background-color: var(--color-main-bg-primary);
  border-bottom-color: var(--color-main-border);
}

/* line 253, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-primary .ds-card-header .ds-card-title {
  color: var(--color-neutral-text-active);
}

/* line 264, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* line 272, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  gap: 1rem;
}

/* line 278, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header-icon .ds-card-title {
  flex: 1;
}

/* line 284, app/assets/stylesheets/trusted_advisor/../design-system/_card.scss */
.ds-card-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

/* line 17, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content > .col-sm-12,
.app-main-content > .col-md-12,
.app-main-content > [class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content > [class*='col-'] > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* line 40, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.hte-events-col {
  padding: 0;
}

/* line 46, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content .scale-hub-bar,
.app-main-content .ec2-schedules-page-header,
.app-main-content .k6-performance-page-header,
.app-main-content .cloud-control-page-header,
.app-main-content .jenkins-deploy-page-header,
.app-main-content .aws-insights-page__header,
.app-main-content .aws-certificates-page__header,
.app-main-content .finops-aws-page__header,
.app-main-content .finops-oci-page__header,
.app-main-content .aws-accounts-hub-page__header,
.app-main-content .tools-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-hub-page .aws-accounts-hub-page__header,
.app-main-content .reports-availability-hub-page .aws-accounts-hub-page__header,
.app-main-content .api-tokens-page-shell .api-tokens-page-header,
.app-main-content .api-tokens-hub-page .aws-accounts-hub-page__header,
.app-main-content .applications-hub-page .aws-accounts-hub-page__header,
.app-main-content .aws-cost-comparison-page__header,
.app-main-content .layer7-ip-search-header,
.app-main-content .portal-accounts-page .portal-accounts-header-row {
  padding: 15px 10px 10px;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 71, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content .aws-insights-page__title,
.app-main-content .aws-certificates-page__title,
.app-main-content .finops-aws-page__title,
.app-main-content .finops-oci-page__title,
.app-main-content .aws-accounts-hub-page__title-text,
.app-main-content .aws-cost-comparison-page__title,
.app-main-content .layer7-ip-search-header__title,
.app-main-content .portal-accounts-page .portal-accounts-title {
  margin: 0;
}

/* line 82, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content .aws-insights-page,
.app-main-content .aws-certificates-page,
.app-main-content .aws-insights-page--network-inventory,
.app-main-content .aws-insights-page--ip-search,
.app-main-content .finops-aws-page,
.app-main-content .finops-oci-page,
.app-main-content .aws-accounts-hub-page,
.app-main-content .tools-hub-page,
.app-main-content .reports-hub-page,
.app-main-content .reports-availability-hub-page,
.app-main-content .api-tokens-hub-page,
.app-main-content .applications-hub-page,
.app-main-content .aws-cost-comparison-page,
.app-main-content .ec2-schedules-page,
.app-main-content .cloud-control-page,
.app-main-content .jenkins-deploy-page,
.app-main-content .layer7-ip-search-page,
.app-main-content .portal-accounts-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 106, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.app-main-content .aws-insights-page__summary,
.app-main-content .aws-certificates-page__summary,
.app-main-content .ni-total-records-bar,
.app-main-content .finops-aws-page__kpi-grid,
.app-main-content .finops-oci-page__kpi-grid {
  margin-bottom: 1rem;
}

/* line 118, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 131, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-fixed {
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 540px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 720px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 960px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1400px) {
  /* line 139, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-fixed {
    max-width: 1320px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 178, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-sm {
  max-width: 540px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  /* line 178, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 190, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-md {
  max-width: 720px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-md {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 202, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-lg {
  max-width: 960px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 202, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 214, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-xl {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  /* line 214, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-xxl {
  max-width: 1320px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  /* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
  .ds-container-xxl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 242, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 248, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 254, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-padding-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 260, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-padding-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 283, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-left {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* line 290, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-right {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

/* line 301, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-bg-primary {
  background-color: var(--color-neutral-bg-primary);
}

/* line 306, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-bg-secondary {
  background-color: var(--color-neutral-bg-secondary);
}

/* line 311, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-bg-tertiary {
  background-color: var(--color-neutral-bg-tertiary);
}

/* line 320, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-bordered {
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 327, app/assets/stylesheets/trusted_advisor/../design-system/_container.scss */
.ds-container-outlined {
  border: 2px solid var(--color-main-border);
  border-radius: 12px;
  padding: 1.5rem;
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  padding: 1rem 1.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 250ms ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: transparent;
  background-image: none;
}

/* line 39, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn:hover {
  text-decoration: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 44, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-main-bg-secondary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 51, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 56, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn:disabled, .ds-btn.ds-btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

/* line 70, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-primary {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
}

/* line 75, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-2px);
  transform: translateY(-4px);
  transform: translateY(-8px);
}

/* line 84, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-primary:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 88, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-primary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-hover-bg-primary);
  transform: translateY(0);
}

/* line 95, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-secondary {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 100, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-primary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 107, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-secondary:focus {
  box-shadow: 0 0 0 8px var(--color-neutral-bg-tertiary);
}

/* line 111, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-secondary:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-hover-bg-secondary);
  transform: translateY(0);
}

/* line 118, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-danger {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
}

/* line 123, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  border-color: var(--color-error-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 130, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-danger:focus {
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 134, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-danger:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-hover-bg-primary);
  transform: translateY(0);
}

/* line 141, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-success {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
}

/* line 146, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  border-color: var(--color-success-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 153, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-success:focus {
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 157, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-success:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-hover-bg-primary);
  transform: translateY(0);
}

/* line 164, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-informative {
  background-color: var(--color-informative-bg-primary);
  border-color: var(--color-informative-border);
  color: var(--color-neutral-text-active);
}

/* line 169, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-informative:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  border-color: var(--color-informative-hover-bg-primary);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 176, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-informative:focus {
  box-shadow: 0 0 0 8px var(--color-informative-bg-secondary);
}

/* line 180, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-informative:active:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-informative-hover-bg-primary);
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-main-border);
  color: var(--color-main-text-primary);
}

/* line 192, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-primary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 200, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
}

/* line 205, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-secondary:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-primary);
  color: var(--color-neutral-text-primary);
  transform: translateY(-8px);
}

/* line 213, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-danger {
  background-color: transparent;
  border-color: var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 218, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-danger:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-error-bg-primary);
  border-color: var(--color-error-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-success {
  background-color: transparent;
  border-color: var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 231, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-outline-success:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: var(--color-success-bg-primary);
  border-color: var(--color-success-border);
  color: var(--color-neutral-text-active);
  transform: translateY(-8px);
}

/* line 240, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-link {
  background-color: transparent;
  border: none;
  color: var(--color-main-text-primary);
  box-shadow: none;
  padding: 0.5rem 1rem;
}

/* line 247, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-link:hover:not(:disabled):not(.ds-btn-disabled) {
  background-color: transparent;
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
  transform: none;
  box-shadow: none;
}

/* line 255, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-link:focus {
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 265, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-lg {
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 284, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-xl {
  padding: 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 12px;
}

/* line 296, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-active {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
  color: var(--color-neutral-text-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

/* line 306, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

/* line 311, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-btn-spin 0.6s linear infinite;
}

@keyframes ds-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-icon {
  padding: 1rem;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* line 345, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-block {
  display: flex;
  width: 100%;
}

/* line 351, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-group {
  display: inline-flex;
  vertical-align: middle;
}

/* line 355, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-group .ds-btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 359, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 365, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, app/assets/stylesheets/trusted_advisor/../design-system/_buttons.scss */
.ds-btn-group .ds-btn:hover, .ds-btn-group .ds-btn:focus, .ds-btn-group .ds-btn:active {
  z-index: 1;
}

/* line 216, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/trusted_advisor/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/trusted_advisor/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 12, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-group {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-group:last-child {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
}

/* line 34, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-label.ds-form-label-required::after {
  content: ' *';
  color: var(--color-error-text-primary);
}

/* line 41, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-label.ds-form-label-disabled {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 48, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-label-inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 58, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input, .ds-form-select, .ds-form-textarea {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px;
  transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out, background-color 250ms ease-in-out;
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input::placeholder, .ds-form-select::placeholder, .ds-form-textarea::placeholder {
  color: var(--color-neutral-text-disable);
  opacity: 1;
}

/* line 80, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input:focus, .ds-form-select:focus, .ds-form-textarea:focus {
  outline: none;
  border-color: var(--color-main-bg-primary);
  background-color: var(--color-neutral-bg-primary);
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 87, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input:disabled, .ds-form-select:disabled, .ds-form-textarea:disabled, .ds-form-input[readonly], .ds-form-select[readonly], .ds-form-textarea[readonly] {
  background-color: var(--color-neutral-bg-disable);
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 96, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success, .ds-form-input-success.ds-form-select, .ds-form-input-success.ds-form-textarea {
  border-color: var(--color-success-border);
  background-color: var(--color-success-bg-secondary);
}

/* line 100, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-success:focus, .ds-form-input-success.ds-form-select:focus, .ds-form-input-success.ds-form-textarea:focus {
  border-color: var(--color-success-border);
  box-shadow: 0 0 0 8px var(--color-success-bg-secondary);
}

/* line 106, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error, .ds-form-input-error.ds-form-select, .ds-form-input-error.ds-form-textarea {
  border-color: var(--color-error-border);
  background-color: var(--color-error-bg-secondary);
}

/* line 110, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-error:focus, .ds-form-input-error.ds-form-select:focus, .ds-form-input-error.ds-form-textarea:focus {
  border-color: var(--color-error-border);
  box-shadow: 0 0 0 8px var(--color-error-bg-secondary);
}

/* line 116, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning, .ds-form-input-warning.ds-form-select, .ds-form-input-warning.ds-form-textarea {
  border-color: var(--color-warning-border);
  background-color: var(--color-warning-bg-secondary);
}

/* line 120, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input.ds-form-input-warning:focus, .ds-form-input-warning.ds-form-select:focus, .ds-form-input-warning.ds-form-textarea:focus {
  border-color: var(--color-warning-border);
  box-shadow: 0 0 0 8px var(--color-warning-bg-secondary);
}

/* line 128, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input-sm, .ds-form-select-sm {
  padding: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 4px;
}

/* line 137, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-input-lg, .ds-form-select-lg {
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  border-radius: 12px;
}

/* line 147, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.625;
}

/* line 155, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-textarea-sm {
  min-height: 80px;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

/* line 162, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-textarea-lg {
  min-height: 200px;
  padding: 1.5rem 1.5rem;
  font-size: 1.125rem;
}

/* line 171, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-select {
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 16px;
  appearance: none;
}

/* line 180, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23006654' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 184, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A3A3A3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* line 190, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-select-sm {
  padding-right: 2.5rem;
  background-size: 16px 16px;
}

/* line 197, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-select-lg {
  padding-right: 4rem;
}

/* line 205, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check {
  display: block;
  min-height: 24px;
  padding-left: 32px;
  margin-bottom: 0.5rem;
}

/* line 211, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"],
.ds-form-check input[type="radio"] {
  float: left;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: top;
  background-color: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  appearance: none;
  cursor: pointer;
  transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

/* line 225, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:focus,
.ds-form-check input[type="radio"]:focus {
  border-color: var(--color-main-bg-primary);
  outline: none;
  box-shadow: 0 0 0 8px var(--color-main-bg-secondary);
}

/* line 231, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked,
.ds-form-check input[type="radio"]:checked {
  background-color: var(--color-main-bg-primary);
  border-color: var(--color-main-border);
}

/* line 236, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:disabled,
.ds-form-check input[type="radio"]:disabled {
  background-color: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 244, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"] {
  border-radius: 4px;
}

/* line 247, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l2 2 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* line 255, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="radio"] {
  border-radius: 50%;
}

/* line 258, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px 4px;
}

/* line 266, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check label {
  margin-bottom: 0;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  cursor: pointer;
}

/* line 277, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check.ds-form-check-disabled label {
  color: var(--color-neutral-text-disable);
  cursor: not-allowed;
}

/* line 285, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-check-inline {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 0;
}

/* line 294, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-feedback, .ds-form-feedback-info, .ds-form-feedback-warning, .ds-form-feedback-error, .ds-form-feedback-success {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 304, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-feedback-success {
  color: var(--color-success-text-primary);
}

/* line 310, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-feedback-error {
  color: var(--color-error-text-primary);
}

/* line 316, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-feedback-warning {
  color: var(--color-warning-text-primary);
}

/* line 322, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-feedback-info {
  color: var(--color-informative-text-primary);
}

/* line 330, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 337, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group .ds-form-input, .ds-input-group .ds-form-textarea, .ds-input-group .ds-form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 345, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 8px 0 0 8px;
}

/* line 362, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group .ds-input-group-append {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-neutral-text-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-primary);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

/* line 380, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group .ds-input-group-prepend + .ds-form-input, .ds-input-group .ds-input-group-prepend + .ds-form-textarea, .ds-input-group .ds-input-group-prepend + .ds-form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* line 386, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-input-group .ds-form-input + .ds-input-group-append, .ds-input-group .ds-form-textarea + .ds-input-group-append, .ds-input-group .ds-form-select + .ds-input-group-append {
  border-left: none;
}

/* line 394, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-helper-text {
  display: block;
  margin-top: 0.5rem;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-neutral-text-secondary);
}

/* line 407, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* line 413, app/assets/stylesheets/trusted_advisor/../design-system/_forms.scss */
.ds-form-row > .ds-form-group,
.ds-form-row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 310, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-history-panel {
  background: var(--color-neutral-bg-secondary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1.25rem;
  height: 100%;
}

/* line 318, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-history-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-neutral-border-secondary);
}

/* line 327, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-chart-container {
  position: relative;
}

/* line 331, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-stats-row {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1.25rem;
  background: var(--color-neutral-bg-primary);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 341, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-stat-item {
  text-align: center;
  flex: 1;
}

/* line 346, app/assets/stylesheets/trusted_advisor/show.scss */
.stat-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-neutral-text-primary);
  margin-bottom: 0.25rem;
}

/* line 353, app/assets/stylesheets/trusted_advisor/show.scss */
.stat-label {
  font-size: 0.6875rem;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

/* line 360, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-chart {
  display: flex;
  align-items: end;
  justify-content: space-between;
  height: 120px;
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 0.5rem;
  margin-bottom: 1rem;
  position: relative;
}

/* line 373, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-chart::before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: var(--color-neutral-border-secondary);
  z-index: 1;
}

/* line 384, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-chart::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: var(--color-neutral-border-secondary);
  z-index: 1;
}

/* line 395, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 100%;
  position: relative;
  z-index: 2;
}

/* line 405, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar {
  width: 12px;
  min-height: 5%;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0.25rem;
  transition: 250ms ease-in-out;
  cursor: pointer;
  position: relative;
}

/* line 415, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar:hover {
  transform: scaleX(1.3);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* line 420, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-underutilized {
  background: linear-gradient(to top, var(--color-error-bg-primary), var(--color-error-border));
}

/* line 424, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-low-usage {
  background: linear-gradient(to top, var(--color-warning-bg-primary), var(--color-warning-border));
}

/* line 428, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-optimal {
  background: linear-gradient(to top, var(--color-success-bg-primary), var(--color-success-border));
}

/* line 432, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-well-used {
  background: linear-gradient(to top, var(--color-main-bg-primary), var(--color-main-hover-bg-primary));
}

/* line 436, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.625rem;
  color: var(--color-neutral-text-secondary);
}

/* line 444, app/assets/stylesheets/trusted_advisor/show.scss */
.day-number {
  font-weight: 700;
  margin-bottom: 0.25rem;
}

/* line 449, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-percentage {
  color: var(--color-neutral-text-primary);
  font-weight: 600;
}

/* line 454, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-legend {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  background: var(--color-neutral-bg-primary);
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
}

/* line 465, app/assets/stylesheets/trusted_advisor/show.scss */
.legend-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 471, app/assets/stylesheets/trusted_advisor/show.scss */
.legend-color {
  width: 12px;
  height: 12px;
  border-radius: 4px;
}

/* line 477, app/assets/stylesheets/trusted_advisor/show.scss */
.legend-text {
  font-size: 0.6875rem;
  color: var(--color-neutral-text-secondary);
  white-space: nowrap;
}

/* line 483, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar-container:hover::before {
  content: attr(title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-neutral-text-primary);
  color: var(--color-neutral-text-active);
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-size: 0.6875rem;
  white-space: nowrap;
  z-index: 1070;
  margin-bottom: 0.25rem;
}

/* line 499, app/assets/stylesheets/trusted_advisor/show.scss */
.cpu-bar-container:hover::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 0.25rem solid transparent;
  border-top-color: var(--color-neutral-text-primary);
  z-index: 1070;
}

/* line 510, app/assets/stylesheets/trusted_advisor/show.scss */
.utilization-analysis {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-secondary);
  border-radius: 8px;
  padding: 1rem;
}

/* line 517, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-header {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-neutral-border-secondary);
}

/* line 523, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 529, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-row {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}

/* line 535, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 200px;
}

/* line 543, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-color {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  flex-shrink: 0;
}

/* line 550, app/assets/stylesheets/trusted_advisor/show.scss */
.analysis-text {
  font-size: 0.75rem;
  color: var(--color-neutral-text-primary);
}

/* line 555, app/assets/stylesheets/trusted_advisor/show.scss */
.waste-indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-neutral-bg-secondary);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-neutral-border-secondary);
  margin-top: 0.5rem;
}

/* line 566, app/assets/stylesheets/trusted_advisor/show.scss */
.waste-percentage {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 572, app/assets/stylesheets/trusted_advisor/show.scss */
.waste-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-error-text-primary);
}

/* line 578, app/assets/stylesheets/trusted_advisor/show.scss */
.waste-label {
  font-size: 0.6875rem;
  color: var(--color-neutral-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

/* line 585, app/assets/stylesheets/trusted_advisor/show.scss */
.recommendation {
  display: flex;
  align-items: center;
}

/* line 590, app/assets/stylesheets/trusted_advisor/show.scss */
.rec-badge {
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

/* line 599, app/assets/stylesheets/trusted_advisor/show.scss */
.rec-critical {
  background: var(--color-error-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 604, app/assets/stylesheets/trusted_advisor/show.scss */
.rec-warning {
  background: var(--color-warning-bg-primary);
  color: var(--color-neutral-text-active);
}

/* line 609, app/assets/stylesheets/trusted_advisor/show.scss */
.rec-moderate {
  background: var(--color-warning-bg-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 614, app/assets/stylesheets/trusted_advisor/show.scss */
.rec-good {
  background: var(--color-success-bg-primary);
  color: var(--color-neutral-text-active);
}

@media (max-width: 768px) {
  /* line 620, app/assets/stylesheets/trusted_advisor/show.scss */
  .cpu-stats-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 625, app/assets/stylesheets/trusted_advisor/show.scss */
  .analysis-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 630, app/assets/stylesheets/trusted_advisor/show.scss */
  .analysis-item {
    min-width: auto;
  }
  /* line 634, app/assets/stylesheets/trusted_advisor/show.scss */
  .waste-indicator {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  /* line 640, app/assets/stylesheets/trusted_advisor/show.scss */
  .cpu-bar {
    width: 8px;
  }
}

/* line 645, app/assets/stylesheets/trusted_advisor/show.scss */
.copy-success {
  background-color: var(--color-success-bg-primary) !important;
  border-color: var(--color-success-border) !important;
  color: var(--color-neutral-text-active) !important;
}

/* line 651, app/assets/stylesheets/trusted_advisor/show.scss */
.copy-success .glyphicon {
  color: var(--color-neutral-text-active) !important;
}
/* line 216, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-4xl {
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 226, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-3xl {
  font-size: 30px !important;
  line-height: 40px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 236, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-2xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 246, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-xl {
  font-size: 24px !important;
  line-height: 32px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 256, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-l {
  font-size: 20px !important;
  line-height: 28px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 266, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-m {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 276, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-s {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0% !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  color: var(--color-neutral-text-primary) !important;
  font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* line 287, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-xs {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 297, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-heading-2xs {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 307, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-body-s {
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 315, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-body-m {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
}

/* line 324, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-body-l {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0% !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}

/* line 334, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-caption {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 0% !important;
  font-weight: 500 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  vertical-align: middle;
}

/* line 344, app/assets/stylesheets/users/../design-system/_typography.scss */
.web-overline {
  font-size: 10px !important;
  line-height: 14px !important;
  letter-spacing: 1.5% !important;
  font-weight: 600 !important;
  font-family: "Poppins", "Roboto", sans-serif !important;
  text-transform: uppercase !important;
  vertical-align: middle;
}

/* line 227, app/assets/stylesheets/users/../design-system/_themes.scss */
:root {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

/* line 234, app/assets/stylesheets/users/../design-system/_themes.scss */
.dark,
[data-theme="dark"] {
  --color-neutral-text-primary: #ffffff;
  --color-neutral-text-secondary: #c1c1c1;
  --color-neutral-text-disable: #858585;
  --color-neutral-text-active: #101010;
  --color-neutral-bg-primary: #101010;
  --color-neutral-bg-secondary: #1b1b1b;
  --color-neutral-bg-tertiary: #282828;
  --color-neutral-bg-disable: #464646;
  --color-neutral-bg-active: #ffffff;
  --color-neutral-border-primary: #464646;
  --color-neutral-border-secondary: #333333;
  --color-neutral-hover-bg-primary: #1b1b1b;
  --color-neutral-hover-bg-secondary: #282828;
  --color-neutral-hover-bg-tertiary: #464646;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #71DCD0;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #003327;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #E3E9F6;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #17283A;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #63BE36;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #204210;
  --color-success-hover-bg-primary: #2E5E17;
  --color-success-border: #448325;
  --color-warning-text-primary: #FFC60B;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #473802;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #FF2424;
  --color-error-bg-primary: #E81C24;
  --color-error-bg-secondary: #700707;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #E81C24;
  --color-informative-text-primary: #00AEEF;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #003B61;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #ffffff1a;
  --color-shadow-elevated: #ffffff33;
  --color-shadow-prominent: #ffffff4d;
  --color-shadow-scrim: #00000099;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #101010;
  --color-neutral-bg-cross-white-secondary: #1b1b1b;
  --color-neutral-bg-cross-main-primary: #ffffff;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
}

@media (prefers-color-scheme: dark) {
  /* line 241, app/assets/stylesheets/users/../design-system/_themes.scss */
  :root:not([data-theme="light"]) {
    --color-neutral-text-primary: #ffffff;
    --color-neutral-text-secondary: #c1c1c1;
    --color-neutral-text-disable: #858585;
    --color-neutral-text-active: #101010;
    --color-neutral-bg-primary: #101010;
    --color-neutral-bg-secondary: #1b1b1b;
    --color-neutral-bg-tertiary: #282828;
    --color-neutral-bg-disable: #464646;
    --color-neutral-bg-active: #ffffff;
    --color-neutral-border-primary: #464646;
    --color-neutral-border-secondary: #333333;
    --color-neutral-hover-bg-primary: #1b1b1b;
    --color-neutral-hover-bg-secondary: #282828;
    --color-neutral-hover-bg-tertiary: #464646;
    --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
    --color-main-text-primary: #71DCD0;
    --color-main-bg-primary: #006654;
    --color-main-bg-secondary: #003327;
    --color-main-bg-active: #006654;
    --color-main-hover-bg-primary: #005C46;
    --color-main-border: #006654;
    --color-main-brand: #00A391;
    --color-complementary-text-primary: #E3E9F6;
    --color-complementary-bg-primary: #304664;
    --color-complementary-bg-secondary: #17283A;
    --color-complementary-hover-bg-primary: #1D3249;
    --color-complementary-border: #304664;
    --color-complementary-brand: #5D7A9C;
    --color-success-text-primary: #63BE36;
    --color-success-bg-primary: #448325;
    --color-success-bg-secondary: #204210;
    --color-success-hover-bg-primary: #2E5E17;
    --color-success-border: #448325;
    --color-warning-text-primary: #FFC60B;
    --color-warning-bg-primary: #A68107;
    --color-warning-bg-secondary: #473802;
    --color-warning-hover-bg-primary: #7F6305;
    --color-warning-border: #A68107;
    --color-scale-individual-bg: #F89C1B;
    --color-scale-individual-text: #1A1A1A;
    --color-error-text-primary: #FF2424;
    --color-error-bg-primary: #E81C24;
    --color-error-bg-secondary: #700707;
    --color-error-hover-bg-primary: #BE0F0F;
    --color-error-border: #E81C24;
    --color-informative-text-primary: #00AEEF;
    --color-informative-bg-primary: #077CC0;
    --color-informative-bg-secondary: #003B61;
    --color-informative-hover-bg-primary: #005993;
    --color-informative-border: #077CC0;
    --color-opacity-black-weakest: #10101026;
    --color-opacity-black-weak: #1010104d;
    --color-opacity-black-medium: #10101080;
    --color-opacity-black-strong: #101010b3;
    --color-opacity-black-strongest: #101010d9;
    --color-shadow-subtle: #ffffff1a;
    --color-shadow-elevated: #ffffff33;
    --color-shadow-prominent: #ffffff4d;
    --color-shadow-scrim: #00000099;
    --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
    --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
    --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
    --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
    --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
    --color-neutral-shadow-sm: var(--color-shadow-subtle);
    --color-neutral-shadow-md: var(--color-shadow-elevated);
    --color-neutral-shadow-lg: var(--color-shadow-prominent);
    --color-neutral-text-cross-white-primary: #ffffff;
    --color-neutral-text-cross-white-secondary: #c1c1c1;
    --color-neutral-bg-cross-white-primary: #101010;
    --color-neutral-bg-cross-white-secondary: #1b1b1b;
    --color-neutral-bg-cross-main-primary: #ffffff;
    --color-avatar-bg-1: #253C75;
    --color-avatar-bg-2: #448325;
    --color-avatar-bg-3: #63BE36;
    --color-avatar-bg-4: #F89C1B;
    --color-avatar-bg-5: #E81C24;
    --color-analogous-bg-primary: #3F1F63;
    --color-analogous-bg-secondary: #DEC1FF;
  }
}

/* line 10, app/assets/stylesheets/users/login.scss */
body.auth-layout--login {
  background-color: var(--color-neutral-bg-primary);
  margin: 0;
  min-height: 100vh;
  padding: 0 !important;
}

/* line 17, app/assets/stylesheets/users/login.scss */
.login-page {
  --color-neutral-text-primary: #101010;
  --color-neutral-text-secondary: #646464;
  --color-neutral-text-disable: #A3A3A3;
  --color-neutral-text-active: #ffffff;
  --color-neutral-bg-primary: #ffffff;
  --color-neutral-bg-secondary: #F5F5F5;
  --color-neutral-bg-tertiary: #EBEBEB;
  --color-neutral-bg-disable: #DCDCDC;
  --color-neutral-bg-active: #101010;
  --color-neutral-border-primary: #C1C1C1;
  --color-neutral-border-secondary: #DCDCDC;
  --color-neutral-hover-bg-primary: #F5F5F5;
  --color-neutral-hover-bg-secondary: #EBEBEB;
  --color-neutral-hover-bg-tertiary: #DCDCDC;
  --color-neutral-hover-bg-cross-white-tertiary: #DCDCDC;
  --color-main-text-primary: #006654;
  --color-main-bg-primary: #006654;
  --color-main-bg-secondary: #ADE9E2;
  --color-main-bg-active: #006654;
  --color-main-hover-bg-primary: #005C46;
  --color-main-border: #006654;
  --color-main-brand: #00A391;
  --color-complementary-text-primary: #1D3249;
  --color-complementary-bg-primary: #304664;
  --color-complementary-bg-secondary: #F1F2FA;
  --color-complementary-hover-bg-primary: #1D3249;
  --color-complementary-border: #304664;
  --color-complementary-brand: #5D7A9C;
  --color-success-text-primary: #448325;
  --color-success-bg-primary: #448325;
  --color-success-bg-secondary: #D7F1C7;
  --color-success-hover-bg-primary: #2e5e17;
  --color-success-border: #448325;
  --color-warning-text-primary: #A68107;
  --color-warning-bg-primary: #A68107;
  --color-warning-bg-secondary: #FEEDB4;
  --color-warning-hover-bg-primary: #7F6305;
  --color-warning-border: #A68107;
  --color-scale-individual-bg: #F89C1B;
  --color-scale-individual-text: #1A1A1A;
  --color-error-text-primary: #E81C24;
  --color-error-bg-primary: #DA0707;
  --color-error-bg-secondary: #FFD1D1;
  --color-error-hover-bg-primary: #BE0F0F;
  --color-error-border: #DA0707;
  --color-informative-text-primary: #077CC0;
  --color-informative-bg-primary: #077CC0;
  --color-informative-bg-secondary: #B2EAFF;
  --color-informative-hover-bg-primary: #005993;
  --color-informative-border: #077CC0;
  --color-opacity-black-weakest: #10101026;
  --color-opacity-black-weak: #1010104d;
  --color-opacity-black-medium: #10101080;
  --color-opacity-black-strong: #101010b3;
  --color-opacity-black-strongest: #101010d9;
  --color-shadow-subtle: #1010100f;
  --color-shadow-elevated: #1010101a;
  --color-shadow-prominent: #1010102e;
  --color-shadow-scrim: #10101066;
  --shadow-elevation-header: 0 1px 3px var(--color-shadow-subtle);
  --shadow-elevation-panel: 0 8px 24px var(--color-shadow-elevated);
  --shadow-elevation-panel-prominent: 0 8px 24px var(--color-shadow-prominent);
  --shadow-elevation-drawer: -4px 0 24px var(--color-shadow-elevated);
  --shadow-elevation-modal: 0 16px 48px var(--color-shadow-prominent);
  --color-neutral-shadow-sm: var(--color-shadow-subtle);
  --color-neutral-shadow-md: var(--color-shadow-elevated);
  --color-neutral-shadow-lg: var(--color-shadow-prominent);
  --color-neutral-text-cross-white-primary: #ffffff;
  --color-neutral-text-cross-white-secondary: #c1c1c1;
  --color-neutral-bg-cross-white-primary: #ffffff;
  --color-neutral-bg-cross-white-secondary: #F5F5F5;
  --color-neutral-bg-cross-main-primary: #101010;
  --color-neutral-bg-cross-main-secondary: #1b1b1b;
  --color-avatar-bg-1: #253C75;
  --color-avatar-bg-2: #448325;
  --color-avatar-bg-3: #63BE36;
  --color-avatar-bg-4: #F89C1B;
  --color-avatar-bg-5: #E81C24;
  --color-analogous-bg-primary: #3F1F63;
  --color-analogous-bg-secondary: #DEC1FF;
  box-sizing: border-box;
  color: var(--color-neutral-text-primary);
  color-scheme: only light;
  display: flex;
  flex-direction: column;
  font-family: "Poppins", "Roboto", sans-serif;
  min-height: 100vh;
  --login-ref-scale: 0.45;
}

@media (min-width: 649px) {
  /* line 17, app/assets/stylesheets/users/login.scss */
  .login-page {
    --login-ref-scale: calc(100vw / 1440);
  }
}

@media (min-width: 3241px) {
  /* line 17, app/assets/stylesheets/users/login.scss */
  .login-page {
    --login-ref-scale: 2.25;
  }
}

/* line 36, app/assets/stylesheets/users/login.scss */
.login-page *,
.login-page *::before,
.login-page *::after {
  box-sizing: inherit;
}

/* line 43, app/assets/stylesheets/users/login.scss */
.login-page__brand {
  background-color: var(--color-neutral-bg-primary);
  container-name: login-brand;
  container-type: size;
  display: none;
  flex: 0 0 45%;
  max-width: 45%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  position: relative;
  width: 45%;
}

/* line 57, app/assets/stylesheets/users/login.scss */
.login-page__brand-bg {
  background-color: var(--color-neutral-bg-primary);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(var(--login-ref-scale, 1));
  transform-origin: center bottom;
  z-index: 0;
}

/* line 73, app/assets/stylesheets/users/login.scss */
.login-page__brand-logo {
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 11dvh;
  transform: translateX(-50%);
  width: 90%;
  max-width: calc(432px * var(--login-ref-scale, 1));
  z-index: 1;
}

@media (max-height: 254px) {
  /* line 73, app/assets/stylesheets/users/login.scss */
  .login-page__brand-logo {
    top: 28px;
  }
}

@media (min-height: 1091px) {
  /* line 73, app/assets/stylesheets/users/login.scss */
  .login-page__brand-logo {
    top: 120px;
  }
}

/* line 92, app/assets/stylesheets/users/login.scss */
.login-page__brand-logo-img {
  aspect-ratio: 432 / 134;
  display: block;
  height: auto;
  opacity: 1;
  width: 100%;
}

/* line 100, app/assets/stylesheets/users/login.scss */
.login-page__panel {
  align-items: center;
  background: var(--color-neutral-bg-primary);
  color: var(--color-neutral-text-primary);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 32px 24px 72px;
  position: relative;
  width: 100%;
}

/* line 115, app/assets/stylesheets/users/login.scss */
.login-page__panel-inner {
  max-width: 400px;
  width: 100%;
}

/* line 120, app/assets/stylesheets/users/login.scss */
.login-page__title {
  margin: 0 0 8px;
}

/* line 124, app/assets/stylesheets/users/login.scss */
.login-page__subtitle {
  color: var(--color-neutral-text-secondary);
  margin: 0 0 28px;
}

/* line 129, app/assets/stylesheets/users/login.scss */
.login-page__divider {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 20px 0;
  width: 100%;
}

/* line 137, app/assets/stylesheets/users/login.scss */
.login-page__divider-line {
  background: var(--color-neutral-border-secondary);
  flex: 1;
  height: 1px;
}

/* line 143, app/assets/stylesheets/users/login.scss */
.login-page__divider-text {
  color: var(--color-neutral-text-disable);
  flex-shrink: 0;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* line 150, app/assets/stylesheets/users/login.scss */
.login-page__btn {
  align-items: center;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  display: inline-flex;
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  min-height: 48px;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
  width: 100%;
}

/* line 170, app/assets/stylesheets/users/login.scss */
.login-page__btn--primary {
  background: var(--color-main-bg-primary);
  border-color: var(--color-main-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 175, app/assets/stylesheets/users/login.scss */
.login-page__btn--primary:hover {
  background: var(--color-main-hover-bg-primary);
  border-color: var(--color-main-hover-bg-primary);
  color: var(--color-neutral-text-cross-white-primary);
}

/* line 182, app/assets/stylesheets/users/login.scss */
.login-page__btn--secondary {
  background: var(--color-neutral-bg-secondary);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-primary);
}

/* line 187, app/assets/stylesheets/users/login.scss */
.login-page__btn--secondary:hover {
  background: var(--color-neutral-hover-bg-primary);
}

/* line 192, app/assets/stylesheets/users/login.scss */
.login-page__btn:disabled,
.login-page__btn--disabled {
  background: var(--color-neutral-bg-disable);
  border-color: var(--color-neutral-border-secondary);
  color: var(--color-neutral-text-secondary);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 201, app/assets/stylesheets/users/login.scss */
.login-page__mode-form {
  display: block;
  margin: 0;
  width: 100%;
}

/* line 207, app/assets/stylesheets/users/login.scss */
.login-page__alert {
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 10px 12px;
  width: 100%;
}

/* line 214, app/assets/stylesheets/users/login.scss */
.login-page__alert--error {
  background: var(--color-error-bg-secondary);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text-primary);
}

/* line 220, app/assets/stylesheets/users/login.scss */
.login-page__alert--success {
  background: var(--color-success-bg-secondary);
  border: 1px solid var(--color-success-border);
  color: var(--color-success-text-primary);
}

/* line 226, app/assets/stylesheets/users/login.scss */
.login-page__control {
  margin-top: 18px;
  position: relative;
}

/* line 231, app/assets/stylesheets/users/login.scss */
.login-page__control--error .login-page__input {
  border-color: var(--color-error-border);
}

/* line 235, app/assets/stylesheets/users/login.scss */
.login-page__control--error .login-page__float-label {
  color: var(--color-error-text-primary);
}

/* line 239, app/assets/stylesheets/users/login.scss */
.login-page__input {
  background: var(--color-neutral-bg-primary);
  border: 1px solid var(--color-neutral-border-primary);
  border-radius: 12px;
  color: var(--color-neutral-text-primary);
  font-family: "Poppins", "Roboto", sans-serif;
  font-size: 0.875rem;
  line-height: 1.35;
  outline: none;
  padding: 16px 44px 14px 14px;
  transition: border-color 150ms ease-in-out;
  width: 100%;
}

/* line 253, app/assets/stylesheets/users/login.scss */
.login-page__input--with-toggle {
  padding-right: 76px;
}

/* line 257, app/assets/stylesheets/users/login.scss */
.login-page__input::placeholder {
  color: transparent;
}

/* line 261, app/assets/stylesheets/users/login.scss */
.login-page__control--focus .login-page__input,
.login-page__control:focus-within .login-page__input {
  border-color: var(--color-main-border);
}

/* line 266, app/assets/stylesheets/users/login.scss */
.login-page__control--error:focus-within .login-page__input,
.login-page__control--error.login-page__control--focus .login-page__input {
  border-color: var(--color-error-border);
}

/* line 271, app/assets/stylesheets/users/login.scss */
.login-page__float-label {
  background: linear-gradient(to bottom, var(--color-neutral-bg-primary) 55%, transparent 55%);
  color: var(--color-neutral-text-disable);
  font-size: 0.875rem;
  font-weight: 400;
  left: 11px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: top 150ms ease-in-out, transform 150ms ease-in-out, color 150ms ease-in-out, font-size 150ms ease-in-out;
}

/* line 285, app/assets/stylesheets/users/login.scss */
.login-page__control:focus-within .login-page__float-label,
.login-page__control--filled .login-page__float-label,
.login-page__input:not(:placeholder-shown) + .login-page__float-label {
  font-size: 0.75rem;
  top: 0;
  transform: translateY(-50%);
}

/* line 293, app/assets/stylesheets/users/login.scss */
.login-page__control:focus-within:not(.login-page__control--error) .login-page__float-label,
.login-page__control--filled:not(.login-page__control--error) .login-page__float-label,
.login-page__control:not(.login-page__control--error) .login-page__input:not(:placeholder-shown) + .login-page__float-label {
  color: var(--color-main-border);
}

/* line 299, app/assets/stylesheets/users/login.scss */
.login-page__input-trail {
  align-items: center;
  bottom: 1px;
  display: flex;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 1px;
}

/* line 309, app/assets/stylesheets/users/login.scss */
.login-page__input-trail svg,
.login-page__input-trail-img {
  display: block;
  height: 18px;
  object-fit: contain;
  width: 18px;
}

/* line 317, app/assets/stylesheets/users/login.scss */
.login-page__input-trail-img--key-dark {
  display: none;
}

/* line 321, app/assets/stylesheets/users/login.scss */
.dark .login-page .login-page__input-trail-img--key-light,
[data-theme='dark'] .login-page .login-page__input-trail-img--key-light {
  display: none;
}

/* line 326, app/assets/stylesheets/users/login.scss */
.dark .login-page .login-page__input-trail-img--key-dark,
[data-theme='dark'] .login-page .login-page__input-trail-img--key-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  /* line 332, app/assets/stylesheets/users/login.scss */
  html:not([data-theme='light']) .login-page .login-page__input-trail-img--key-light {
    display: none;
  }
  /* line 336, app/assets/stylesheets/users/login.scss */
  html:not([data-theme='light']) .login-page .login-page__input-trail-img--key-dark {
    display: block;
  }
}

/* line 341, app/assets/stylesheets/users/login.scss */
.login-page__field-hint {
  color: var(--color-error-text-primary);
  display: block;
  margin-top: 6px;
}

/* line 347, app/assets/stylesheets/users/login.scss */
.login-page__toggle-password {
  align-items: center;
  background: none;
  border: 0;
  color: var(--color-neutral-text-disable);
  cursor: pointer;
  display: flex;
  padding: 4px;
  pointer-events: auto;
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 362, app/assets/stylesheets/users/login.scss */
.login-page__toggle-password:hover {
  color: var(--color-neutral-text-secondary);
}

/* line 366, app/assets/stylesheets/users/login.scss */
.login-page__forgot-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

/* line 372, app/assets/stylesheets/users/login.scss */
.login-page__link {
  background: none;
  border: 0;
  color: var(--color-main-text-primary);
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  text-decoration: none;
}

/* line 382, app/assets/stylesheets/users/login.scss */
.login-page__link:hover {
  color: var(--color-main-hover-bg-primary);
  text-decoration: underline;
}

/* line 387, app/assets/stylesheets/users/login.scss */
.login-page__actions {
  margin-top: 22px;
}

/* line 391, app/assets/stylesheets/users/login.scss */
.login-page__footer {
  bottom: 20px;
  color: var(--color-neutral-text-disable);
  position: absolute;
  text-align: center;
}

/* line 398, app/assets/stylesheets/users/login.scss */
.login-page__footer a {
  color: var(--color-main-text-primary);
  text-decoration: none;
}

/* line 403, app/assets/stylesheets/users/login.scss */
.login-page__footer a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  /* line 408, app/assets/stylesheets/users/login.scss */
  .login-page {
    align-items: stretch;
    flex-direction: row;
    min-height: 100vh;
    min-height: 100dvh;
  }
  /* line 415, app/assets/stylesheets/users/login.scss */
  .login-page__brand {
    display: block;
  }
  /* line 419, app/assets/stylesheets/users/login.scss */
  .login-page__panel {
    flex: 1 1 55%;
    max-width: 55%;
    min-height: 100vh;
    min-height: 100dvh;
    width: 55%;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Hover nos itens do dropdown: cores do design system (_colors.scss via --color-main-bg-secondary) */
body .navbar .dropdown-menu>li:not(.navbar-dropdown-header):not(.divider)>a:hover,
body .navbar .dropdown-menu>li:not(.navbar-dropdown-header):not(.divider)>a:focus {
  background-color: var(--color-main-bg-secondary) !important;
  color: var(--color-neutral-text-primary) !important;
}