html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(white);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}:root{--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px}.magenta_colour{color:#840b55}.error_colour{color:#d93025}.grey_colour{color:#555}.white_colour{color:#fff}.borer-radius-4{border-radius:4px}html{font-family:var(--font-sans);font-size:var(--font-size-base)}body{margin:0;font:400 1rem/1.4 var(--font-sans);-webkit-font-smoothing:antialiased}h1{color:#840b55;font-family:Spectral;font-weight:600}.main-inset{margin-left:40px}.checkbox{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font:400 14px/1.3 var(--font-sans)}.reduce-margins{margin-bottom:-10px;margin-top:-10px}.reduce-margins-top{margin-top:0}.logo-img{max-height:48px;width:auto;height:auto;object-fit:contain;display:block}.background{position:fixed;top:0;left:0;height:100%;background-color:#f4f4f4;z-index:-1}.head-banner{top:0;height:85px;background-color:#fff;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 15px #0000000d;z-index:100}.logo-img{height:50px;display:block}.header-image{width:100%;aspect-ratio:3 / 1;max-height:50vh;min-height:250px;overflow:hidden;position:relative}.header-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.content-background{background-color:#fff;padding:60px 40px;margin:0 150px}.line{position:relative;display:block;width:100%;height:2px;border:none;margin:8px 0 16px}.line:before{content:"";position:absolute;left:0;top:50%;height:4px;width:90px;background-color:#840b55;transform:translateY(-50%);border-radius:2px}.radio-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5;position:relative;padding:10px;border-radius:4px;transition:background-color .2s}.radio-option input{position:absolute;opacity:0;pointer-events:none}.radio-mark{width:18px;height:18px;border:2px solid #000000;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:2px;transition:all .2s}.radio-option input:checked+.radio-mark{background:#fff;border:2px solid #840b55}.radio-option input:checked+.radio-mark:after{content:"";width:10px;height:10px;background:#840b55;border-radius:50%}.radio-option:hover .radio-mark{border-color:#5e0040}.radio-label{flex:1}button.button_prebuild{margin-top:10px;background-color:#fff;color:#840b55;border:1px solid #840b55;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background-color .2s;box-shadow:#0003 0 3px 8px}.centered_button{justify-content:center!important}span.card-logos{margin-top:20px}button:hover{background-color:#840b55;color:#fff;border:1px solid #840b55}.button-array{display:flex;justify-content:left;gap:16px;margin-top:24px}p strong{color:#840b55}.details-form{display:grid;grid-template-columns:220px 1fr;column-gap:32px;row-gap:20px;align-items:center}.details-form input{max-width:220px;font:400 14px/1.3 var(--font-sans)}.details-form input::placeholder{color:#767676;font-size:13px}.mat-mdc-form-field{flex-direction:unset!important}.input-error{position:relative;grid-column:2;margin-top:-20px;font-size:14px;margin-bottom:0}.payment-form,.payment-form-dollars{display:flex;flex-direction:column}.payment-form input{margin-top:-15px;margin-bottom:10px;height:20px;width:500px;padding:6px 10px;font:400 14px/1.3 var(--font-sans);border:2px solid #b9b9b9;outline:none;transition:border-color .15s,box-shadow .15s}.payment-form-dollars input{margin-top:-15px;margin-bottom:10px;height:20px;width:466px;padding:6px 10px;font:400 14px/1.3 var(--font-sans);border:2px solid #b9b9b9;outline:none;transition:border-color .15s,box-shadow .15s}.payment-form input:focus{border-color:#840b55;box-shadow:0 0 0 3px #840b5526}.payment-form input::placeholder{color:#767676;font-size:13px}.detail-page-form{margin-bottom:40px;margin-left:40px}.details-form input[type=number]::-webkit-inner-spin-button,.details-form input[type=number]::-webkit-outer-spin-button,.cvc-input::-webkit-inner-spin-button,.cvc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payment-page-form{display:flex;flex-direction:column}.card_details{display:flex;flex-direction:row;gap:16px}.cvc-input{max-width:50px;height:30px;border:2px solid #b9b9b9;border-radius:4px}.expiry-select{flex:1;height:36px;padding:6px 10px;font:400 14px/1.3 var(--font-sans);border:2px solid #b9b9b9;border-radius:4px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;cursor:pointer;margin-right:20px;min-width:163px}.expiry-select:focus{border-color:#840b55;box-shadow:0 0 0 3px #840b5526}.large-textarea{width:500px;padding:6px 10px;font:400 14px/1.3 var(--font-sans);border:2px solid #b9b9b9;outline:none;transition:border-color .15s,box-shadow .15s;resize:none}.currency-input{position:relative;display:inline-block}.currency-input:before{content:"$";left:10px;top:25%;transform:translateY(-50%);color:#333;pointer-events:none;margin-right:1em}.currency-input input{margin-top:-15px}.payment-form--inline input{padding-left:20px;line-height:36px}.textbox-subtext{font-size:12px;max-width:300px;margin-top:0}.textbox-subtext-long{font-size:13px;margin-top:-10px}textarea{margin-top:-15px}.remove_margin_bottom{margin-bottom:0}.payment-logo{height:20px;width:auto;margin-left:1px}.card-logos{display:inline-flex;align-items:center}.mdc-snackbar.mat-mdc-snack-bar-container.snack-magenta .mdc-snackbar__surface{background-color:#840b55!important;color:#fff!important;border-radius:6px!important;min-height:80px!important}.mdc-snackbar.mat-mdc-snack-bar-container.snack-magenta .mdc-button{padding:0!important;max-height:2.2rem;background-color:#fff!important;color:#840b55!important;--mdc-text-button-hover-state-layer-color: transparent;--mdc-text-button-pressed-state-layer-color: transparent}.mdc-snackbar.mat-mdc-snack-bar-container.snack-magenta{animation:slide-in-right .3s ease-out}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mdc-snackbar.mat-mdc-snack-bar-container.snack-magenta.snack-shake .mdc-snackbar__surface{animation:snack-shake .3s ease!important}@keyframes snack-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.hero-payment-spinner{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#00000059}.hero-payment-circle{width:120px;height:120px;border-radius:50%;background:#840b55e6;display:grid;place-items:center}.hero-payment-text{margin-top:12px;text-align:center}.hero-spinner{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.hero-circle{width:120px;height:120px;border-radius:50%;background:#840b55e6;display:flex;align-items:center;justify-content:center;transform:translate(250px)}.hero-mat-spinner svg circle{stroke:#fff!important}.family-input .mdc-text-field--focused .mdc-floating-label{color:#840b55!important}.family-input .mdc-text-field--focused .mdc-notched-outline__leading,.family-input .mdc-text-field--focused .mdc-notched-outline__trailing,.family-input .mdc-text-field--focused .mdc-notched-outline__notch{border-color:#840b55!important}.microform-input{margin-top:-15px;margin-bottom:10px;height:36px;width:524px;padding:0;border:2px solid #b9b9b9;background:#fff;box-sizing:border-box;overflow:hidden}#securityCode-container{width:72px;max-width:72px;height:36px;display:inline-block;vertical-align:middle;box-sizing:border-box;margin-right:8px;margin-top:0;border-radius:4px}.microform-input iframe,.microform-input input,.microform-input .flex-field{width:100%;height:100%;border:0;outline:none;padding:6px 10px;font:400 14px/1.3 var(--font-sans);color:#333;box-sizing:border-box}.microform-input input::placeholder{color:#767676}.payment-success-card{background:#fff;max-width:640px;margin:2rem auto}.success-icon{width:64px;height:64px;margin:0 auto .75rem;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:700;color:#fff;background-color:#2ecc71}.title{text-align:center;margin:.25rem 0}.subtitle{text-align:center;margin:0 0 1rem}.divider{border:none;border-top:1px solid #eee;margin:1rem 0}.details-grid{display:grid;gap:.5rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:baseline}.label{color:#515151;font-weight:600}.sub-image-text{color:#515151;font-weight:600;text-align:center}.value{color:#111}.button-array{display:flex;justify-content:left;margin-top:.5rem}.title,.payment-success-card .value strong{color:#840b55;font-family:Spectral;font-weight:600;font-size:xx-large}.button_prebuild{min-width:200px}@media(max-width:600px){.payment-success-card{margin:1rem;padding:1rem}}.loading-overlay{position:fixed;inset:0;background:#00000059;z-index:1000;display:grid;place-items:center;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #eee;border-top-color:#c2185b;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.content-background{padding:15px;margin:20px 50px 10px}.detail-page-form{margin:0;padding:0 10px}.details-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0}.details-form mat-form-field{width:100%;height:60px}.details-form input{width:100%;max-width:none;height:20px;padding:8px 12px;box-sizing:border-box;font-size:1rem}.payment-form{display:flex;flex-direction:column;gap:15px}.payment-form-dollars{display:flex;flex-direction:column;gap:10px}.payment-form input,.payment-form-dollars input{width:100%}.payment-form .you-are-paying{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.payment-form .you-are-paying strong{display:block;margin-bottom:5px}.button-array{display:flex;flex-direction:column;gap:10px;width:100%}.button_prebuild{width:100%;padding:12px;font-size:1rem}.details-form mat-form-field{width:100%}.details-form input{width:100%;max-width:none}.mdc-text-field{min-width:100%}.hero-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1000;background:#fffc;width:100vw;height:100vh}.hero-circle{width:120px;height:120px;border-radius:50%;background:#840b55e6;display:flex;align-items:center;justify-content:center;transform:none}.payment-form input,.payment-form-dollars input,.payment-page-form input,.payment-form--inline input,.large-textarea{height:40px;padding:8px 12px;width:100%;max-width:100%;box-sizing:border-box}.payment-page-form{display:flex;flex-direction:column;gap:15px}.card_details{flex-direction:column;gap:15px}.cvc-input,.expiry-select{width:100%;max-width:none}.main-inset{margin-left:10px;margin-right:10px}.family-input{width:100%}.family-input input{width:100%;height:40px;padding:8px 12px;box-sizing:border-box;font-size:1rem}.family-input mat-form-field{width:100%}.details-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.details-form p{margin:0}.payment-form .you-are-paying,.details-form{margin-bottom:15px}.payment-form-dollars{gap:0px}.payment-form-dollars p{margin:0}.currency-input{position:relative;display:inline-block}}.currency-input:before{content:"$";font-size:inherit;color:inherit;position:absolute;left:10px;top:auto;transform:translateY(90%);line-height:1;pointer-events:none}.currency-input input{padding-left:25px;line-height:1.5;font-size:16px;border:1px solid #b9b9b9;border-radius:4px;outline:none;margin-top:3px}.payment-form{gap:0px}.payment-form input{margin-top:0}.microform-input{width:100%;max-width:none}.microform-input span.card-logos{margin-top:0}.microform-input .card_details{gap:0px}.microform-input .reduce-margins-bottom{margin-bottom:0}.microform-input .checkbox input[type=checkbox]{width:14px;height:14px}.microform-input .checkbox span{font-size:14px}.donation-success-image{max-width:100%!important;max-height:650px;width:auto;height:auto;display:block;margin:0 auto}.donation-image-container{text-align:center;margin:20px 0}@media(max-width:450px){.header-image{width:100%;height:100px;overflow:hidden}}@media(max-width:768px){.head-banner{height:70px;padding:0 20px}.header-image{aspect-ratio:1 / 3}}