dialog.donation-flow{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 36px);padding:30px;border:0;border-radius:22px;color:#1b2331;background:#fff;box-sizing:border-box;overflow:auto}dialog.donation-flow::backdrop{background:#15202e9e;backdrop-filter:blur(5px)}.donation-flow *{box-sizing:border-box}.donation-flow .close{position:absolute;right:18px;top:14px;z-index:2}.df-brand{font-size:22px;color:#ed008c;font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:16px}.df-brand>span{font-size:11px;background:#fff0f8;padding:4px 8px;border-radius:20px}.df-preview{padding:9px 13px;border-radius:8px;background:#fff3fa;color:#a51764;font-size:11px;line-height:1.5;margin:0 0 22px}.df-steps{display:flex;list-style:none;padding:0;margin:0 0 30px;gap:8px}.df-steps li{flex:1;display:flex;align-items:center;gap:7px;font-size:11px;color:#9598a2;white-space:nowrap}.df-steps li>span{display:grid;place-items:center;border:1px solid #e5e6eb;border-radius:50%;width:25px;height:25px;flex-shrink:0}.df-steps li.active{color:#ed008c;font-weight:600}.df-steps li.active>span,.df-steps li.complete>span{color:white;background:#ed008c;border-color:#ed008c}.df-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:38px;align-items:start}.df-main{min-width:0}.df-main h2{font-size:27px;line-height:1.25;margin:0 0 12px;letter-spacing:-.6px}.df-main h2:focus,.df-complete h2:focus{outline:none}.df-muted{font-size:13px;line-height:1.6;color:#6c7383;margin:0 0 20px}.df-form label:not(.df-method):not(.df-checkbox){display:block;font-size:12px;font-weight:600;margin:16px 0 7px}.df-form input:not([type=checkbox]):not([type=radio]),.df-form select,.df-form textarea{width:100%;border:1px solid #dedee7;border-radius:9px;padding:12px;font:inherit;font-size:14px;color:#263045;background:white;min-width:0}.df-form input:focus,.df-form textarea:focus,.df-form select:focus{outline:2px solid #ed008c55;border-color:#ed008c}.df-frequency{display:flex;padding:4px;background:#f4f4f8;border-radius:11px;gap:4px}.df-frequency button{flex:1;border:0;background:none;border-radius:8px;padding:12px;font:600 13px 'Lexend Deca',sans-serif;cursor:pointer;color:#717789}.df-frequency button.selected{background:#fff;color:#ed008c;box-shadow:0 2px 5px #15202e12}.df-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.df-amounts button,.df-tip-options button{border:1px solid #e0e1e8;border-radius:9px;background:white;color:#555d6b;padding:12px 4px;font:500 12px 'Lexend Deca',sans-serif;cursor:pointer}.df-amounts button.selected,.df-tip-options button.selected{border-color:#ed008c;background:#fff0f8;color:#ed008c;box-shadow:inset 0 0 0 1px #ed008c}.df-tip{border-top:1px solid #eeeef3;margin-top:24px;padding-top:3px}.df-tip>p{font-size:11px;line-height:1.6;color:#858b98;margin-top:0}.df-tip-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.df-summary{background:#f8f8fb;border:1px solid #eeeef3;border-radius:15px;padding:20px;min-width:0}.df-summary-label{font-size:11px;color:#8c8190;text-transform:uppercase;letter-spacing:1px}.df-summary>img{width:100%;height:135px;object-fit:cover;border-radius:9px;margin:14px 0 12px}.df-summary>h3{font-size:14px;line-height:1.5;margin:0 0 20px;color:#273041}.df-summary dl{margin:0}.df-summary dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:12px 0;color:#737a89}.df-summary dt{max-width:60%}.df-summary dd{margin:0;white-space:nowrap;color:#263045}.df-summary dl>.df-total{border-top:1px solid #dfdfe7;padding-top:16px;margin-top:18px;font-size:16px;font-weight:600;color:#253044}.df-total dd{color:#ed008c}.df-summary>p{font-size:10px;color:#858b98;line-height:1.6}.df-actions{display:flex;align-items:center;gap:14px;margin-top:26px}.df-continue{border:0;background:#ef0092;color:#fff;border-radius:10px;padding:15px 20px;font:600 13px 'Lexend Deca',sans-serif;cursor:pointer;flex:1;transition:background .2s}.df-continue:hover{background:#cf007e}.df-back{background:none;border:0;padding:10px 0;cursor:pointer;color:#747b88;font:500 12px 'Lexend Deca',sans-serif}.df-checkbox{display:flex;align-items:flex-start;gap:9px;margin:20px 0;font-size:12px;line-height:1.6;font-weight:400}.df-checkbox input{accent-color:#ed008c;margin-top:3px;flex-shrink:0}.df-privacy,.df-payment-note{font-size:11px;line-height:1.7;color:#8b8290}.df-methods{display:grid;gap:12px}.df-method{display:flex;align-items:center;gap:12px;border:1px solid #dddfe7;border-radius:12px;padding:16px;cursor:pointer}.df-method.selected{border-color:#ed008c;background:#fff6fb;box-shadow:inset 0 0 0 1px #ed008c}.df-method input{accent-color:#ed008c;width:16px;height:16px;flex-shrink:0}.df-method-icon{display:grid;place-items:center;font-size:22px;color:#534296;width:34px;flex-shrink:0}.df-method-icon.apple{color:#15151a}.df-method-icon.paypal{color:#1467ab;font-style:italic;font-weight:700}.df-method strong{display:block;font-size:13px;font-weight:500}.df-method small{display:block;color:#8b8191;font-size:10px;line-height:1.6;margin-top:4px}.df-payment-note{background:#f8f8fb;padding:14px;border-radius:10px;margin-top:20px}.df-review section{border-bottom:1px solid #eeeef3;padding:15px 0}.df-review section:first-child{padding-top:0}.df-review-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.df-review h3{font-size:13px;margin:0 0 8px}.df-review button{border:0;background:transparent;color:#ed008c;font:500 11px 'Lexend Deca',sans-serif;cursor:pointer}.df-review p{font-size:12px;margin:5px 0;color:#677184;overflow-wrap:anywhere}.df-review blockquote{font-size:12px;line-height:1.6;margin:12px 0 0;border-left:2px solid #ed008c;padding-left:12px;overflow-wrap:anywhere}.df-error{font-size:11px;color:#c23a4c}.df-complete{text-align:center;max-width:470px;margin:25px auto}.df-success-icon{display:grid;place-items:center;margin:0 auto 20px;width:72px;height:72px;border-radius:50%;background:#eafaf2;color:#00956b;font-size:40px}.df-complete h2{font-size:27px;margin:0 0 10px}.df-complete p{color:#777e8d;font-size:13px;line-height:1.6}.df-complete>strong{display:block;color:#ed008c;font-size:32px;margin:22px 0 10px}.df-complete-note{background:#fff3fa;padding:16px;font-size:12px;line-height:1.7;color:#9b587b;border-radius:12px;margin:22px 0}.df-return{width:100%}@media(max-width:700px){dialog.donation-flow{padding:22px 18px;width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:16px}.df-grid{grid-template-columns:1fr;gap:24px}.df-summary{order:-1;padding:14px}.df-summary>img{display:none}.df-summary>h3{font-size:12px;margin:9px 0 10px}.df-summary dl>div{margin:7px 0}.df-summary dl>.df-total{margin:10px 0 0;padding-top:10px}.df-summary>p{margin:6px 0 0}.df-main h2{font-size:24px}.df-steps{gap:4px;margin-bottom:22px}.df-steps li{font-size:9px;gap:4px}.df-steps li>span{width:21px;height:21px}.df-brand{font-size:20px}.df-amounts{grid-template-columns:repeat(2,1fr)}.df-method{padding:13px 10px}.df-actions{gap:12px}.df-continue{padding:14px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.donation-flow *{transition:none!important}}