/*
 * This file is loaded by the donation iframe from a fixed URL configured in Twingle.
 * To test changes to this file, replace the contents of the CSS file using the Sources panel in Chrome DevTools.
 */

@import url("./base.css");

:root {
  --ze-text-color: white;
  --ze-text-color-focus: #a9d8d8;
  --ze-text-color-inverted: #235753;

  --ze-input-border-color: #a9d8d8;
  --ze-input-appended-button-hover-color: #c8f7f7;

  --ze-amount-slider-thumb-color: #235753;
  --ze-amount-slider-thumb-hover-color: #40827d;

  --ze-radio-button-bg-color: #a9d8d8;
  --ze-radio-button-text-color: #235753;
  --ze-radio-button-hover-bg-color: #c8f7f7;
  --ze-radio-button-selected-bg-color: white;
  --ze-radio-button-selected-text-color: #235753;

  --ze-error-color: #ffa033;
}

/* amount buttons */

.amount-wrapper .button-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* footer */

.footer-gls img {
  filter: brightness(0) invert(1);
}

footer .impress-wrapper a {
  color: #ffffff !important;
  text-decoration: underline;
}
footer .impress-wrapper a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}