@charset "UTF-8";
/* Montserrat Bold */
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/https/fund.godotengine.org/static/fonts/Montserrat-Bold.woff2") format("woff2"), url("/https/fund.godotengine.org/static/fonts/Montserrat-Bold.woff") format("woff");
}
/* Montserrat ExtraBold */
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("/https/fund.godotengine.org/static/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("/https/fund.godotengine.org/static/fonts/Montserrat-ExtraBold.woff") format("woff");
}
main h2, main h3 {
  text-align: center;
}

.hidden {
  display: none;
}

/* Hero */
main {
  background: #222527;
}

.btn-round {
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 10px;
  background-color: #4d9fdc;
  border-width: 0px;
  border-color: #4d9fdc;
  color: white;
  border-radius: 7px;
  text-decoration: none;
  text-align: center;
  min-width: 175px;
}
.btn-round:hover {
  filter: brightness(117.5%);
}
.btn-round:active {
  filter: brightness(82.5%);
}

@media (prefers-color-scheme: light) {
  #numbers {
    background: #21255e;
  }
}

#future {
  background: linear-gradient(180deg, #091c55 0%, #222527 100%);
  padding-top: 40px;
}
@media (prefers-color-scheme: light) {
  #future {
    background: linear-gradient(180deg, #003c69 0%, #21255e 100%);
  }
}
@media (min-width: 768px) {
  #future {
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 996px) {
  #future {
    text-align: center;
  }
}
#future img.icons-layer {
  max-width: 100%;
  position: absolute;
  top: -100px;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0.2;
  pointer-events: none;
  display: none;
}
@media (prefers-color-scheme: light) {
  #future img.icons-layer {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  #future img.icons-layer {
    display: block;
  }
}
#future .container {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  z-index: 2;
  overflow: visible;
}
@media (min-width: 996px) {
  #future .container {
    grid-template-columns: 50% 50%;
  }
}
#future h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 54px;
  line-height: 70px;
  color: #ffffff;
  margin: 0;
}
@media (min-width: 768px) {
  #future h1 {
    font-size: 64px;
    line-height: 90px;
  }
}
@media (min-width: 1200px) {
  #future h1 {
    font-size: 74px;
  }
}
#future p.subtitle {
  color: white;
  font-size: 24px;
  letter-spacing: 1px;
}

#numbers .info {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 40px;
}
#numbers .info a {
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  font-size: 16px;
  opacity: 0.6;
  color: white;
  transition: opacity 0.2s;
}
#numbers .info a:hover {
  opacity: 1;
}

.numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  z-index: 100;
  position: relative;
}
@media (min-width: 996px) {
  .numbers {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.numbers div.data {
  text-align: center;
  margin-left: auto;
  border-radius: 4px;
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
  align-content: center;
}
@media (min-width: 996px) {
  .numbers div.data {
    padding: 0px 30px;
  }
}
.numbers div.data.members {
  background-color: #22ca84;
}
.numbers div.data.sponsors {
  background-color: #e7c858;
}
.numbers div.data.one-time {
  background-color: #ad87ff;
}
.numbers div.data.monthly {
  background-color: #52b6fe;
}
.numbers div.data .count {
  color: #ffffff;
  font-weight: 900;
  line-height: 1.6;
  font-family: inherit;
  font-variant-numeric: tabular-nums;
  position: relative;
  margin-bottom: -12px;
  font-size: 42px;
}
@media (min-width: 996px) {
  .numbers div.data .count {
    font-size: 54px;
  }
}
.numbers div.data p {
  color: #ffffff;
  font-weight: medium;
  opacity: 1;
  line-height: 1;
  padding: 0;
  margin: 0 0 16px;
  font-size: 17px;
}

/* Foundation */
.foundation {
  text-align: center;
  margin-bottom: 50px;
}
.foundation span {
  color: red;
}
.foundation .image {
  max-width: 300px;
  margin: 0 auto;
}
.foundation .image img {
  max-width: 100%;
}
.foundation p {
  max-width: 772px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

/* Membership */
#membership {
  text-align: center;
}
@media (prefers-color-scheme: light) {
  #membership {
    z-index: 2;
    position: relative;
  }
}
#membership .container {
  display: grid;
  grid-template-columns: 1fr;
  width: auto;
  padding: 0;
}
#membership h2 {
  margin-bottom: 50px;
}
#membership .login-indicator {
  padding-bottom: 30px;
}
#membership .login-button {
  margin: 16px 32px 16px 32px;
  padding: 10px 25px;
  font-family: var(--header-font-family);
  font-weight: 800;
  font-size: 18px;
  text-decoration: none;
  color: white;
  background-color: #4d9fdc;
  border-radius: 7px;
}
#membership .message {
  margin: auto;
  margin-bottom: 24px;
  padding: 8px 5px;
  width: 450px;
  max-width: 100%;
  background-color: rgba(111, 111, 111, 0.27);
  box-shadow: 0 3px 10px -7px black;
  color: white;
}
@media (min-width: 450px) {
  #membership .message {
    border-radius: 10px;
  }
}
#membership .message.info {
  background-color: rgb(77, 159, 220);
}
#membership .message.warning {
  background-color: rgb(245, 115, 137);
}
#membership .message.success {
  background-color: rgb(107, 181, 115);
}

#plan-selection, #plan-cancel, #plan-preferences {
  margin: auto;
  margin-bottom: 40px;
  max-width: 100%;
  background-color: rgba(111, 111, 111, 0.27);
  box-shadow: 0 9px 23px -13px rgba(0, 0, 0, 0.6509803922);
  width: auto;
  border-radius: 10px;
  padding: 5px;
}
@media (prefers-color-scheme: light) {
  #plan-selection, #plan-cancel, #plan-preferences {
    background-color: white;
  }
}
@media (min-width: 450px) {
  #plan-selection, #plan-cancel, #plan-preferences {
    width: 450px;
  }
}
@media (min-width: 996px) {
  #plan-selection, #plan-cancel, #plan-preferences {
    margin-right: 0;
  }
}
.embed #plan-selection, .embed #plan-cancel, .embed #plan-preferences {
  position: relative;
  width: 100%;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  background: none transparent;
}
#plan-selection > div, #plan-cancel > div, #plan-preferences > div {
  margin: 15px;
}
#plan-selection .selector-type, #plan-cancel .selector-type, #plan-preferences .selector-type {
  border: 2px solid #7296b0;
  border-radius: 11px;
  display: flex;
}
#plan-selection .selector-type button, #plan-cancel .selector-type button, #plan-preferences .selector-type button {
  width: 40%;
  margin: 4px;
  flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  padding: 6px;
  background-color: transparent;
  color: #7296b0;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  line-height: 26px;
}
#plan-selection .selector-buttons, #plan-cancel .selector-buttons, #plan-preferences .selector-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#plan-selection .selector-buttons button, #plan-cancel .selector-buttons button, #plan-preferences .selector-buttons button {
  width: 30%;
  flex-grow: 1;
  font-size: 20px;
  font-weight: bold;
  padding: 6px;
  background-color: transparent;
  color: #7296b0;
  border: 2px solid #7296b0;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
#plan-selection .selector-buttons button:hover, #plan-cancel .selector-buttons button:hover, #plan-preferences .selector-buttons button:hover {
  color: #9bc9ec;
  border-color: #9bc9ec;
}
#plan-selection .selector-info, #plan-cancel .selector-info, #plan-preferences .selector-info {
  padding-top: 16px;
  font-size: larger;
}
#plan-selection .selector-details, #plan-cancel .selector-details, #plan-preferences .selector-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  row-gap: 5px;
  text-align: left;
}
#plan-selection .selector-details ul, #plan-cancel .selector-details ul, #plan-preferences .selector-details ul {
  margin: 2px;
}
#plan-selection .selector-details > *, #plan-cancel .selector-details > *, #plan-preferences .selector-details > * {
  display: block;
}
#plan-selection .selector-details > img, #plan-cancel .selector-details > img, #plan-preferences .selector-details > img {
  width: 50px;
}
#plan-selection .selector-details li, #plan-cancel .selector-details li, #plan-preferences .selector-details li {
  display: none;
  margin: 8px 0px;
  list-style-image: url("/https/fund.godotengine.org/static/assets/bullet-checked.svg");
  color: white;
}
@media (prefers-color-scheme: light) {
  #plan-selection .selector-details li, #plan-cancel .selector-details li, #plan-preferences .selector-details li {
    color: #15141A;
  }
}
#plan-selection .selector-connections, #plan-cancel .selector-connections, #plan-preferences .selector-connections {
  padding-bottom: 16px;
  font-size: smaller;
}
#plan-selection .selector-tierchange, #plan-cancel .selector-tierchange, #plan-preferences .selector-tierchange {
  padding-bottom: 10px;
}
#plan-selection .selector-tierchange span, #plan-cancel .selector-tierchange span, #plan-preferences .selector-tierchange span {
  font-size: smaller;
}
#plan-selection .selector-tierchange #tier-change-select, #plan-selection .selector-tierchange #tier-change-button, #plan-cancel .selector-tierchange #tier-change-select, #plan-cancel .selector-tierchange #tier-change-button, #plan-preferences .selector-tierchange #tier-change-select, #plan-preferences .selector-tierchange #tier-change-button {
  margin: 8px;
  border: 1px solid #4d9fdc;
  padding: 6px 15px;
}
#plan-selection .selector-tierchange #tier-change-select, #plan-cancel .selector-tierchange #tier-change-select, #plan-preferences .selector-tierchange #tier-change-select {
  border-radius: 7px 0px 0px 7px;
  margin-right: 0px;
}
#plan-selection .selector-tierchange #tier-change-button, #plan-cancel .selector-tierchange #tier-change-button, #plan-preferences .selector-tierchange #tier-change-button {
  border-radius: 0px 7px 7px 0px;
  margin-left: 0px;
  background-color: #4d9fdc;
  font-weight: bold;
}
#plan-selection .selector-links, #plan-cancel .selector-links, #plan-preferences .selector-links {
  position: relative;
}
#plan-selection .selector-links span.euro, #plan-cancel .selector-links span.euro, #plan-preferences .selector-links span.euro {
  position: relative;
  left: 31px;
  top: 1px;
  z-index: 1;
}
@media (prefers-color-scheme: light) {
  #plan-selection .selector-links span.euro, #plan-cancel .selector-links span.euro, #plan-preferences .selector-links span.euro {
    color: #4d9fdc;
  }
}
#plan-selection .selector-links .paypal-button, #plan-selection .selector-links #donation-amount, #plan-cancel .selector-links .paypal-button, #plan-cancel .selector-links #donation-amount, #plan-preferences .selector-links .paypal-button, #plan-preferences .selector-links #donation-amount {
  display: inline-block;
  font-size: 17px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 10px;
  border: none;
  border-radius: 7px;
  padding: 12px 17px;
  box-shadow: 0 0 10px -4px black;
}
@media (prefers-color-scheme: light) {
  #plan-selection .selector-links .paypal-button, #plan-selection .selector-links #donation-amount, #plan-cancel .selector-links .paypal-button, #plan-cancel .selector-links #donation-amount, #plan-preferences .selector-links .paypal-button, #plan-preferences .selector-links #donation-amount {
    box-shadow: 0 0 6px -4px black;
  }
}
#plan-selection .selector-links .paypal-button, #plan-cancel .selector-links .paypal-button, #plan-preferences .selector-links .paypal-button {
  background-color: #4d9fdc;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
#plan-selection .selector-links #donation-amount, #plan-cancel .selector-links #donation-amount, #plan-preferences .selector-links #donation-amount {
  background-color: transparent;
  color: white;
  font-weight: bold;
  border: 2px solid #7296b0;
  padding: 8.5px 8px 8.5px 37px;
  width: 65px;
  font-size: 20px;
  margin: 0;
  position: relative;
  top: 1px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border-color: white;
}
@media (prefers-color-scheme: light) {
  #plan-selection .selector-links #donation-amount, #plan-cancel .selector-links #donation-amount, #plan-preferences .selector-links #donation-amount {
    color: #4d9fdc;
    background-color: white;
    border-color: #4a5365;
  }
}
#plan-selection .selector-links #donation-button, #plan-cancel .selector-links #donation-button, #plan-preferences .selector-links #donation-button {
  width: 150px;
}
#plan-selection hr, #plan-cancel hr, #plan-preferences hr {
  border: none;
  border-top: 1px solid rgba(170, 170, 170, 0.1215686275);
}
@media (prefers-color-scheme: light) {
  #plan-selection hr, #plan-cancel hr, #plan-preferences hr {
    border-top: 1px solid rgba(76, 86, 94, 0.1215686275);
  }
}
#plan-selection .selector-provider, #plan-cancel .selector-provider, #plan-preferences .selector-provider {
  color: #8d8d8d;
}
#plan-selection .selector-provider::before, #plan-cancel .selector-provider::before, #plan-preferences .selector-provider::before {
  content: "";
  background-image: url("/https/fund.godotengine.org/static/assets/paypal.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 14px;
  height: 16px;
  color: white;
}
#plan-selection .selector-actions, #plan-cancel .selector-actions, #plan-preferences .selector-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#plan-selection .selector-actions a, #plan-selection .selector-actions button, #plan-selection .selector-actions input, #plan-cancel .selector-actions a, #plan-cancel .selector-actions button, #plan-cancel .selector-actions input, #plan-preferences .selector-actions a, #plan-preferences .selector-actions button, #plan-preferences .selector-actions input {
  width: 40%;
  flex-grow: 1;
  flex-basis: 0;
  display: block;
}
#plan-selection .selector-actions a.action-cancel, #plan-selection .selector-actions button.action-cancel, #plan-cancel .selector-actions a.action-cancel, #plan-cancel .selector-actions button.action-cancel, #plan-preferences .selector-actions a.action-cancel, #plan-preferences .selector-actions button.action-cancel {
  background-color: #f57389;
  border-color: #f57389;
}
#plan-selection.logged-in, #plan-cancel.logged-in, #plan-preferences.logged-in {
  font-size: 20px;
}
#plan-selection.logged-in h2, #plan-cancel.logged-in h2, #plan-preferences.logged-in h2 {
  margin-bottom: 0;
}
#plan-selection.logged-in .selector-details, #plan-cancel.logged-in .selector-details, #plan-preferences.logged-in .selector-details {
  column-gap: 20px;
  margin-bottom: 40px;
}
#plan-selection.logged-in .selector-details > img, #plan-cancel.logged-in .selector-details > img, #plan-preferences.logged-in .selector-details > img {
  width: 100px;
}
#plan-selection.logged-in span.active, #plan-cancel.logged-in span.active, #plan-preferences.logged-in span.active {
  color: #4d9fdc;
}

#plan-cancel.logged-in .selector-details {
  text-align: center;
  height: auto;
}

#plan-selection-name {
  text-transform: capitalize;
}

#plan-selection-img {
  filter: drop-shadow(2px 4px 2px rgba(17, 17, 17, 0.21));
}

#plan-selection-perks {
  height: 120px;
  display: flex !important;
  align-items: center;
}

#plan-selection .selector-details li.info-support {
  display: list-item;
}

#plan-selection[data-selected=gold] .selector-details li.info-name,
#plan-selection[data-selected=platinum] .selector-details li.info-name,
#plan-selection[data-selected=titanium] .selector-details li.info-name,
#plan-selection[data-selected=diamond] .selector-details li.info-name {
  display: list-item;
}

#plan-selection[data-selected=titanium] .selector-details li.info-link,
#plan-selection[data-selected=diamond] .selector-details li.info-link {
  display: list-item;
}

#plan-selection[data-type=monthly] .selector-type-button[data-value=monthly] {
  background-color: #4d9fdc;
  color: white;
}

#plan-selection .type-monthly {
  display: none;
}

#plan-selection[data-type=monthly] .type-monthly {
  display: block;
}

#plan-selection[data-type=onetime] .selector-type-button[data-value=onetime] {
  background-color: #4d9fdc;
  color: white;
}

#plan-selection .type-onetime {
  display: none;
}

#plan-selection[data-type=onetime] .type-onetime {
  display: block;
}

#plan-selection[data-selected=bronze] .selector-button[data-tier=bronze] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-bronze {
  display: none;
}

#plan-selection[data-selected=bronze] .selector-only-bronze {
  display: block;
}

#plan-selection[data-selected=silver] .selector-button[data-tier=silver] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-silver {
  display: none;
}

#plan-selection[data-selected=silver] .selector-only-silver {
  display: block;
}

#plan-selection[data-selected=gold] .selector-button[data-tier=gold] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-gold {
  display: none;
}

#plan-selection[data-selected=gold] .selector-only-gold {
  display: block;
}

#plan-selection[data-selected=platinum] .selector-button[data-tier=platinum] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-platinum {
  display: none;
}

#plan-selection[data-selected=platinum] .selector-only-platinum {
  display: block;
}

#plan-selection[data-selected=titanium] .selector-button[data-tier=titanium] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-titanium {
  display: none;
}

#plan-selection[data-selected=titanium] .selector-only-titanium {
  display: block;
}

#plan-selection[data-selected=diamond] .selector-button[data-tier=diamond] {
  background-color: #4d9fdc;
  border-color: #4d9fdc;
  color: white;
}

#plan-selection .selector-only-diamond {
  display: none;
}

#plan-selection[data-selected=diamond] .selector-only-diamond {
  display: block;
}

/* Preferences */
#plan-preferences .form-settings {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 30px;
}
#plan-preferences .form-settings .form-field {
  display: grid;
  grid-template-columns: 1fr;
  text-align: left;
  gap: 5px;
}
#plan-preferences .form-settings .form-field input[type=text] {
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  font-size: 19px;
  padding: 7px 14px;
  width: 100%;
  box-sizing: border-box;
  color: inherit;
}
#plan-preferences .form-note {
  opacity: 0.75;
  padding: 0px 8px 20px 8px;
  font-size: smaller;
}
#plan-preferences span.form-value {
  display: inline-block;
}
#plan-preferences input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #37393a;
  margin: 0;
  font: inherit;
  color: var(--base-color-text);
  width: 23px;
  height: 23px;
  border: 2px solid var(--base-color-text);
  border-radius: 4px;
  display: grid;
  place-content: center;
  margin-left: 5px;
}
@media (prefers-color-scheme: light) {
  #plan-preferences input[type=checkbox] {
    background-color: white;
  }
}
#plan-preferences input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #4d9fdc;
}
#plan-preferences input[type=checkbox]:checked::before {
  transform: scale(1);
}

/* Thanks */
#thanks .bookmark-hint {
  text-align: center;
  opacity: 0.8;
}

/* Credits */
#credits {
  padding-bottom: 100px;
}
@media (prefers-color-scheme: light) {
  #credits {
    background: #eaeaea;
  }
}
#credits h2 {
  text-align: center;
  font-size: 60px;
}
#credits h3 {
  margin-top: 100px;
  font-size: 30px;
  position: relative;
}
#credits h3::before {
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.1));
  content: "";
  display: block;
  top: 19px;
  width: 33%;
  position: absolute;
  height: 1px;
}
#credits h3::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 19px;
  width: 33%;
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.1));
  right: 0;
}
@media (prefers-color-scheme: light) {
  #credits h3::after {
    background: linear-gradient(to left, transparent, rgba(84, 107, 153, 0.2));
  }
  #credits h3::before {
    background: linear-gradient(to right, transparent, rgba(84, 107, 153, 0.2));
  }
}
#credits .donor-list.diamond {
  font-size: 35px;
}
#credits .donor-list.titanium {
  font-size: 30px;
}
#credits .donor-list.titanium a {
  color: inherit;
  text-decoration-color: inherit;
}
#credits .donor-list.platinum {
  font-size: 25px;
}
#credits .donor-list.gold {
  font-size: 20px;
}
#credits ul.donor-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px 30px;
  flex-wrap: wrap;
  opacity: 0.8;
}
#credits ul.donor-list li {
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #dedede;
}
@media (prefers-color-scheme: light) {
  #credits ul.donor-list li {
    color: black;
  }
}

/* Foundation section */
#foundation_graphic {
  height: auto;
}

#donations {
  padding: 50px 0px;
}
@media (prefers-color-scheme: light) {
  #donations {
    background-color: #313131;
  }
}

/* FAQ */
@media (prefers-color-scheme: light) {
  #faq {
    background: #eaeaea;
  }
}
#faq .faq-section {
  background: #3e3c3c;
  border-radius: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
@media (prefers-color-scheme: light) {
  #faq .faq-section {
    background: white;
  }
}
#faq .faq {
  margin: 0;
  transition: background-color 100ms linear;
  border-bottom: 1px solid #333;
}
@media (prefers-color-scheme: light) {
  #faq .faq {
    border-bottom: 1px solid #e8e8e8;
  }
}
#faq .faq:hover {
  background: #484848;
}
@media (prefers-color-scheme: light) {
  #faq .faq:hover {
    background: #effaff;
  }
}
#faq .faq:focus-within {
  outline: 2px solid #1d81dd;
}
#faq .faq:last-of-type {
  border-bottom: none;
}
#faq .faq .faq-label {
  display: block;
  padding: 20px 20px 20px 70px;
  font-size: 21px;
  font-weight: 300;
  cursor: pointer;
}
#faq .faq input {
  appearance: none;
  width: 0;
  height: 0;
  display: block;
  margin: 0;
  opacity: 0;
}
#faq .faq input:checked ~ .faq-answer {
  display: block;
  opacity: 0;
  animation: fade-in 400ms forwards ease-out;
}
#faq .faq .faq-question {
  position: relative;
  line-height: 1.4;
}
#faq .faq .faq-question:before {
  content: "+";
  position: absolute;
  left: -40px;
  top: 2px;
  font-weight: 600;
  line-height: 1;
  color: #1d81dd;
}
#faq .faq .faq-answer {
  display: none;
  margin-top: 20px;
}
#faq .faq .faq-answer strong {
  font-weight: 600;
}
#faq .faq input:checked ~ .faq-question:before {
  content: "–";
  top: -1px;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  color: gray;
}
.tooltip .tooltiptext {
  opacity: 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  width: 380px;
  left: 50%;
  transform: translate(calc(-50% - 10px), -83px);
  z-index: 3;
  padding: 10px 15px;
  box-shadow: 0 9px 20px -3px rgba(0, 0, 0, 0.3803921569);
  transition: all 0.1s ease-in-out;
  pointer-events: none;
  font-size: 17px;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  border-width: 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  opacity: 1;
}

#donations {
  background-color: var(--dark-color);
  color: var(--dark-color-text);
  overflow: auto;
  text-align: center;
}

#donations h1,
#donations h2,
#donations h3 {
  color: var(--dark-color-text-title);
}

#sponsors .flex {
  justify-content: center;
  flex-wrap: wrap;
}
#sponsors .sponsor {
  background-color: white;
  border: 14px solid white;
  border-radius: 8px 8px;
  display: flex;
  align-items: center;
  height: 90px;
  box-sizing: border-box;
  overflow: auto;
  transition: opacity 0.2s;
}
#sponsors .sponsor:hover {
  filter: brightness(105%);
}
#sponsors .section {
  display: grid;
  gap: 8px;
}
#sponsors .section a {
  display: block;
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#sponsors .patron {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  #sponsors .patron {
    grid-template-columns: 1fr 1fr;
  }
}
#sponsors .patron .sponsor {
  padding: 8px;
  height: 120px;
}
#sponsors .platinum {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
  #sponsors .platinum {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#sponsors .platinum .sponsor {
  height: 100px;
}
#sponsors .gold {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 768px) {
  #sponsors .gold {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#sponsors .gold .sponsor {
  height: 90px;
}
#sponsors .silver {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 768px) {
  #sponsors .silver {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
#sponsors .silver .sponsor {
  height: 78px;
}

#preferences .form {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  background-color: #3e3c3c;
  padding: 20px;
}
@media (prefers-color-scheme: light) {
  #preferences .form {
    background-color: white;
  }
}
#preferences .form .form-settings {
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: 1fr 2fr;
  gap: 0.5em;
}
#preferences .form .form-settings .form-field {
  display: contents;
}
#preferences .form .form-settings .form-field .form-label {
  grid-area: label;
  grid-column: 1/2;
  grid-row: auto;
}
#preferences .form .form-settings .form-field .form-value {
  grid-area: value;
  grid-column: 2/3;
  grid-row: auto;
}
@media (prefers-color-scheme: light) {
  #preferences {
    background-color: #eaeaea;
  }
}

/*# sourceMappingURL=devfund.css.map */