/* line 2, app/assets/stylesheets/cookie_consent_banner.scss */
:root {
  /* Font families */
  --font: 'Inter';
  --font-primary: 'Poppins';
  /* Container */
  --container-width: 1110px;
  /* Colors */
  --color: #303030;
  /*--color: #ffe566;*/
  --color-primary: #12384D;
  --color-secondary: #d10c42;
  --color-white: #FFFFFF;
  --color-light: #F5F5F5;
  --color-dark: #292929;
  --color-black: #000000;
}

/* line 21, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main {
  /* Inherit font from root variable */
  --cc-font-family: var(--font);
}

/* line 29, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .cm__btn[data-role="all"],
#cc-main .pm__btn[data-role="all"] {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 3px;
  border: 1px solid var(--color-primary);
}

/* line 36, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .cm__btn[data-role="all"]:hover,
#cc-main .pm__btn[data-role="all"]:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
  border: 1px solid var(--color-secondary);
}

/* line 44, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"] {
  background-color: transparent;
  color: var(--color-primary);
  border: 0;
}

/* line 50, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

/* line 57, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .cm__btn, #cc-main .pm__btn {
  padding: 10px 15px;
  font-weight: 500;
}

/* line 63, app/assets/stylesheets/cookie_consent_banner.scss */
#cc-main .pm__section-title, #cc-main .pm__badge {
  font-weight: 500;
}