/* src/brand/eco/styles.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  display: inline-block;
  line-height: normal;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a:focus,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
  outline: none;
}
button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: inherit;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
}
button:focus {
  outline: none;
}
button:disabled {
  cursor: not-allowed;
}
input {
  width: 100%;
  min-width: 0;
  font-size: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
  appearance: none;
  cursor: text;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
input:focus {
  box-shadow: none;
  outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}
input[type=number] {
  appearance: textfield;
}
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  appearance: none;
}
input[type=date]::-webkit-inner-spin-button {
  display: none;
  appearance: none;
}
input[type=date]::-webkit-clear-button {
  display: none;
  appearance: none;
}
input[type=date] {
  position: relative;
  padding-right: 0;
  appearance: textfield;
  appearance: none;
}
textarea {
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
  appearance: none;
  resize: none;
  cursor: text;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
textarea:focus {
  box-shadow: none;
  outline: none;
}
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}
textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
}
textarea::-webkit-resizer {
  display: none;
}
@font-face {
  font-family: Montserrat;
  font-weight: 100 900;
  font-style: normal;
  src: url(/shared/fonts/Montserrat-VariableFont_wght.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 100 900;
  font-style: italic;
  src: url(/shared/fonts/Montserrat-Italic-VariableFont_wght.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  font-weight: 100 900;
  font-style: normal;
  src: url(/shared/fonts/Roboto-VariableFont_wdth,wght.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  font-weight: 100 900;
  font-style: italic;
  src: url(/shared/fonts/Roboto-Italic-VariableFont_wdth,wght.woff2) format("woff2");
  font-display: swap;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
html {
  height: 100%;
  font-size: 16px;
}
@media (max-width: 1024px) {
  html {
    font-size: 15.5px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}
body {
  height: 100%;
  color: var(--text-body);
  background-color: var(--bg-base);
  scrollbar-gutter: stable;
}
.icon {
  display: inline-flex;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.icon svg {
  width: 100%;
  height: 100%;
}
.modal-overlay,
.scroll-custom {
  scrollbar-width: thin;
  scrollbar-color: #797979 var(--bg-base);
}
.modal-overlay::-webkit-scrollbar,
.scroll-custom::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
.modal-overlay::-webkit-scrollbar-track,
.scroll-custom::-webkit-scrollbar-track {
  background: var(--surface-elevated);
  border-radius: 0.25rem;
}
.modal-overlay::-webkit-scrollbar-thumb,
.scroll-custom::-webkit-scrollbar-thumb {
  background: #797979;
  border-radius: 0.25rem;
}
.modal-overlay::-webkit-scrollbar-thumb:hover,
.scroll-custom::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}
.modal-overlay::-webkit-scrollbar-thumb:active,
.scroll-custom::-webkit-scrollbar-thumb:active {
  background-color: #999;
}
.modal-open {
  overflow: hidden;
  scrollbar-gutter: unset;
}
.modal-overlay {
  position: fixed;
  z-index: 10;
  display: grid;
  overflow-y: auto;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.4);
  place-items: center;
  inset: 0;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.onboarding-target-highlight {
  position: relative;
  z-index: 41 !important;
}
.text-primary {
  color: var(--primary);
}
.text-primary-blue {
  color: var(--primary-secondary);
}
.text-medium {
  color: var(--text-muted);
}
.text-dark {
  color: var(--text-body);
}
.text-heading {
  color: var(--text-accent);
}
.text-link {
  color: var(--text-link);
}
.text-light {
  color: var(--text-on-inverse);
}
.text-light-2 {
  color: var(--text-on-primary);
}
.text-dark-dark {
  color: var(--text-body-fixed);
}
.icon-gray {
  color: var(--icon-muted);
}
.icon-green-dark {
  color: var(--primary);
}
.icon-blue {
  color: var(--icon-secondary);
}
.icon-white {
  color: var(--icon-on-color);
}
.icon-green-light {
  color: var(--surface-subtle);
}
.icon-green-40 {
  color: var(--icon-primary-alpha);
}
.icon-red-20 {
  color: var(--icon-danger-subtle);
}
.icon-red {
  color: var(--icon-danger);
}
.icon-green-alt {
  color: var(--surface-subtle);
}
.bg-gray {
  background-color: var(--bg-page);
}
.bg-white {
  background-color: var(--bg-base);
}
.bg-green-1 {
  background-color: var(--surface-brand);
}
.bg-green-2 {
  background-color: var(--surface-accent);
}
.bg-elevated {
  background-color: var(--surface-elevated);
}
.bg-white-0 {
  background-color: var(--surface-transparent);
}
.border {
  border-color: var(--border-default);
}
.border-light {
  border-color: var(--border-accent);
}
.text-gradient-primary {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: var(--primary-gradient);
}
.text-gradient-premium {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image:
    linear-gradient(
      137.25deg,
      #1878c4 16.08%,
      var(--blue-500) 85.51%);
}
.ring-loader {
  width: 2rem;
  height: 2rem;
  color: var(--ring-loader);
}
.ring-loader--overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ring-loader--lg {
  width: 4rem;
  height: 4rem;
}
h1,
.h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  h1,
  .h1 {
    font-size: 3.07rem;
  }
}
@media (max-width: 430px) {
  h1,
  .h1 {
    font-size: 2.29rem;
  }
}
h2,
.h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.875rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  h2,
  .h2 {
    font-size: 2.13rem;
  }
}
@media (max-width: 430px) {
  h2,
  .h2 {
    font-size: 1.64rem;
  }
}
h3,
.h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  h3,
  .h3 {
    font-size: 1.53rem;
  }
}
@media (max-width: 430px) {
  h3,
  .h3 {
    font-size: 1.29rem;
  }
}
h4,
.h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  h4,
  .h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 430px) {
  h4,
  .h4 {
    font-size: 1.14rem;
  }
}
.display-xl {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5625rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .display-xl {
    font-size: 2.13rem;
  }
}
@media (max-width: 430px) {
  .display-xl {
    font-size: 2rem;
  }
}
.display-lg {
  font-family: "Montserrat", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .display-lg {
    font-size: 1.87rem;
  }
}
@media (max-width: 430px) {
  .display-lg {
    font-size: 1.71rem;
  }
}
.heading-xl {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8125rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .heading-xl {
    font-size: 1.53rem;
  }
}
@media (max-width: 430px) {
  .heading-xl {
    font-size: 1.43rem;
  }
}
.heading-lg {
  font-family: "Montserrat", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .heading-lg {
    font-size: 1.33rem;
  }
}
@media (max-width: 430px) {
  .heading-lg {
    font-size: 1.29rem;
  }
}
.body-lg {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .body-lg {
    font-size: 1.2rem;
  }
}
@media (max-width: 430px) {
  .body-lg {
    font-size: 1.14rem;
  }
}
.body-md {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .body-md {
    font-size: 1.07rem;
  }
}
@media (max-width: 430px) {
  .body-md {
    font-size: 1rem;
  }
}
body,
.body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  body,
  .body {
    font-size: 0.93rem;
  }
}
@media (max-width: 430px) {
  body,
  .body {
    font-size: 0.86rem;
  }
}
.body-xs {
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .body-xs {
    font-size: 0.8rem;
  }
}
@media (max-width: 430px) {
  .body-xs {
    font-size: 0.71rem;
  }
}
.caption-lg {
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .caption-lg {
    font-size: 0.8rem;
  }
}
@media (max-width: 430px) {
  .caption-lg {
    font-size: 0.71rem;
  }
}
.caption-md {
  font-family: "Roboto", sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .caption-md {
    font-size: 0.67rem;
  }
}
@media (max-width: 430px) {
  .caption-md {
    font-size: 0.64rem;
  }
}
.caption-sm {
  font-family: "Roboto", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .caption-sm {
    font-size: 0.6rem;
  }
}
@media (max-width: 430px) {
  .caption-sm {
    font-size: 0.57rem;
  }
}
.caption-xs {
  font-family: "Roboto", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .caption-xs {
    font-size: 0.53rem;
  }
}
@media (max-width: 430px) {
  .caption-xs {
    font-size: 0.5rem;
  }
}
.caption-xxs {
  font-family: "Roboto", sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1024px) {
  .caption-xxs {
    font-size: 0.47rem;
  }
}
@media (max-width: 430px) {
  .caption-xxs {
    font-size: 0.43rem;
  }
}
:root {
  --grey-50: #fcfcfd;
  --grey-100: #f5f6f7;
  --grey-200: #f0f2f4;
  --grey-300: #e9ecee;
  --grey-400: #e5e8eb;
  --grey-500: #dee2e6;
  --grey-600: #caced1;
  --grey-700: #9ea0a3;
  --grey-800: #7a7c7f;
  --grey-900: #5d5f61;
  --orange-50: #fef1ea;
  --orange-100: #fbd4bf;
  --orange-200: #f9bfa0;
  --orange-300: #f6a274;
  --orange-400: #f59059;
  --orange-500: #f27430;
  --orange-600: #dc6a2c;
  --orange-700: #ac5222;
  --orange-800: #85401a;
  --orange-900: #663114;
  --violet-50: #fdf6ff;
  --violet-100: #f8e4fe;
  --violet-200: #f5d7fe;
  --violet-300: #f1c4fd;
  --violet-400: #eeb9fd;
  --violet-500: #eaa7fc;
  --violet-600: #d598e5;
  --violet-700: #a677b3;
  --violet-800: #815c8b;
  --violet-900: #62466a;
  --rose-50: #fff6fb;
  --rose-100: #fee2f4;
  --rose-200: #fdd4ee;
  --rose-300: #fcc1e6;
  --rose-400: #fcb5e1;
  --rose-500: #fba2da;
  --rose-600: #e493c6;
  --rose-700: #b2739b;
  --rose-800: #8a5978;
  --rose-900: #69445c;
  --purple-50: #f3edfe;
  --purple-100: #d9c6fc;
  --purple-200: #c7aafa;
  --purple-300: #ae83f8;
  --purple-400: #9e6bf6;
  --purple-500: #8646f4;
  --purple-600: #7a40de;
  --purple-700: #5f32ad;
  --purple-800: #4a2786;
  --purple-900: #381d66;
  --blue-50: #eaf0fe;
  --blue-100: #bed0fd;
  --blue-200: #9ebafc;
  --blue-300: #729afa;
  --blue-400: #5786f9;
  --blue-500: #2d68f8;
  --blue-600: #295fe2;
  --blue-700: #204ab0;
  --blue-800: #193988;
  --blue-900: #132c68;
  --cian-50: #e6f6fb;
  --cian-100: #b0e4f4;
  --cian-200: #8ad7ee;
  --cian-300: #55c5e7;
  --cian-400: #34bae2;
  --cian-500: #01a9db;
  --cian-600: #019ac7;
  --cian-700: #01789b;
  --cian-800: #015d78;
  --cian-900: #00475c;
  --teal-50: #e6f7f6;
  --teal-100: #b1e5e3;
  --teal-200: #8bd8d5;
  --teal-300: #55c6c2;
  --teal-400: #35bbb6;
  --teal-500: #02aaa4;
  --teal-600: #029b95;
  --teal-700: #017974;
  --teal-800: #015e5a;
  --teal-900: #014745;
  --dark-50: #ebecee;
  --dark-100: #c1c4c9;
  --dark-200: #a3a8af;
  --dark-300: #79808a;
  --dark-400: #5f6774;
  --dark-500: #374151;
  --dark-600: #323b4a;
  --dark-700: #272e3a;
  --dark-800: #1e242d;
  --dark-900: #171b22;
  --error-50: #fce6e6;
  --error-100: #f5b2b2;
  --error-200: #f08d8d;
  --error-300: #ea5959;
  --error-400: #e53939;
  --error-500: #df0707;
  --error-600: #cb0606;
  --error-700: #9e0505;
  --error-800: #7b0404;
  --error-900: #5e0303;
  --success-50: #e8f6eb;
  --success-100: #b9e3c0;
  --success-200: #97d6a2;
  --success-300: #68c377;
  --success-400: #4ab75d;
  --success-500: #1da534;
  --success-600: #1a962f;
  --success-700: #157525;
  --success-800: #105b1d;
  --success-900: #0c4516;
  --warning-50: #fffae6;
  --warning-100: #ffeeb0;
  --warning-200: #ffe68a;
  --warning-300: #ffda54;
  --warning-400: #ffd333;
  --warning-500: #ffc800;
  --warning-600: #e8b600;
  --warning-700: #b58e00;
  --warning-800: #8c6e00;
  --warning-900: #6b5400;
  --color-green-500: #00bb72;
  --color-orange-500: #fb6238;
  --color-blue-500: #3452f3;
  --color-purple-500: #713efe;
  --border-disabled: #f3f4f6;
  --border-focus: #adbcf2;
  --border-invalid-focus: #fbc0c0;
  --border-invalid: #f23030;
  --border-valid-focus: #82e6ac;
  --border-valid: #22ad5c;
  --text-disabled: #6b7280;
  --text-helper: #4b5563;
  --text-invalid: #f23030;
  --text-valid: #22ad5c;
  --primary-gradient:
    linear-gradient(
      
      var(--primary-gradient-angle),
      var(--primary-gradient-start) 16.08%,
      var(--primary-gradient-end) 85.51% );
}
:root {
  --acm-primary: #0061fe;
  --acm-secondary: #101820;
  --agroambiental-primary: #40dc3a;
  --agroambiental-secondary: #008a30;
  --agroambiental-tertiary: #253c2a;
  --ghamec-primary: #f77f00;
  --ghamec-secondary: #003049;
  --cip-primary: #e11423;
  --cip-secondary: #d1b060;
  --cip-tertiary: #000;
  --cip-quaternary: #fff;
}
html.dark {
  --acm-secondary: #fff;
  --agroambiental-secondary: #fff;
  --agroambiental-tertiary: #fff;
  --ghamec-secondary: #fff;
}
:root {
  --primary: #17bc2e;
  --primary-secondary: #13322b;
  --text-body: #373737;
  --text-muted: #7b7b7b;
  --text-accent: var(--primary);
  --text-on-inverse: #fff;
  --text-on-primary: #fff;
  --text-link: #0074f0;
  --text-body-fixed: #373737;
  --primary-gradient-start: #32ebbd;
  --primary-gradient-end: #02d344;
  --primary-gradient-angle: 137.25deg;
  --icon-muted: #5f6774;
  --icon-secondary: var(--primary-secondary);
  --icon-on-color: #fff;
  --icon-danger: #e53939;
  --icon-danger-subtle: #e539391a;
  --icon-primary-alpha: #17bc2e33;
  --surface-accent: #e7ffe7;
  --surface-brand: #155c4c;
  --surface-elevated: #fff;
  --surface-subtle: #e7ffe7;
  --surface-transparent: #fff;
  --surface-gray: #f8f8ff;
  --bg-page: #f8f8ff;
  --bg-base: #fff;
  --border-default: #dee2e6;
  --border-accent: var(--primary);
  --border-contrast: #374151;
  --ring-loader: var(--primary);
  --acc-icon-color: var(--primary);
  --cip-banner-bg: #171b22;
  --cip-banner-icon: #d7b56d;
  --cip-banner-title: #d7b56d;
  --cip-banner-divider: #e31e25;
  --cip-banner-bg-overlay-opacity: 0.05;
  --coupon-ribbon-primary-bg:
    linear-gradient(
      
      137.25deg,
      #0ed0a0 16.08%,
      #02d41f 85.51% );
  --coupon-ribbon-primary-fill: #3452f3;
  --coupon-ribbon-secondary-bg: var(--coupon-ribbon-primary-bg);
  --coupon-ribbon-tertiary-bg: var(--coupon-ribbon-primary-bg);
  --coupon-ribbon-tertiary-bg-border: var(--primary);
  --coupon-ribbon-tertiary-fill-right: var(--primary-secondary);
  --discount-ribbon-bg: var(--primary-gradient);
  --discount-ribbon-text: var(--primary-secondary);
  --enroll-banner-secondary-text: var(--primary);
  --btn-radius: 1rem;
  --btn-radius-sm: 0.75rem;
  --btn-primary-bg: var(--primary);
  --btn-primary-bg-hover: #028815;
  --btn-primary-text: var(--text-on-inverse);
  --btn-secondary-bg: transparent;
  --btn-secondary-bg-hover: #e7ffe7;
  --btn-secondary-border: var(--primary);
  --btn-secondary-text: var(--primary);
  --btn-secondary-icon: inherit;
  --btn-text-color: var(--primary);
  --btn-elevated-bg: #fff;
  --btn-elevated-bg-hover: var(--bg-base);
  --btn-elevated-text: var(--primary);
  --btn-sweep-bg: #02d344;
  --btn-sweep-bg-hover: #32ebbd;
  --btn-sweep-text: #fff;
  --btn-gender-icon-hover: var(--icon-on-color);
  --btn-gender-bg-hover: var(--primary);
  --btn-google-bg-hover: var(--bg-page);
  --btn-icon-icon-hover: var(--primary);
  --btn-icon-bg-hover: #17bc2e33;
  --btn-icon-solid-bg-hover: var(--primary);
  --btn-refresh-border-hover: var(--primary);
  --btn-refresh-icon-hover: var(--primary);
  --btn-social-bg-hover:
    linear-gradient(
      180deg,
      #002814 0%,
      #001f0f 100%);
  --btn-primary-animated-circle-1: var(--primary-gradient-start);
  --btn-primary-animated-circle-2: var(--primary-gradient-end);
  --btn-primary-animated-bg: var(--primary-gradient);
  --btn-disabled-bg: #cdcdcd;
  --btn-disabled-text: var(--text-body);
  --form-control-icon: var(--primary);
  --form-control-bg: var(--bg-base);
  --form-control-bg-disabled: var(--bg-page);
  --feature-alt-card-primary: var(--primary);
  --feature-main-card-primary: var(--primary);
  --stat-card-primary-icon: var(--primary);
  --stat-card-primary-label: var(--text-body);
  --metric-card-stacked-value: var(--primary);
  --metric-card-stacked-icon: var(--icon-on-color);
  --metric-card-stacked-icon-bg: var(--primary);
  --metric-card-stacked-bg-hover: var(--primary);
  --metric-card-stacked-icon-hover: var(--primary);
  --metric-card-stacked-icon-bg-hover: var(--icon-on-color);
  --carousel-dot: #d9d9d9;
  --carousel-dot-active: var(--primary);
  --paginator-item-selected-text: var(--primary);
  --paginator-item-selected-bg: var(--surface-subtle);
  --paginator-item-selected-border: var(--border-accent);
  --bar-progress-fill-primary: var(--primary);
  --ring-progress-color: var(--primary);
  --tab-selected-border: var(--primary);
  --tag-hover-bg: var(--surface-accent);
  --tag-hover-icon: var(--primary);
  --about-us-hero-overlay: #02493499;
  --person-card-body-bg: var(--bg-page);
  --person-card-body-hover-bg:
    radial-gradient(
      
      circle at 120% 120%,
      #47ff61 0%,
      #47ff61 25%,
      rgb(71 255 97 / 60%) 40%,
      rgb(71 255 97 / 0%) 60% ),
    #00a913;
  --login-instructions-step-icon: var(--primary);
  --login-instructions-bg: var(--dark-500);
  --login-instructions-bg-image: none;
  --login-instructions-divider: var(--icon-primary-alpha);
  --calendar-day-header-selected-border: var(--primary);
  --calendar-day-header-today-bg: var(--primary);
  --cart-coupon-section-icon: var(--primary);
  --cart-empty-state-icon: var(--primary);
  --cart-empty-state-icon-bg: var(--surface-subtle);
  --cart-order-summary-total: var(--primary);
  --payment-form-badge-icon: var(--primary);
  --payment-form-badge-text: var(--primary);
  --payment-summary-secure-icon: var(--primary);
  --payment-summary-secure-text: var(--primary);
  --payment-summary-methods-hint-icon: var(--primary);
  --payment-page-header-trust-icon: var(--primary);
  --payment-page-header-trust-text: var(--primary);
  --certificate-delivery-form-title-icon: var(--primary);
  --certificate-delivery-form-title-text: inherit;
  --certificate-delivery-form-title-bg: var(--surface-accent);
  --certificate-delivery-form-truck-icon: var(--primary);
  --certificate-delivery-form-truck-icon-bg: var(--icon-primary-alpha);
  --coupon-card-icon: var(--primary);
  --coupon-card-bg-hover: #17bc2e26;
  --validate-instructions-title: var(--primary);
  --validate-user-info-avatar-bg: #e7ffe7;
  --validate-user-info-avatar-text-color: #38a169;
  --classroom-certificates-promo-primary: var(--primary);
  --classroom-certificates-promo-bg: #8646f4;
  --course-module-icon: var(--primary);
  --course-promo-bg: #0b5940;
  --course-promo-overlay: transparent;
  --course-promo-badge-text: var(--text-accent);
  --exam-modal-icon: var(--primary);
  --final-grade-card-primary-start: var(--primary-gradient-start);
  --final-grade-card-primary-end: var(--primary-gradient-end);
  --like-button-icon-bold: var(--primary);
  --live-session-icon: var(--primary);
  --plans-promo-bg-1: #1b4d42;
  --plans-promo-bg-2: #032a21;
  --plans-promo-v2-start: #e6ff00;
  --plans-promo-v2-end: #17bc2e;
  --plans-promo-v2-overlay:
    linear-gradient(
      151.25deg,
      #04372b 27.76%,
      #04372b00 70.37%),
    linear-gradient(
      0deg,
      #021b15 9.35%,
      #04372b00 100%);
  --plans-promo-v2-mobile-overlay: var(--plans-promo-v2-overlay);
  --plans-promo-v2-highlight:
    linear-gradient(
      
      180deg,
      var(--plans-promo-v2-start) 0%,
      var(--plans-promo-v2-end) 100% );
  --plans-promo-v2-separator:
    linear-gradient(
      
      90deg,
      rgb(23 188 46 / 0%) 0%,
      var(--plans-promo-v2-end) 21.15%,
      var(--plans-promo-v2-start) 50.48%,
      var(--plans-promo-v2-end) 76.92%,
      rgb(23 188 46 / 0%) 100% );
  --plans-promo-v2-separator-glow:
    radial-gradient(
      
      50% 50% at 50% 50%,
      #d6fa03 0%,
      #7f9402 100% );
  --plans-promo-v2-cta-bg:
    linear-gradient(
      
      180deg,
      #032a21 25%,
      rgb(10 144 113 / 0%) 70% );
  --plans-promo-v2-btn-bg: var(--plans-promo-v2-end);
  --plans-promo-v2-btn-shadow:
    inset 0 -3px 4px var(--plans-promo-v2-start),
    inset 0 2px 2px var(--plans-promo-v2-start),
    inset 0 -16px 12px #00000040;
  --plans-promo-v2-btn-icon: #176c00;
  --section-blocked-reason: var(--text-accent);
  --support-banner-2-support-icon: var(--primary);
  --support-banner-2-support-icon-bg: var(--icon-primary-alpha);
  --support-banner-2-security-icon: var(--primary);
  --eval-card-icon-enabled: var(--primary);
  --complaints-section-banner-icon: #92e3a9;
  --benefit-card-primary-icon: var(--primary);
  --surface-panel-bg: transparent;
  --surface-panel-padding: 0;
  --surface-panel-radius: 0;
  --surface-panel-border: none;
  --course-purchase-card-free-bg: #17bc2e0d;
  --course-purchase-card-free-bg-small: var(--surface-accent);
  --course-purchase-card-free-text: inherit;
  --course-purchase-card-free-text-small: inherit;
  --course-purchase-card-free-type-icon: var(--primary);
  --course-purchase-card-free-type-icon-small: var(--primary);
  --course-purchase-card-free-note-icon: var(--primary);
  --course-purchase-card-free-note-icon-small: var(--primary);
  --course-purchase-card-free-note-highlight: var(--text-accent);
  --course-purchase-card-free-note-highlight-small: var(--text-accent);
  --course-purchase-card-free-certification-icon: var(--primary);
  --course-purchase-card-free-certification-text: inherit;
  --course-purchase-card-free-certification-icon-small: var(--primary);
  --course-purchase-card-free-certification-text-small: inherit;
  --course-purchase-card-free-decision-icon: var(--primary);
  --course-purchase-card-free-decision-icon-small: var(--primary);
  --course-purchase-card-free-view-plans-text: var(--btn-text-color);
  --course-purchase-card-free-view-plans-text-small: var(--btn-text-color);
  --course-purchase-card-premium-bg: #2d68f80d;
  --course-purchase-card-premium-bg-small: var(--bg-page);
  --course-purchase-card-premium-type-icon: var(--blue-500);
  --review-navigator-item-text: var(--text-accent);
  --faq-category-card-icon: var(--primary);
  --faq-category-card-bg-hover: var(--primary);
  --faq-category-card-icon-hover: var(--icon-on-color);
  --faq-category-card-text-hover: var(--text-on-primary);
  --faq-search-bar-bg: var(--surface-accent);
  --faq-search-bar-highlight: var(--primary);
  --faq-category-banner-split-bg: var(--primary-secondary);
  --faq-category-banner-split-text: var(--icon-on-color);
  --faq-category-banner-split-divider: var(--icon-on-color);
  --hero-quote-icon: var(--primary);
  --header-bg: var(--bg-base);
  --user-header-banner-bg: var(--primary-gradient);
  --sidebar-item-v2-accent: var(--primary);
  --footer-bg: #000;
  --footer-text: var(--text-on-inverse);
  --footer-icon: var(--primary);
  --footer-social-icon: #f2f2f2;
  --footer-social-icon-hover: #00aa54;
  --asset-logo-full: url(/logo/eco/logo_v1-1.svg);
  --asset-logo-footer: url(/logo/eco/logo_v1-4.svg);
  --asset-logo-header: url(/logo/eco/logo_v3-1.svg);
  --asset-stats-chart: url(/gifs/us-stats-light.gif);
}
html.dark {
  --primary-secondary: #fff;
  --text-body: #d9d9d9;
  --text-muted: #b9b9b9;
  --text-accent: var(--primary);
  --text-on-inverse: #fff;
  --text-on-primary: #373737;
  --text-link: #0074f0;
  --text-body-fixed: #373737;
  --icon-muted: #5f6774;
  --icon-secondary: var(--primary);
  --icon-on-color: #fff;
  --icon-danger: #ea5959;
  --icon-danger-subtle: #e5393933;
  --icon-primary-alpha: #17bc2e33;
  --surface-accent: #155c4c;
  --surface-brand: #155c4c;
  --surface-elevated: #1e242d;
  --surface-subtle: #1e242d;
  --surface-transparent: #171b2200;
  --surface-gray: #272e3a;
  --bg-page: #272e3a;
  --bg-base: #171b22;
  --border-default: #374151;
  --border-accent: var(--primary);
  --border-contrast: #dee2e6;
  --btn-disabled-bg: #1e242d;
  --asset-logo-full: url(/logo/eco/logo_v1-4.svg);
  --asset-logo-footer: url(/logo/eco/logo_v1-4.svg);
  --asset-logo-header: url(/logo/eco/logo_v3-1.svg);
  --asset-stats-chart: url(/gifs/us-stats-dark.gif);
}

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