/* The hosted checkout starts after this IDM-styled selection dialog. */
.donation-dialog{padding:34px 42px;max-width:950px;margin:auto}
.donation-dialog>.eyebrow{font-size:12px;color:#6b6b68;margin:0 45px 12px 0}
.donation-dialog>h2{font-size:30px;line-height:1.35;margin-right:36px}
.donation-intro{font-size:14px;line-height:1.8;color:#666660;margin:14px 0 20px}
.donation-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;align-items:stretch}
.donation-settings{display:grid;gap:19px;min-width:0}
.donation-form fieldset{padding:0;margin:0;border:0;min-width:0}
.donation-form legend{padding:0;margin-bottom:11px;font-size:14px;font-weight:500}
.donation-form legend>span{color:#83837c;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.04em;margin-right:9px}
.donation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.donation-options label{display:flex;gap:9px;align-items:center;padding:12px;min-height:45px;border:1px solid #d9d9d2;border-radius:10px;background:#fff;cursor:pointer;font-size:12px;line-height:1.55;word-break:keep-all;transition:background .18s,border-color .18s}
.donation-options label:hover{border-color:#777}
.donation-options label:has(input:checked){border-color:#282824;background:#e6e6df}
.donation-options label:has(input:focus-visible){outline:2px solid #141414;outline-offset:3px}
.donation-options input{appearance:auto;width:15px;height:15px;flex:0 0 15px;accent-color:#171717;margin:0}
.donation-options small{display:block;font-size:10px;color:#73736c;font-weight:400;margin-top:3px}
.donation-amounts{grid-template-columns:repeat(4,minmax(0,1fr))}
.donation-amounts label{justify-content:center;padding:12px 6px;font-size:13px}
.donation-amounts input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.donation-fields label:first-child{grid-column:1/-1}
.donation-summary{display:flex;flex-direction:column;justify-content:space-between;gap:26px;border-radius:16px;background:#181818;color:#fff;padding:25px;min-width:0}
.donation-summary-label{font-size:12px;color:#a2a2a2;margin-bottom:22px}
.donation-total{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;line-height:1.2;margin:0}
.donation-total>span{font-size:14px;color:#c6c6c6}
.donation-total>span:first-child{flex-basis:100%;margin-bottom:6px}
.donation-total strong{font-size:40px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.donation-designation{color:#d4d4d4;font-size:13px;line-height:1.65;margin-top:16px;word-break:keep-all}
.donation-next{border-top:1px solid #3a3a3a;padding-top:20px}
.donation-next>p{font-size:12px;line-height:1.85;color:#aaa;word-break:keep-all}
.donation-continue{background:var(--cyan);color:#111;width:100%;margin-top:20px;padding:13px 17px;font-size:13px;gap:9px;white-space:normal;font-weight:500}
.donation-continue:hover{background:#92f8fb}
.donation-continue svg{flex-shrink:0;width:19px;height:19px}
.donation-next>.donation-footnote{font-size:10px;line-height:1.7;color:#aaa;margin:13px 0 0}
.donation-error{grid-column:1/-1;margin:0;color:#992727;font-size:13px}
@media(max-width:767px){
 .donation-dialog{padding:54px 22px 24px}
 .donation-dialog>.eyebrow{font-size:10px;margin-right:0}
 .donation-dialog>h2{font-size:25px;margin:0}
 .donation-intro{font-size:13px;margin:13px 0 23px}
 .donation-form{grid-template-columns:1fr;gap:24px}
 .donation-settings{gap:20px}
 .donation-form legend{font-size:13px}
 .donation-options label{font-size:12px;padding:10px;min-height:45px}
 .donation-amounts label{padding:12px 4px}
 .donation-options small{font-size:10px}
 .donation-summary{padding:22px;gap:20px}
 .donation-summary-label{margin-bottom:14px}
 .donation-total>span:first-child{flex-basis:auto;margin:0 5px 0 0}
 .donation-total strong{font-size:34px}
 .donation-designation{margin-top:12px}
 .donation-next{padding-top:17px}
 .donation-continue{font-size:13px;min-height:49px;margin-top:16px}
}
@media(max-width:359px){
 .donation-dialog{padding-inline:17px}
 .donation-options label{font-size:11px;gap:7px}
 .donation-options small{font-size:9px}
 .donation-summary{padding:19px}
 .donation-continue{font-size:12px;padding-inline:14px}
}
@media(max-height:520px) and (orientation:landscape){.donation-dialog{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.donation-options label{transition:none}}