.donation-form *{box-sizing:border-box}.donation-form{display:flex;flex-direction:column;gap:2rem;position:relative}.donation-form input[type=text],.donation-form input[type=number],.donation-form input[type=email],.donation-form input[type=date],.donation-form textarea{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight);color:var(--e-global-color-text);padding:.5rem;font-size:1rem;border:1px solid #d4d4d4}.donation-form textarea{resize:vertical;min-height:5rem}.donation-form input[type=number]::-webkit-outer-spin-button,.donation-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.donation-form input[type=number]{-moz-appearance:textfield}.donation-form .required{color:#f06856f7}.donation-form input[type=checkbox]{width:1rem;height:1rem}.donation-form ul{all:unset;list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.donation-form ul li{display:flex;flex:1 1 0}.donation-form fieldset{display:flex;flex-direction:column;gap:1.5rem;border:none;transition:opacity .25s}.donation-form fieldset legend{font-weight:700}.donation-form:focus-within fieldset:not(:focus-within){opacity:.5}.donation-form fieldset div:not(.custom-amount-container){display:flex;flex-wrap:wrap;gap:.5rem}.donation-form fieldset .user *,.donation-form fieldset .additional-info *{flex:1 1 calc(50% - .5rem)}.donation-form fieldset .additional-info--full{flex:1 0 100%}.donation-form label:has(>input[type=radio],>input[type=checkbox]){display:flex;width:100%;height:100%;border:1px solid #d4d4d4;padding:.5rem;gap:.5rem;line-height:1}.donation-form label:has(>input[type=radio]){white-space:nowrap;font-weight:700;align-items:center;justify-content:center}.donation-form label:has(>input[type=checkbox]){align-items:center;justify-content:flex-start}.donation-form label:has(input:checked),.donation-form input:focus{border:1px solid var(--e-global-color-accent, #00A25D)}.donation-form label:has(>input[type=radio]:not(:disabled),>input[type=checkbox]:not(:disabled)){cursor:pointer}.donation-form label:has(>input:not([type=radio],[type=checkbox])),.donation-form label:has(>textarea){display:flex;flex-direction:column;gap:.25rem}.donation-form input[type=radio],.donation-form input[type=checkbox]{flex-shrink:0;margin:0;width:1.25rem;height:1.25rem;accent-color:var(--e-global-color-accent, #00A25D)}.donation-form label:has(input[type=radio]):focus-within,.donation-form input:focus,.donation-form textarea:focus{outline:2px solid var(--e-global-color-accent, #00A25D);outline-offset:2px}.donation-form input[type=radio]:focus{outline:none}.donation-form .image-container{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-left:auto}.donation-form .image-container img{height:1.5rem;width:auto}.donation-form button{outline:2px solid transparent;outline-offset:2px;transition:outline .25s;width:fit-content;margin:0 auto}.donation-form button:not(:disabled):hover{outline-color:var(--e-global-color-accent, #00A25D);background:var(--e-global-color-accent, #00A25D)}.donation-form *:disabled,*[readOnly],fieldset:has(input:disabled,input[readOnly]){opacity:.5;cursor:default;pointer-events:none}.custom-amount{position:relative;display:flex;align-items:center}.custom-amount input{width:100%}.custom-amount:after{content:"kr";position:absolute;right:.5rem}.donation-button{border:none;background-color:var(--e-global-color-accent, #00A25D);font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight, 800);color:#fff;padding:15px 24px;border-radius:100px;letter-spacing:-.4px;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.qr-code_container{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem}.qr-code{flex:0 1 auto;aspect-ratio:1 / 1;width:300px;height:auto}@media screen and (max-width: 768px){.qr-code{width:200px}}.loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;z-index:1}.loader__spinner{animation:spin 1s linear infinite;color:#3498db}.loader__path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
