.component.external-donation{justify-self:center}.component.external-donation .add-external-donation{position:relative;width:100%;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(2 170 182/var(--tw-bg-opacity));padding:.5rem 1.5rem .5rem 1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.component.external-donation .add-external-donation.reversed{border-width:1px;--tw-border-opacity:1;border-color:rgb(2 170 182/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(2 170 182/var(--tw-text-opacity))}.component.external-donation .add-external-donation svg{height:1.5rem;width:1.5rem}.component.external-donation .add-external-donation:hover:after{visibility:visible;opacity:1}.component.external-donation .modal .wrapper{display:flex;height:100%;align-items:center;justify-content:center}@media (min-width:768px){.component.external-donation .modal .wrapper{height:-moz-fit-content;height:fit-content}}.component.external-donation .modal .wrapper .content{position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:50px 70px 90px}@media (max-width:767px){.component.external-donation .modal .wrapper .content{overflow-y:scroll}}@media (min-width:768px){.component.external-donation .modal .wrapper .content{border-radius:15px}}.component.external-donation .modal .wrapper .content .close{position:absolute;right:1.25rem;top:1.25rem;--tw-text-opacity:1;color:rgb(20 114 131/var(--tw-text-opacity))}.component.external-donation .modal .wrapper .content .close svg{height:30px;width:30px}.component.external-donation .modal .wrapper .content .modal-title{margin-bottom:.25rem;text-align:center;--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity));font-size:20px;line-height:1.2;font-weight:700}.component.external-donation .modal .wrapper .content .modal-subtitle{text-align:center;margin-top:0;margin-bottom:24px;font-size:30px;line-height:1.1;color:#000;font-weight:700}.component.external-donation .modal .wrapper .content .external-donation-form{display:flex;justify-content:center}.component.external-donation .modal .wrapper .content .external-donation-form .fields{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:100px;column-gap:100px;row-gap:30px}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field{display:grid;row-gap:5px}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field input,.component.external-donation .modal .wrapper .content .external-donation-form .fields .field select{height:100%;width:100%;border-radius:12px;--tw-bg-opacity:1;background-color:rgb(240 249 250/var(--tw-bg-opacity));padding:.75rem}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;font-family:var(--font-palanquin);background-image:url(/chevron-down-cyan.svg);background-size:25px;background-position:calc(100% - 16px) 50%}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field .external-amount-wrapper{display:flex;align-items:center;gap:.75rem;font-family:var(--font-source-sans)}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field .external-amount-wrapper .currency-symbol{font-size:1.5rem;line-height:2rem;font-weight:600;line-height:1;flex-shrink:0}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field .external-amount-wrapper input{flex:1}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button-wrapper{position:absolute;bottom:25px;right:35px;margin-top:0;width:auto}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button.confirm-button{border-radius:25px;padding:.75rem 1.25rem}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button.confirm-button:hover{cursor:pointer}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button.confirm-button{font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:#007c85}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button.confirm-button:hover{background-color:#006f77}@media (max-width:767px){.component.external-donation .add-external-donation.add-external-donation-primary{min-height:36px;width:100%;border-radius:9999px;padding:0 1.5rem;font-family:var(--font-palanquin);font-weight:500;background-color:#007c85;color:#fff;font-size:16px;line-height:1;border:none}.component.external-donation .add-external-donation.add-external-donation-primary:hover{background-color:#007c85}.component.external-donation .modal .wrapper .content{padding-left:16px;padding-right:16px}.component.external-donation .modal .wrapper .content .modal-title{margin-top:0;margin-bottom:4px;font-size:16px;line-height:1.35;font-weight:400}.component.external-donation .modal .wrapper .content .modal-subtitle{margin-top:0;margin-bottom:24px;font-size:22px;line-height:1.3}.component.external-donation .modal .wrapper .content .external-donation-form{flex-direction:column;gap:24px}.component.external-donation .modal .wrapper .content .external-donation-form .fields{grid-template-columns:1fr}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field label{color:#007c85;font-size:17px;line-height:1.4;font-weight:500}.component.external-donation .modal .wrapper .content .external-donation-form .fields .field input,.component.external-donation .modal .wrapper .content .external-donation-form .fields .field select{font-size:17px}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button-wrapper{position:static;margin-top:1.5rem;width:100%;justify-content:flex-end;display:flex}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button-wrapper .modal-button.confirm-button{min-height:36px;border-radius:9999px;padding:0 1.5rem;font-weight:500;background-color:#007c85;color:#fff;font-size:16px;width:-moz-fit-content;width:fit-content;margin-left:auto;border:none;outline:none;line-height:1}.component.external-donation .modal .wrapper .content .external-donation-form .modal-button-wrapper .modal-button.confirm-button:hover{background-color:#007c85}}