.donation-flow{--pick-col-min:136px;--pick-col-max:160px;--pick-tile-min-height:80px;--pick-gap:12px;--choice-cols:4;--choice-row-width:calc(var(--pick-col-max)*var(--choice-cols) + var(--pick-gap)*(var(--choice-cols) - 1));width:100%}.donation-flow__container{max-width:100%;padding:0 16px 20px}.donation-flow__container .page-header-card{background:var(--field-bg);border-radius:8px 8px 0 0;box-shadow:0 2px 8px var(--shadow-card);margin-bottom:8px;overflow:hidden;padding:0}.donation-flow__container .page-header-padded .page-header-section{margin-bottom:0;padding:20px 16px 16px;width:100%}.donation-flow__container .page-header-title{color:var(--text-color);font-family:var(--font-sans);font-size:1.5rem;font-weight:700}.donation-flow__container .page-header-card-mobile{margin-bottom:24px}.donation-flow__container .page-header-card-mobile .page-header-section-mobile{align-items:center;background:var(--field-bg);border-radius:500px;box-shadow:0 2px 8px var(--shadow-card);display:flex;justify-content:center;min-height:60px;padding:16px}.donation-flow__container .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__container .donation-flow__empty{color:var(--text-muted);padding:24px 16px;text-align:center}@media (min-width:768px){.donation-flow__container{margin-left:auto;margin-right:auto;max-width:760px;padding:24px .5rem;width:100%}.donation-flow__container .page-header-card{margin-bottom:8px}}@media (min-width:1024px) and (orientation:landscape){.donation-flow__container{max-width:min(1080px,calc(var(--choice-row-width) + 96px));padding:12px .5rem 16px}}.donation-flow-panel{background:var(--field-bg);border-radius:20px;box-shadow:0 2px 8px var(--shadow-card);display:flex;flex-direction:column;gap:18px;margin:0;padding:22px 18px 24px;width:100%}.donation-flow-panel__header{align-items:center;display:flex;justify-content:center;min-height:0;padding:0;text-align:center}.donation-flow-panel__title{color:var(--text-muted);font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0;max-width:none}.donation-flow-grid{display:grid;gap:14px;grid-template-columns:1fr;width:100%}.donation-flow-tile{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--accent) 8%,var(--field-bg));border:0;border-radius:16px;box-shadow:none;color:var(--text-color);-moz-column-gap:0;column-gap:0;cursor:pointer;display:grid;font:inherit;grid-template-columns:minmax(0,1fr);margin:0;max-width:none;min-height:64px;opacity:1;padding:16px 18px;text-align:left;text-decoration:none;touch-action:manipulation;width:100%}.donation-flow-tile:hover{background:color-mix(in srgb,var(--accent) 14%,var(--field-bg));color:var(--text-color);text-decoration:none}.donation-flow-tile:focus,.donation-flow-tile:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--field-bg));box-shadow:none;color:var(--text-color);outline:2px solid var(--accent);outline-offset:3px}.donation-flow-tile.amount_button_surcharge,.donation-flow-tile.frequency_button_checked,.donation-flow-tile.is-selected{background:color-mix(in srgb,var(--accent) 20%,var(--field-bg));color:var(--text-color)}.donation-flow-tile.amount_button_surcharge:focus,.donation-flow-tile.amount_button_surcharge:focus-visible,.donation-flow-tile.amount_button_surcharge:hover,.donation-flow-tile.frequency_button_checked:focus,.donation-flow-tile.frequency_button_checked:focus-visible,.donation-flow-tile.frequency_button_checked:hover,.donation-flow-tile.is-selected:focus,.donation-flow-tile.is-selected:focus-visible,.donation-flow-tile.is-selected:hover{background:color-mix(in srgb,var(--accent) 24%,var(--field-bg));color:var(--text-color)}.donation-flow-tile.amount_button_surcharge .donation-flow-tile__check,.donation-flow-tile.frequency_button_checked .donation-flow-tile__check,.donation-flow-tile.is-selected .donation-flow-tile__check{display:inline-flex}.donation-flow-tile--with-icon{grid-template-columns:auto minmax(0,1fr)}.donation-campaign-grid,.donation-flow-amount-grid,.donation-flow-choice-grid{--choice-cols:4;align-content:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pick-col-min),var(--pick-col-max)));width:100%}.donation-campaign-grid,.donation-choice-slide,.donation-flow-amount-grid,.donation-flow-choice-grid{--choice-rows:2;--choice-tile-gap:var(--pick-gap);--choice-tile-min-height:var(--pick-tile-min-height);box-sizing:border-box;gap:var(--pick-gap);justify-content:center}.donation-choice-slide{align-content:flex-start;display:flex;flex-wrap:wrap;max-width:min(100%,var(--choice-row-width));width:-moz-max-content;width:max-content}.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide{margin-inline:0;max-width:min(100%,var(--choice-row-width));width:-moz-max-content;width:max-content}.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--amount,.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--campaign{flex:0 0 var(--pick-col-max);max-width:100%;width:var(--pick-col-max)}.donation-choice-viewport--locked .donation-choice-slide{align-content:start;flex:0 0 100%;margin-inline:0;max-width:100%;min-width:100%;width:100%}.donation-campaign-grid.donation-campaign-grid--locked,.donation-choice-viewport--locked .donation-choice-slide{display:grid;grid-template-columns:repeat(var(--choice-cols),minmax(0,1fr));justify-content:start;min-height:calc(var(--choice-tile-min-height)*var(--choice-rows) + var(--choice-tile-gap)*(var(--choice-rows) - 1))}.donation-flow-tile--amount,.donation-flow-tile--campaign,.donation-flow-tile--choice{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:4px;height:auto;justify-content:center;margin:0;max-width:none;min-height:var(--pick-tile-min-height);padding:10px 12px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.donation-flow-tile--campaign,.donation-flow-tile--choice{gap:6px}.donation-flow-tile--campaign .donation-flow-tile__icon,.donation-flow-tile--choice .donation-flow-tile__icon{color:var(--accent);flex:0 0 auto;height:28px;width:28px}.donation-flow-tile--campaign .donation-flow-tile__icon i,.donation-flow-tile--choice .donation-flow-tile__icon i{font-size:16px}.donation-flow-tile--campaign .donation-flow-tile__label,.donation-flow-tile--choice .donation-flow-tile__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-align:center;white-space:normal}.donation-flow-tile--campaign .donation-flow-tile__check,.donation-flow-tile--choice .donation-flow-tile__check{font-size:14px;height:22px;position:absolute;right:8px;top:8px;width:22px}.donation-flow-tile--amount .donation-flow-tile__body{align-items:center;gap:2px;text-align:center}.donation-flow-tile--amount .donation-flow-tile__value{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;text-align:center}.donation-flow-tile--amount .donation-flow-tile__meta{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:12px;font-weight:500;line-height:1.25;max-width:100%;overflow:hidden;text-align:center;white-space:normal}.donation-flow-tile--amount .donation-flow-tile__badge{align-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--field-bg));border-radius:999px;color:var(--accent);display:inline-flex;font-size:10px;font-weight:700;gap:4px;justify-content:center;line-height:1.3;max-width:100%;overflow:hidden;padding:2px 8px;position:static;text-overflow:ellipsis;white-space:nowrap}.donation-flow-tile--amount .donation-flow-tile__badge i{font-size:9px}.donation-flow-tile--amount .donation-flow-tile__check{font-size:14px;height:22px;position:absolute;right:8px;top:8px;width:22px}.donation-choice-pager{align-items:center;display:flex;gap:12px;justify-content:center}.donation-choice-pager,.donation-choice-viewport{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.donation-choice-viewport{--choice-cols:4;--choice-rows:2;--choice-tile-gap:var(--pick-gap);--choice-tile-min-height:var(--pick-tile-min-height);cursor:grab;max-width:100%;overflow:hidden;touch-action:none}.donation-choice-viewport--locked{flex:0 1 auto;width:100%}.donation-choice-viewport:active{cursor:grabbing}.donation-choice-track{align-items:stretch;display:flex;gap:var(--choice-tile-gap);position:relative;transform:translateZ(0);transition:transform .28s cubic-bezier(.22,1,.36,1);width:100%}.donation-choice-track.is-dragging{transition:none}.donation-choice-pager__nav{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--accent) 12%,var(--field-bg));border:0;border-radius:12px;color:var(--accent);cursor:pointer;display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;margin:0;padding:0;touch-action:manipulation;width:48px}.donation-choice-pager__nav i{font-size:16px;line-height:1}.donation-choice-pager__nav:hover:not(:disabled){background:var(--accent);color:var(--text-on-accent)}.donation-choice-pager__nav:disabled{cursor:default;opacity:.35}.donation-choice-pager__nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.donation-choice-pager__nav[hidden]{display:none}.donation-choice-pager__status{color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:600;margin:0;text-align:center}.donation-choice-pager__status[hidden]{display:none}.donation-flow-tile__badge,.donation-flow-tile__body,.donation-flow-tile__check,.donation-flow-tile__icon,.donation-flow-tile__label{pointer-events:none}.donation-flow-tile__icon{align-items:center;color:var(--accent);display:inline-flex;height:40px;justify-content:center;width:40px}.donation-flow-tile__icon i{font-size:20px;line-height:1}.donation-flow-tile__label{color:var(--text-color);font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donation-flow-tile__body{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.donation-flow-tile__value{color:var(--text-color);font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.donation-flow-tile__meta{color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1.3}.donation-flow-tile__check{align-items:center;color:var(--accent);display:none;font-size:20px;height:32px;justify-content:center;line-height:1;width:32px}.donation-flow-inset{background:color-mix(in srgb,var(--accent) 8%,var(--field-bg));border:0;border-radius:16px;box-shadow:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:18px}.donation-flow-inset__label{color:var(--text-muted);display:block;font-family:var(--font-sans);font-size:14px;font-weight:600;margin:0}.donation-flow-field{border:0;border-radius:12px;font-size:16px;padding:.75rem .95rem}.donation-flow-field,.donation-flow-field:focus{background:var(--field-bg);box-shadow:none;color:var(--text-color)}.donation-flow-field:focus{border:0;outline:2px solid var(--accent);outline-offset:0}.donation-flow-next{display:flex;justify-content:center;margin-top:4px;width:100%}.donation-flow-next .action-btn{font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:700;min-height:56px;min-width:clamp(220px,40vw,320px);padding:.85rem 1.75rem}@media (min-width:768px){.donation-flow-next .action-btn{width:auto!important}.donation-flow-panel{border-radius:24px;gap:22px;padding:28px 28px 32px}.donation-flow-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.donation-campaign-grid,.donation-flow-amount-grid,.donation-flow-choice-grid{--choice-tile-min-height:var(--pick-tile-min-height);grid-template-columns:repeat(auto-fit,minmax(var(--pick-col-min),var(--pick-col-max)));justify-content:center}.donation-choice-viewport--locked .donation-choice-slide{grid-template-columns:repeat(var(--choice-cols),minmax(0,1fr));min-height:calc(var(--choice-tile-min-height)*var(--choice-rows) + var(--choice-tile-gap)*(var(--choice-rows) - 1))}.donation-flow-tile{border-radius:18px;min-height:72px;padding:20px 22px}.donation-flow-tile--amount,.donation-flow-tile--campaign,.donation-flow-tile--choice{min-height:var(--pick-tile-min-height);padding:12px 14px}.donation-flow-tile--amount .donation-flow-tile__value{font-size:1.25rem}.donation-flow-tile__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:17px;white-space:normal}.donation-flow-tile__value{font-size:24px}.donation-flow-tile__meta{font-size:14px}.donation-flow-inset{border-radius:18px;padding:20px}.donation-choice-pager{gap:14px}.donation-choice-pager__nav{border-radius:12px;height:48px;width:48px}.donation-choice-pager__nav i{font-size:16px}}@media (min-width:1024px) and (orientation:landscape){.donation-flow{--pick-col-min:140px;--pick-col-max:168px;--pick-tile-min-height:84px;--pick-gap:10px}.donation-flow-panel{gap:16px;padding:22px 28px 24px}.donation-flow-panel__title{font-size:1.2rem}.donation-flow-tile--amount,.donation-flow-tile--campaign,.donation-flow-tile--choice{border-radius:14px;min-height:var(--pick-tile-min-height);padding:10px 12px}.donation-flow-tile--campaign,.donation-flow-tile--choice{gap:5px}.donation-flow-tile--campaign .donation-flow-tile__icon,.donation-flow-tile--choice .donation-flow-tile__icon{height:26px;width:26px}.donation-flow-tile--campaign .donation-flow-tile__icon i,.donation-flow-tile--campaign .donation-flow-tile__label,.donation-flow-tile--choice .donation-flow-tile__icon i,.donation-flow-tile--choice .donation-flow-tile__label{font-size:15px}.donation-flow-tile--amount .donation-flow-tile__value{font-size:1.25rem}.donation-campaign-grid.donation-campaign-grid--locked,.donation-choice-viewport--locked .donation-choice-slide{grid-template-columns:repeat(var(--choice-cols),var(--pick-col-max));justify-content:center;min-height:calc(var(--pick-tile-min-height)*var(--choice-rows) + var(--pick-gap)*(var(--choice-rows) - 1))}.donation-flow-next .action-btn{font-size:1.15rem;min-height:52px}}@media (min-width:1100px){.donation-flow-panel{gap:24px;padding:32px 32px 36px}.donation-flow-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.donation-choice-viewport--locked .donation-choice-slide{grid-template-columns:repeat(var(--choice-cols),minmax(0,1fr));min-height:calc(var(--choice-tile-min-height)*var(--choice-rows) + var(--choice-tile-gap)*(var(--choice-rows) - 1))}}body:not(.manager-layout-background) .donation-flow.main_start{align-items:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:100%}body:not(.manager-layout-background) .donation-flow.main_start>.donation-flow__container{flex:0 0 auto;margin-block:auto;padding-bottom:24px;padding-top:16px;width:100%}body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start{align-items:center;align-self:stretch;justify-content:center;min-height:100%}body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start>.donation-flow__container{flex:0 1 auto;margin-block:auto;margin-inline:auto;max-width:min(100%,calc(var(--choice-row-width) + 96px));width:-moz-fit-content;width:fit-content}.amount-choose .donation-flow-panel,.donation-campaign-page .donation-flow-panel{max-width:100%;width:-moz-fit-content;width:fit-content}.amount-choose .donation-choice-pager,.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked),.donation-campaign-page .donation-choice-pager,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked){max-width:100%;width:-moz-max-content;width:max-content}.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-track,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-track{max-width:min(100%,var(--choice-row-width));width:-moz-max-content;width:max-content}@media (max-width:767px){body:not(.manager-layout-background) .donation-flow.main_start{padding-top:16px}.donation-flow-panel{gap:20px;padding:22px 14px 24px}.donation-choice-pager{gap:0}.donation-choice-pager__nav,.donation-choice-pager__status{display:none}.donation-choice-viewport{--choice-tile-gap:10px;cursor:default;max-width:100%;touch-action:pan-y;width:100%}.donation-choice-viewport:active{cursor:default}.donation-choice-track{gap:0;transform:none!important;transition:none}.donation-choice-slide,.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,.donation-flow-amount-grid,.donation-flow-choice-grid{align-content:start;display:grid;flex:none;gap:var(--choice-tile-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;margin-inline:0;max-width:100%;min-height:0;width:100%}.donation-campaign-page .donation-choice-slide,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);max-width:100%;width:100%}.amount-choose .donation-choice-slide,.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%}.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--amount,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--campaign{flex:none;max-width:none;width:auto}@media (min-width:480px){.donation-flow-amount-grid,.donation-flow-choice-grid,.donation-flow:not(.donation-campaign-page):not(.amount-choose) .donation-choice-slide,.donation-flow:not(.donation-campaign-page):not(.amount-choose) .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide{grid-template-columns:repeat(3,minmax(0,1fr))}}.donation-flow-tile--choice{aspect-ratio:auto;height:auto;min-height:80px}body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start{align-items:stretch;flex:1 1 auto;justify-content:center;min-height:100%;overflow-y:auto;padding:8px 12px calc(96px + env(safe-area-inset-bottom, 0px))}body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start>.donation-flow__container{margin-block:auto;margin-inline:auto;max-width:100%;padding:0;width:100%}.donation-campaign-page .donation-flow-panel{border-radius:16px;gap:14px;max-width:100%;padding:16px 12px 18px;width:100%}.donation-campaign-page .donation-flow-panel__title{color:var(--text-color);font-size:1.15rem;font-weight:700}.donation-campaign-page .donation-choice-pager,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked),.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-track{max-width:100%;width:100%}.donation-campaign-page .donation-flow-tile--campaign{align-items:center;border-radius:14px;flex-direction:row;gap:14px;justify-content:flex-start;min-height:72px;padding:14px 16px;text-align:left}.donation-campaign-page .donation-flow-tile--campaign .donation-flow-tile__icon{background:color-mix(in srgb,var(--accent) 16%,var(--field-bg));border-radius:12px;height:44px;width:44px}.donation-campaign-page .donation-flow-tile--campaign .donation-flow-tile__icon i{font-size:18px}.donation-campaign-page .donation-flow-tile--campaign .donation-flow-tile__label{-webkit-line-clamp:2;font-size:1.05rem;font-weight:700;line-height:1.25;text-align:left}}

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