.donation-flow{width:100%}.donation-flow__container{max-width:100%;padding:0 16px 20px;.page-header-card{background:var(--white);border-radius:8px 8px 0 0;box-shadow:0 2px 8px var(--shadow-card);margin-bottom:8px;overflow:hidden;padding:0}.page-header-padded .page-header-section{margin-bottom:0;padding:20px 16px 16px;width:100%}.page-header-title{color:var(--text-color);font-family:var(--font-sans);font-size:1.5rem;font-weight:700}.page-header-card-mobile{margin-bottom:24px}.page-header-card-mobile .page-header-section-mobile{align-items:center;background:var(--white);border-radius:500px;box-shadow:0 2px 8px var(--shadow-card);display:flex;justify-content:center;min-height:60px;padding:16px}.page-header-card-mobile .page-header-title-mobile{color:var(--text-color);font-family:var(--font-sans);font-size:24px;font-weight:700;margin:0;text-align:center}.donation-flow__list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.donation-flow__item{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-card);color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;touch-action:manipulation;width:100%;&:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow-modal)}.donation-flow__item-arrow,.donation-flow__item-body,.donation-flow__item-icon{pointer-events:none}.donation-flow__item-icon{align-items:center;background:var(--accent-tint);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px;i{color:var(--accent);font-size:22px}}.donation-flow__item-body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.donation-flow__item-body--truncate{color:var(--text-color);display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donation-flow__item-arrow{color:var(--text-muted);flex-shrink:0;i{font-size:16px}}}.donation-flow__empty{color:var(--text-muted);padding:24px 16px;text-align:center}.donation-flow__desktop{width:100%;.donation-flow__desktop-inner{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:100%}.donation-flow__desktop-card{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:1px solid var(--accent-shadow-medium);border-radius:12px;box-shadow:0 1px 4px var(--shadow-card);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;justify-content:center;min-height:140px;padding:28px 20px;text-align:center;text-decoration:none;touch-action:manipulation;.donation-flow__desktop-card-icon,.donation-flow__desktop-card-title{pointer-events:none}&:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow-modal);.donation-flow__desktop-card-icon{background:var(--accent);i{color:var(--white)}}}.donation-flow__desktop-card-icon{align-items:center;background:var(--accent-tint);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-bottom:16px;transition:background .2s ease;width:56px;i{color:var(--accent);font-size:28px;transition:color .2s ease}}.donation-flow__desktop-card-title{color:var(--gray-800);font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.3;word-break:break-word}}}@media (min-width:768px){margin-left:auto;margin-right:auto;max-width:1100px;padding-bottom:24px;padding-left:.5rem;padding-right:.5rem;padding-top:24px;width:100%;.page-header-card{margin-bottom:8px}>.donation-flow__desktop{background:var(--white);border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 2px 8px var(--shadow-card);margin-top:0;padding:24px}}}@media (min-width:992px){.donation-flow__container .donation-flow__desktop .donation-flow__desktop-inner{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}}

/*# sourceMappingURL=donation-flow.css.map*/