.donation-form{container-type:inline-size}.donation-frequency{border:none;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:1.5rem;padding:0}.donation-frequency>div{display:block;text-align:center;width:100%}.donation-frequency input[type=radio]{opacity:0;pointer-events:none;position:absolute}.donation-frequency label{background-color:#fff;border:2px solid var(--bs-gray-200);cursor:pointer;display:block;margin-bottom:0;padding:6px 24px 4px;transition:all .2s ease;width:100%}.donation-frequency label:hover{background-color:var(--bs-gray-100);border-color:var(--bs-gray-300)}.donation-frequency input[type=radio]:focus+label{box-shadow:0 0 0 4px rgba(13,110,253,.25);outline:2px solid var(--bs-light-blue);outline-offset:2px}.donation-frequency input[type=radio]:checked+label{background-color:var(--bs-light-blue);border-color:var(--bs-light-blue);color:#fff}.donation-amounts{border:none;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:.75rem;padding:0}@container (width < 350px){.donation-amounts{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}.donation-amounts>div{position:relative}.donation-amounts input[type=radio]{opacity:0;pointer-events:none;position:absolute}.donation-amounts label{background-color:#fff;border:2px solid var(--bs-gray-200);cursor:pointer;display:block;margin-bottom:0;padding:6px 24px 4px;text-align:center;transition:all .2s ease}.donation-amounts label:hover{background-color:var(--bs-gray-100);border-color:var(--bs-gray-300)}@container (width < 350px){.donation-amounts label,.donation-frequency label{font-size:1rem;padding-left:0;padding-right:0}}.donation-amounts input[type=radio]:focus+label{box-shadow:0 0 0 4px rgba(13,110,253,.25);outline:2px solid var(--bs-light-blue);outline-offset:2px}.donation-amounts input[type=radio]:checked+label{background-color:var(--bs-light-blue);border-color:var(--bs-light-blue);color:#fff}.other-btn{position:relative}.donation-amounts>div:last-child{grid-column:1/-1}.donation-amounts input[type=text]{width:100%}.donation-amounts input[type=text]:disabled{background-color:var(--bs-gray-200);cursor:not-allowed;opacity:.6}.donation-amounts input[type=radio]#donation_other:checked~div input[type=text]:disabled,.donation-amounts input[type=text]:not(:disabled){background-color:#fff;cursor:text;opacity:1}