:host(.dg-consent-banner) {
  font-family: var(--dg-primary-font);
  font-weight: var(--dg-primary-font-weight);
  font-size: var(--dg-p-text-font-size);
  line-height: var(--dg-p-text-line-height);
  z-index: var(--dg-z-index);
  text-align: left;
  position: fixed;
  box-shadow: 0 2px 19px -4px #01013f1a;
  box-sizing: content-box !important;
}

:host(.dg-consent-banner) .dg-app {
  background: var(--dg-consent-background-color);
  border: var(--dg-consent-background-border);
  border-radius: var(--consent-border-radius);
  flex-direction: column;
  justify-content: stretch;
  max-height: 90vh;
  padding: 24px;
  display: flex;
  overflow: auto;
}

:host(.dg-consent-banner.dg-left) {
  left: var(--dg-default-spacing);
  bottom: var(--dg-default-spacing);
  max-height: calc(100% - var(--dg-default-spacing));
  width: 400px;
}

:host(.dg-consent-banner.dg-right) {
  right: var(--dg-default-spacing);
  bottom: var(--dg-default-spacing);
  max-height: calc(100% - var(--dg-default-spacing));
  width: 400px;
}

:host(.dg-consent-banner.dg-bottom) {
  width: 100%;
  bottom: 0;
}

:host(.dg-consent-banner.dg-bottom) .dg-app {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  max-height: 270px;
}

:host(.dg-consent-banner.dg-modal) {
  background: #00000080;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

:host(.dg-consent-banner.dg-modal) .dg-app {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 480px) {
  :host(.dg-consent-banner) .dg-app {
    padding: var(--dg-default-margin-mobile);
  }

  :host(.dg-consent-banner.dg-right),
  :host(.dg-consent-banner.dg-left) {
    width: 100%;
    inset: auto 0 0;
  }

  :host(.dg-consent-banner.dg-bottom) {
    max-height: 500px;
  }

  :host(.dg-consent-banner.dg-bottom) .dg-app .dg-main {
    flex-direction: column;
    max-height: 100%;
  }

  :host(.dg-consent-banner.dg-bottom) .dg-app .dg-main-content {
    padding: 0 0 0 var(--dg-default-margin-mobile);
    flex: 250px;
  }

  :host(.dg-consent-banner.dg-modal) .dg-app {
    width: 90vw;
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
  :host(.dg-consent-banner.dg-bottom) {
    max-height: 500px;
  }

  :host(.dg-consent-banner.dg-bottom) .dg-app .dg-main {
    flex-direction: column;
    max-height: 100%;
  }

  :host(.dg-consent-banner.dg-bottom) .dg-app .dg-main-content {
    flex: 250px;
    padding: 0 0 0 12px;
  }

  :host(.dg-consent-banner.dg-modal) .dg-app {
    width: 85vw;
  }
}

@media only screen and (max-height: 600px) {
  :host(.dg-consent-banner.dg-left),
  :host(.dg-consent-banner.dg-right) {
    max-height: 100vh;
    bottom: 0;
  }

  :host(.dg-consent-banner.dg-bottom) .dg-app .dg-main-content {
    max-height: 200px;
    padding: 0 0 0 12px;
  }
}

@media only screen and (max-height: 550px) {
  :host(.dg-consent-banner.dg-bottom) {
    max-height: 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  :host(.dg-consent-banner) {
    transition: none;
  }
}

:host {
  --dg-z-index: 9999;
  --consent-border-radius: 8px;
  --palette-grey-50: #f6f9fa;
  --palette-grey-100: #eff2f3;
  --palette-grey-200: #e5e8e9;
  --palette-grey-300: #d5d8d9;
  --palette-grey-400: #b1b4b4;
  --palette-grey-500: #919394;
  --palette-grey-600: #696b6c;
  --palette-grey-700: #555859;
  --palette-grey-800: #37393a;
  --palette-grey-900: #17191a;
  --palette-common-white: #fff;
  --palette-common-black: #000;
  --palette-primary-dark: #1a3eba;
  --palette-primary-light: #e2f2ff;
  --palette-primary-main: #0671ec;
  --palette-primary-contrastText: #fff;
  --dg-default-spacing: 16px;
  --dg-body-font-size: var(--dg-p-text-font-size);
  --dg-body-line-height: calc(var(--dg-body-font-size) + 4px);
  --dg-body-font-weight: var(--dg-secondary-font-weight);
  --dg-body-font-color: var(--palette-text-primary);
  --dg-heading-font-size: var(--dg-p-text-font-size);
  --dg-heading-line-height: calc(var(--dg-heading-font-size) + 4px);
  --dg-heading-font-weight: 700;
  --dg-heading-font-color: var(--palette-text-primary);
  --dg-title-font-size: 18px;
  --dg-title-line-height: calc(var(--dg-title-font-size) + 4px);
  --dg-title-font-weight: 700;
  --dg-title-font-color: var(--palette-text-primary);
  --dg-primary-font-weight: 200;
  --dg-primary-font: Helvetica, sans-serif;
  --dg-secondary-font-weight: 200;
  --dg-secondary-font: Helvetica, sans-serif;
  --dg-seperator-padding: 16px;
  --dg-p-text-font-size: 16px;
  --dg-p-text-line-height: calc(var(--dg-p-text-font-size) + 4px);
  --dg-text-margin: 8px;
  --dg-consent-background-color: var(--palette-common-white);
  --dg-consent-background-border: 1px solid var(--palette-grey-900);
  --dg-button-font-size: 18px;
  --dg-button-font-weight: 600;
  --dg-button-radius: 8px;
  --dg-button-border: 0;
  --dg-button-padding: 12px;
  --dg-language-dropdown-font-color: var(--palette-text-primary);
  --dg-language-dropdown-font-weight: var(--dg-secondary-font-weight);
  --dg-language-dropdown-font-size: var(--dg-p-text-font-size);
  --dg-policy-option-heading-size: var(--dg-p-text-font-size);
  --dg-policy-option-heading-weight: var(--dg-secondary-font-weight);
  --dg-policy-option-heading-color: var(--palette-text-primary);
  --dg-policy-option-heading-enabled-color: var(--dg-category-text);
  --dg-policy-option-chevron-size: 20;
  --dg-policy-option-description-font-size: var(--dg-p-text-font-size);
  --dg-policy-option-description-font-color: var(--palette-text-primary);
  --dg-policy-option-description-font-weight: var(--dg-secondary-font-weight);
  --dg-policy-option-essential-label-font-size: var(--dg-policy-option-heading-size);
  --dg-policy-option-essential-label-font-color: var(--palette-text-primary);
  --dg-policy-option-essential-label-font-wieght: var(--dg-policy-option-heading-weight);
  --dg-default-margin-mobile: 12px;
  --dg-body-font-size-mobile: 11px;
  --dg-body-line-height-mobile: calc(var(--dg-body-font-size-mobile) + 4px);
  --dg-body-font-weight-mobile: 400;
  --dg-heading-font-size-mobile: 13px;
  --dg-heading-line-height-mobile: calc(var(--dg-heading-font-size-mobile) + 4px);
  --dg-heading-font-weight-mobile: 700;
  --dg-title-font-size-mobile: 13px;
  --dg-title-line-height-mobile: calc(var(--dg-title-font-size-mobile) + 4px);
  --dg-title-font-weight-mobile: 700;
  --dg-seperator-padding-mobile: 4px;
  --dg-p-text-font-size-mobile: 11px;
  --dg-p-text-line-height-mobile: calc(var(--dg-p-text-font-size-mobile) + 4px);
  --dg-button-font-size-mobile: var(--dg-body-font-size-mobile);
  --dg-button-font-weight-mobile: var(--dg-heading-font-weight-mobile);
  --dg-button-padding-mobile: 9px 32px;
  --dg-button-line-height-mobile: var(--dg-body-line-height-mobile);
  --dg-language-dropdown-font-weight-mobile: var(--dg-body-font-weight-mobile);
  --dg-language-dropdown-font-size-mobile: var(--dg-p-text-font-size-mobile);
  --dg-language-dropdown-line-height-mobile: var(--dg-body-line-height-mobile);
  --dg-policy-option-heading-size-mobile: var(--dg-p-text-font-size-mobile);
  --dg-policy-option-heading-weight-mobile: var(--dg-heading-font-weight-mobile);
  --dg-policy-option-line-height-mobile: var(--dg-body-line-height-mobile);
  --dg-policy-option-description-font-size-mobile: var(--dg-body-font-size-mobile);
  --dg-policy-option-description-font-weight-mobile: var(--dg-body-font-weight-mobile);
  --dg-policy-option-description-line-height-mobile: var(--dg-body-line-height-mobile);
  --dg-policy-option-essential-label-font-size-mobile: var(--dg-policy-option-heading-size-mobile);
  --dg-policy-option-essential-label-font-weight-mobile: var(--dg-body-font-weight-mobile);
  --dg-policy-option-chevron-size-mobile: 16px;
  --dg-language-dropdown-expand-size-mobile: 16px;
  --dg-language-dropdown-globe-size-mobile: 13px;
}

:host(.dg-consent-banner.dg-neutral) {
  --palette-text-primary: var(--palette-grey-900);
  --palette-text-secondary: var(--palette-grey-700);
  --palette-text-disabled: var(--palette-grey-300);
  --dg-title: var(--palette-text-primary);
  --dg-category-enabled-background: var(--palette-common-white);
  --dg-category-enabled-border: var(--palette-common-white);
  --dg-category-enabled: var(--palette-common-white);
  --dg-category-text-enabled: var(--dg-policy-option-heading-enabled-color);
  --dg-category-text: var(--palette-text-primary);
  --dg-category: var(--palette-common-white);
  --dg-option-background: var(--palette-common-white);
  --dg-option-border: var(--palette-grey-400);
  --dg-option-essential-background: var(--palette-common-white);
  --dg-option-essential-border: var(--palette-grey-400);
  --dg-slider-primary: var(--palette-common-white);
  --dg-slider-secondary: var(--palette-grey-400);
  --dg-slider-enabled-primary: var(--palette-common-white);
  --dg-slider-enabled-secondary: var(--palette-primary-main);
  --dg-button-color: var(--palette-text-primary);
  --dg-button-background: var(--palette-common-white);
  --dg-button-border: 1px solid var(--palette-grey-900);
}

:host(.dg-consent-banner.dg-blue) {
  --palette-text-primary: var(--palette-grey-900);
  --palette-text-secondary: var(--palette-grey-700);
  --palette-text-disabled: var(--palette-grey-300);
  --dg-title: var(--palette-text-primary);
  --dg-category-enabled-background: var(--palette-common-white);
  --dg-category-enabled-border: var(--palette-common-white);
  --dg-category-enabled: var(--palette-common-white);
  --dg-category-text-enabled: var(--dg-policy-option-heading-enabled-color);
  --dg-category-text: var(--palette-text-primary);
  --dg-category: var(--palette-common-white);
  --dg-option-background: var(--palette-common-white);
  --dg-option-border: var(--palette-grey-400);
  --dg-option-essential-background: var(--palette-common-white);
  --dg-option-essential-border: var(--palette-grey-400);
  --dg-slider-primary: var(--palette-common-white);
  --dg-slider-secondary: var(--palette-grey-400);
  --dg-slider-enabled-primary: var(--palette-primary-main);
  --dg-slider-enabled-secondary: var(--palette-common-white);
  --dg-button-color: var(--palette-primary-main);
  --dg-button-background: var(--palette-common-white);
  --dg-button-border: 1px solid var(--palette-primary-main);
  --dg-heading-border-color: var(--palette-grey-300);
}

.dg-main-language-dropdown {
  margin: 16px 0 8px;
}

:host(.dg-consent-banner.position-bottom) .dg-main-language-dropdown {
  margin: 0 0 24px;
}

.language-dropdown-trigger {
  background-color: var(--dg-consent-background-color);
  cursor: pointer;
  border: none;
  align-items: center;
  padding: 0;
  display: flex;
}

.language-dropdown-trigger > .language-dropdown-trigger-icon-start {
  margin-bottom: 3px;
}

.language-dropdown-trigger > .language-dropdown-trigger-icon-end {
  margin-bottom: 2px;
}

.language-dropdown-trigger > span {
  font-family: var(--dg-secondary-font);
  color: var(--dg-language-dropdown-font-color);
  font-weight: var(--dg-language-dropdown-font-weight);
  font-size: var(--dg-language-dropdown-font-size);
  margin-left: 6px;
  margin-right: 2px;
}

.language-dropdown-menu {
  background-color: var(--dg-consent-background-color);
  border-radius: var(--consent-border-radius);
  flex-direction: column;
  min-width: 120px;
  max-height: 220px;
  margin-top: 4px;
  list-style: none;
  display: flex;
  position: absolute;
  overflow: scroll;
  box-shadow: 0 4px 4px #00000014;
}

.language-dropdown-menu.hidden {
  display: none;
}

.language-dropdown-menu.bottom {
  max-height: 150px;
}

.language-dropdown-menu button {
  background-color: var(--dg-consent-background-color);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 12px 8px;
  display: flex;
}

.language-dropdown-menu button:first-of-type {
  border-top-left-radius: var(--consent-border-radius);
  border-top-right-radius: var(--consent-border-radius);
}

.language-dropdown-menu button:last-of-type {
  border-bottom-left-radius: var(--consent-border-radius);
  border-bottom-right-radius: var(--consent-border-radius);
}

.language-dropdown-menu button:hover {
  background-color: var(--palette-primary-light);
}

.language-dropdown-menu button > span {
  text-align: left;
  font-family: var(--dg-secondary-font);
  color: var(--dg-language-dropdown-font-color);
  font-weight: var(--dg-language-dropdown-font-weight);
  font-size: var(--dg-language-dropdown-font-size);
}

.language-dropdown-menu button > span.not-selected {
  margin-left: 20px;
}

@media only screen and (max-width: 480px) {
  .dg-app.dg-collapsed .dg-main-language-dropdown {
    display: none;
  }

  .language-dropdown-trigger-icon-start {
    width: var(--dg-language-dropdown-globe-size-mobile);
    height: var(--dg-language-dropdown-globe-size-mobile);
  }

  .language-dropdown-trigger-icon-end {
    width: var(--dg-language-dropdown-expand-size-mobile);
    height: var(--dg-language-dropdown-expand-size-mobile);
  }

  .dg-main-language-dropdown {
    margin: 0 var(--dg-default-margin-mobile);
    padding: var(--dg-seperator-padding-mobile) 0;
  }

  .dg-main-language-dropdown span,
  .dg-main-language-dropdown button > span {
    font-size: var(--dg-language-dropdown-font-size-mobile);
    line-height: var(--dg-language-dropdown-line-height-mobile);
    font-weight: var(--dg-language-dropdown-font-weight-mobile);
  }
}

._48mA0q_buttonUnstyled {
  cursor: pointer;
  color: var(--dg-button-color);
  font-family: var(--dg-primary-font);
  font-size: var(--dg-p-text-font-size);
  background-color: #0000;
  border: none;
}

.dg-collapsible {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease-out;
  display: grid;
}

.dg-collapsible.isOpen {
  grid-template-rows: 1fr;
}

.dg-collapsible > * {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .dg-collapsible {
    transition: none;
  }
}

.dg-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.dg-header-buttons {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 480px) {
  .dg-header {
    margin: var(--dg-seperator-padding-mobile) var(--dg-default-margin-mobile);
    align-items: center;
  }
}

.dg-button {
  font-family: inherit;
  font-size: var(--dg-button-font-size);
  font-weight: var(--dg-button-font-weight);
  background: var(--dg-button-background);
  color: var(--dg-button-color);
  padding: var(--dg-button-padding);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border: var(--dg-button-border);
  border-radius: var(--dg-button-radius);
  margin: 8px 0;
  display: block;
}

@media only screen and (max-width: 480px) {
  .dg-button {
    font-size: var(--dg-button-font-size-mobile);
    font-weight: var(--dg-button-font-weight-mobile);
    line-height: var(--dg-button-line-height-mobile);
    margin: var(--dg-seperator-padding-mobile) var(--dg-default-margin-mobile);
    padding: var(--dg-button-padding-mobile);
  }
}

.dg-header-close {
  margin-right: -5px;
  padding: 0;
}

.dg-toggle-collapse-button {
  display: none;
}

@media only screen and (max-width: 480px) {
  .dg-toggle-collapse-button {
    margin-top: 8px;
    padding: 0;
    display: block;
  }
}

.dg-options-hidden {
  display: none;
}

.dg-main-content-policies {
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .dg-main-content-policies {
    padding: 0 12px;
  }
}

.dg-main-content-policy-option:first-of-type {
  border-top: none;
}

.dg-main-content-policy-option {
  background-color: var(--dg-option-background);
  font-family: var(--dg-secondary-font);
  border-top: 1px solid var(--palette-grey-300);
  flex-direction: column;
  transition: background-color 0.25s linear, color 0.25s linear, border-color 0.25s linear;
  display: flex;
}

.dg-main-content-policy-option-heading {
  line-height: 130%;
  font-size: var(--dg-policy-option-heading-size);
  font-weight: var(--dg-policy-option-heading-weight);
  color: var(--dg-policy-option-heading-color);
  height: 46px;
  padding: 13px 0;
  display: flex;
}

.dg-main-content-policy-option-heading > * {
  align-items: center;
  display: inline-flex;
}

.dg-main-content-policy-option-heading.expanded {
  padding-bottom: 0;
}

.dg-main-content-policy-option-heading.expanded .dg-chevron {
  transform-origin: 50%;
  transform-box: fill-box;
  transition: transform 0.25s linear;
  transform: rotate(90deg);
}

.dg-chevron {
  transform-origin: 50%;
  transform-box: fill-box;
  padding-right: 4px;
  transition: transform 0.25s linear;
  transform: rotate(0);
}

.clickable {
  cursor: pointer;
  flex: auto;
}

.dg-main-content-policy-option-input {
  flex: none;
  margin-left: auto;
}

.dg-main-content-policy-option-heading .clickable {
  font-weight: 700;
}

[aria-expanded="true"] .dg-main-content-policy-option:not(.dg-essential) {
  scroll-margin-top: 2px;
}

.dg-essential .dg-slider {
  color: var(--palette-text-primary);
}

.dg-enabled:not(.dg-essential) .dg-main-content-policy-option-heading {
  color: var(--dg-category-text-enabled);
}

.dg-main-content-policy-option-description {
  font-size: var(--dg-policy-option-description-font-size);
  color: var(--dg-policy-option-description-font-color);
  font-weight: var(--dg-policy-option-description-font-weight);
  padding: 0 8px 0 24px;
}

.dg-main-content-policy-option input[type="checkbox"] {
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.dg-option-info {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  min-height: 24px;
  display: flex;
}

.dg-essential .dg-option-info {
  cursor: default;
}

.dg-slider.essential-label {
  font-size: var(--dg-policy-option-essential-label-font-size);
  color: var(--dg-policy-option-essential-label-font-color);
  font-weight: var(--dg-policy-option-essential-label-font-wieght);
}

.dg-option-info p,
.dg-essential strong {
  color: var(--dg-category-text);
}

.dg-option-info p {
  line-height: var(--dg-p-text-line-height);
  max-width: 70%;
  margin: 0;
}

.dg-option-info strong {
  display: block;
}

input[type="checkbox"] + .dg-option-info strong {
  margin-bottom: var(--dg-text-margin);
}

input[type="checkbox"]:not(:disabled):focus-visible + .dg-option-info {
  box-shadow: 0 0 0 3px var(--palette-primary-main);
  border-radius: 2px;
}

.dg-slider {
  margin-left: auto;
}

input[type="checkbox"]:not(:disabled) + label .dg-slider {
  -webkit-appearance: none;
  appearance: none;
  background: var(--dg-slider-secondary);
  cursor: pointer;
  border-radius: 9999px;
  outline: 0;
  width: 28px;
  height: 18px;
  transition: background 0.25s ease-in;
  position: relative;
}

input[type="checkbox"]:not(:disabled) + label .dg-slider:after {
  content: "";
  background: var(--dg-slider-primary);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: background 0.25s ease-out, left 0.25s ease-out;
  position: absolute;
  top: 3px;
  left: 2px;
}

input[type="checkbox"]:not(:disabled):checked + label .dg-slider {
  background-color: var(--dg-slider-enabled-secondary);
}

input[type="checkbox"]:not(:disabled):checked + label .dg-slider:after {
  background: var(--dg-slider-enabled-primary);
  left: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .dg-main-content-policy-option,
  input[type="checkbox"]:not(:disabled) + label .dg-slider,
  input[type="checkbox"]:not(:disabled) + label .dg-slider:after {
    transition: none;
  }
}

@media only screen and (max-width: 480px) {
  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-heading {
    padding: 2px 0;
  }

  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-heading button {
    font-weight: var(--dg-policy-option-heading-weight-mobile);
  }

  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-heading .essential-label {
    font-weight: var(--dg-body-font-weight-mobile);
  }

  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-heading * {
    font-size: var(--dg-policy-option-heading-size-mobile);
    line-height: var(--dg-policy-option-line-height-mobile);
  }

  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-heading svg {
    width: var(--dg-policy-option-chevron-size-mobile);
    height: var(--dg-policy-option-chevron-size-mobile);
  }

  :host(.dg-consent-banner) .dg-app .dg-main-content-policy-option-description * {
    font-size: var(--dg-policy-option-description-font-size-mobile);
    font-weight: var(--dg-policy-option-description-font-weight-mobile);
    line-height: var(--dg-policy-option-description-line-height-mobile);
    margin: 0 0 8px;
  }
}

.dg-links {
  text-align: left;
  margin: 8px 0;
}

.dg-links .dg-link:not(:last-child) {
  margin-right: 16px;
}

.dg-link {
  font-family: var(--dg-secondary-font);
  color: var(--dg-body-font-color);
  font-weight: var(--dg-body-font-weight);
  font-size: var(--dg-body-font-size);
  margin-bottom: var(--dg-text-margin);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}

:host(.dg-consent-banner.position-bottom) .dg-links {
  padding: 24px 0 0;
}

@media only screen and (max-width: 480px) {
  .dg-links {
    margin: var(--dg-seperator-padding-mobile) var(--dg-default-margin-mobile);
  }

  .dg-link {
    font-size: var(--dg-body-font-size-mobile);
    line-height: var(--dg-body-line-height-mobile);
    font-weight: var(--dg-body-font-weight-mobile);
    min-width: 24px;
    margin-bottom: 0;
    padding: 6px 0;
  }
}

.dg-main-content-explanation {
  font-family: var(--dg-secondary-font);
  margin: 8px 0;
}

.dg-text-body {
  color: var(--dg-body-font-color);
  font-size: var(--dg-body-font-size);
  font-weight: var(--dg-body-font-weight);
  line-height: var(--dg-body-line-height);
}

.dg-text-header {
  color: var(--dg-heading-font-color);
  font-size: var(--dg-heading-font-size);
  font-weight: var(--dg-heading-font-weight);
  line-height: var(--dg-heading-line-height);
}

.dg-text-title {
  color: var(--dg-title-font-color);
  font-size: var(--dg-title-font-size);
  font-weight: var(--dg-title-font-weight);
  line-height: var(--dg-title-line-height);
}

@media only screen and (max-width: 480px) {
  .dg-text-body {
    font-size: var(--dg-body-font-size-mobile);
    line-height: var(--dg-body-line-height-mobile);
    font-weight: var(--dg-body-font-weight-mobile);
    margin: var(--dg-seperator-padding-mobile) var(--dg-default-margin-mobile);
  }

  .dg-text-header {
    font-size: var(--dg-heading-font-size-mobile);
    line-height: var(--dg-heading-line-height-mobile);
    font-weight: var(--dg-heading-font-weight-mobile);
  }

  .dg-text-title {
    font-size: var(--dg-title-font-size-mobile);
    line-height: var(--dg-title-line-height-mobile);
    font-weight: var(--dg-title-font-weight-mobile);
  }

  .dg-app.dg-collapsed .dg-text-body {
    display: none;
  }
}

.hidden {
  display: none !important;
}

.banner__picture img {
  height: 635px;
  object-fit: cover;
}

.banner__content.banner__content--left,
.banner__content.banner__content--right {
  width: 100%;
}

.donate-widget-wrapper {
  background-color: #fff;
  max-width: 435px;
  padding: 1rem;
  border-radius: 8px;
  margin-left: 1rem;
}

.donate-widget {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.donate-widget h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  font-family: "Oswald";
  margin: 1rem;
  color: #000;
}

.donate-widget .frequency {
  max-width: 600px;
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  border: 1px solid var(--c-gray-80);
  border-radius: 4px;
  list-style: none;
}

.donate-widget .frequency button {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.575rem;
  text-transform: uppercase;
  font-family: Oswald, helvetica, sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 1 1 0%;
  border: none;
  transition: background 0.3s;
  height: 3.5rem;
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  color: #000;
}

.donate-widget .frequency button:not(.monthly),
.donate-widget .amounts button:not(:last-child) {
  border-right: 1px solid var(--c-gray-80);
}

.active {
  background-color: var(--c-color-red) !important;
  color: #fff !important;
}

.donate-widget .gift-array,
.donate-widget .other-wrapper,
.donate-widget .donation_footer {
  width: 100%;
}

.donate-widget .amounts {
  display: flex;
  flex-direction: row;
  position: relative;
  border: 1px solid var(--c-gray-80);
  border-radius: 4px;
  list-style: none;
  margin: 1rem 0px 0px;
  overflow: auto;
}

.donate-widget .amounts button {
  border: none;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.575rem;
  text-transform: uppercase;
  font-family: Oswald, helvetica, sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 1 1 0%;
  transition: background 0.3s;
  height: 3rem;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}

.donate-widget p {
  margin: 0;
}

.donate-widget .other-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid var(--c-gray-80);
  border-radius: 4px;
}

.donate-widget .other-wrapper span {
  width: 3rem;
  border-right: 1px solid var(--c-gray-80);
  text-align: center;
}

.donate-widget .other-wrapper input {
  border: none;
}

.donate-widget .donation-cta-heart {
  box-sizing: border-box;
  max-width: 31.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-color-teal);
  color: var(--c-white);
  width: 100%;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: Oswald, helvetica, sans-serif;
  font-weight: 500;
  cursor: pointer;
  line-height: 140% !important;
  margin: 0px auto;
  padding: 1rem;
  border-radius: 0.375rem;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  transition: background-color 0.3s, transform 0.3s;
}

.donate-widget .donation-cta-heart svg {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background: url(/themes/custom/sci_theme/dist/css/../../images/icons/heart.svg);
  animation: 5s ease 0s infinite normal none running heart-flip;
}

.payment_partner_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.donate-widget .payment_partner_wrapper img {
  max-width: 50px;
  filter: grayscale(1);
}

.payment_secure_text {
  display: flex;
  justify-content: center;
}

.payment_secure_text svg {
  width: 20px;
}

@keyframes heart-flip {
  0% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

@media (max-width: 700px) {
  .banner__picture img {
    height: 435px;
  }

  .banner__content.banner__content--left,
  .banner__content.banner__content--right {
    position: static;
    margin-top: -10rem;
  }

  .donate-widget-wrapper {
    margin: 0 auto;
  }

  .donate-widget h2 {
    font-size: 20px;
  }
}