.donation-flow {
    width: 100%;
    --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)));
}

.donation-flow__container {
    padding: 0 16px 20px;
    max-width: 100%;

    .page-header-card {
        background: var(--field-bg);
        border-radius: 8px 8px 0 0;
        padding: 0;
        box-shadow: 0 2px 8px var(--shadow-card);
        overflow: hidden;
        margin-bottom: 8px;
    }

    .page-header-padded .page-header-section {
        padding: 20px 16px 16px;
        margin-bottom: 0;
        width: 100%;
    }

    .page-header-title {
        font-family: var(--font-sans);
        font-weight: 700;
        font-size: 1.5rem;
        color: var(--text-color);
    }

    .page-header-card-mobile {
        margin-bottom: 24px;
    }

    .page-header-card-mobile .page-header-section-mobile {
        padding: 16px;
        background: var(--field-bg);
        border-radius: 500px;
        box-shadow: 0 2px 8px var(--shadow-card);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 60px;
    }

    .page-header-card-mobile .page-header-title-mobile {
        font-size: 24px;
        font-weight: 700;
        color: var(--text-color);
        font-family: var(--font-sans);
        margin: 0;
        text-align: center;
    }

    .donation-flow__empty {
        padding: 24px 16px;
        text-align: center;
        color: var(--text-muted);
    }

    @media (min-width: 768px) {
        width: 100%;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
        padding: 24px 0.5rem;

        .page-header-card {
            margin-bottom: 8px;
        }
    }

    @media (min-width: 1024px) and (orientation: landscape) {
        max-width: min(1080px, calc(var(--choice-row-width) + 96px));
        padding: 12px 0.5rem 16px;
    }
}

.donation-flow-panel {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    padding: 22px 18px 24px;
    margin: 0;
    border-radius: 20px;
    background: var(--field-bg);
    box-shadow: 0 2px 8px var(--shadow-card);
}

.donation-flow-panel__header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 0;
    padding: 0;
}

.donation-flow-panel__title {
    margin: 0;
    max-width: none;
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--text-muted);
}

.donation-flow-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
}

.donation-flow-tile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    -moz-column-gap: 0;
         column-gap: 0;
    width: 100%;
    min-height: 64px;
    max-width: none;
    padding: 16px 18px;
    margin: 0;
    border: 0;
    border-radius: 16px;
    background: color-mix(in srgb, var(--accent) 8%, var(--field-bg));
    color: var(--text-color);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    box-shadow: none;
    opacity: 1;

    &:hover {
        background: color-mix(in srgb, var(--accent) 14%, var(--field-bg));
        color: var(--text-color);
        text-decoration: none;
    }

    &:focus,
    &:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: 3px;
        background: color-mix(in srgb, var(--accent) 8%, var(--field-bg));
        color: var(--text-color);
        box-shadow: none;
    }

    &.is-selected,
    &.amount_button_surcharge,
    &.frequency_button_checked {
        background: color-mix(in srgb, var(--accent) 20%, var(--field-bg));
        color: var(--text-color);

        &:hover,
        &:focus,
        &:focus-visible {
            background: color-mix(in srgb, var(--accent) 24%, var(--field-bg));
            color: var(--text-color);
        }

        .donation-flow-tile__check {
            display: inline-flex;
        }
    }
}

.donation-flow-tile--with-icon {
    grid-template-columns: auto minmax(0, 1fr);
}

.donation-flow-choice-grid,
.donation-flow-amount-grid,
.donation-campaign-grid {
    --choice-cols: 4;
    --choice-rows: 2;
    --choice-tile-gap: var(--pick-gap);
    --choice-tile-min-height: var(--pick-tile-min-height);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--pick-col-min), var(--pick-col-max)));
    justify-content: center;
    gap: var(--pick-gap);
    width: 100%;
    box-sizing: border-box;
    align-content: start;
}

.donation-choice-slide {
    --choice-rows: 2;
    --choice-tile-gap: var(--pick-gap);
    --choice-tile-min-height: var(--pick-tile-min-height);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: var(--pick-gap);
    width: -moz-max-content;
    width: max-content;
    max-width: min(100%, var(--choice-row-width));
    box-sizing: border-box;
}

.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide {
    width: -moz-max-content;
    width: max-content;
    max-width: min(100%, var(--choice-row-width));
    margin-inline: 0;
}

.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--campaign,
.donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--amount {
    flex: 0 0 var(--pick-col-max);
    width: var(--pick-col-max);
    max-width: 100%;
}

.donation-choice-viewport--locked .donation-choice-slide {
    display: grid;
    grid-template-columns: repeat(var(--choice-cols), minmax(0, 1fr));
    justify-content: start;
    align-content: start;
    min-height: calc(var(--choice-tile-min-height) * var(--choice-rows) + var(--choice-tile-gap) * (var(--choice-rows) - 1));
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-inline: 0;
}

.donation-campaign-grid.donation-campaign-grid--locked {
    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--choice,
.donation-flow-tile--amount,
.donation-flow-tile--campaign {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: var(--pick-tile-min-height);
    padding: 10px 12px;
    margin: 0;
    border-radius: 16px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.donation-flow-tile--choice,
.donation-flow-tile--campaign {
    gap: 6px;

    .donation-flow-tile__icon {
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        color: var(--accent);

        i {
            font-size: 16px;
        }
    }

    .donation-flow-tile__label {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 100%;
        margin: 0;
        white-space: normal;
        overflow: hidden;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.01em;
        text-align: center;
        color: var(--text-color);
    }

    .donation-flow-tile__check {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 22px;
        height: 22px;
        font-size: 14px;
    }
}

.donation-flow-tile--amount {
    .donation-flow-tile__body {
        align-items: center;
        gap: 2px;
        text-align: center;
    }

    .donation-flow-tile__value {
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.15;
        text-align: center;
    }

    .donation-flow-tile__meta {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 100%;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25;
        text-align: center;
        color: var(--text-muted);
        white-space: normal;
    }

    .donation-flow-tile__badge {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        max-width: 100%;
        padding: 2px 8px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--accent) 16%, var(--field-bg));
        color: var(--accent);
        font-size: 10px;
        font-weight: 700;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        i {
            font-size: 9px;
        }
    }

    .donation-flow-tile__check {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 22px;
        height: 22px;
        font-size: 14px;
    }
}

.donation-choice-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.donation-choice-viewport {
    --choice-cols: 4;
    --choice-rows: 2;
    --choice-tile-gap: var(--pick-gap);
    --choice-tile-min-height: var(--pick-tile-min-height);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    touch-action: none;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
}

.donation-choice-viewport--locked {
    width: 100%;
    flex: 0 1 auto;
}

.donation-choice-viewport:active {
    cursor: grabbing;
}

.donation-choice-track {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: var(--choice-tile-gap);
    width: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.donation-choice-track.is-dragging {
    transition: none;
}

.donation-choice-pager__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent) 12%, var(--field-bg));
    color: var(--accent);
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;

    i {
        font-size: 16px;
        line-height: 1;
    }

    &:hover:not(:disabled) {
        background: var(--accent);
        color: var(--text-on-accent);
    }

    &:disabled {
        opacity: 0.35;
        cursor: default;
    }

    &:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
    }

    &[hidden] {
        display: none;
    }
}

.donation-choice-pager__status {
    margin: 0;
    text-align: center;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);

    &[hidden] {
        display: none;
    }
}

.donation-flow-tile__icon,
.donation-flow-tile__label,
.donation-flow-tile__body,
.donation-flow-tile__check,
.donation-flow-tile__badge {
    pointer-events: none;
}

.donation-flow-tile__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--accent);

    i {
        font-size: 20px;
        line-height: 1;
    }
}

.donation-flow-tile__label {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.donation-flow-tile__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.donation-flow-tile__value {
    font-family: var(--font-sans);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--text-color);
}

.donation-flow-tile__meta {
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--text-muted);
}

.donation-flow-tile__check {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--accent);
    font-size: 20px;
    line-height: 1;
}

.donation-flow-inset {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 18px;
    border: 0;
    border-radius: 16px;
    background: color-mix(in srgb, var(--accent) 8%, var(--field-bg));
    box-shadow: none;
}

.donation-flow-inset__label {
    display: block;
    margin: 0;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
}

.donation-flow-field {
    border: 0;
    border-radius: 12px;
    background: var(--field-bg);
    color: var(--text-color);
    padding: 0.75rem 0.95rem;
    font-size: 16px;
    box-shadow: none;

    &:focus {
        border: 0;
        outline: 2px solid var(--accent);
        outline-offset: 0;
        box-shadow: none;
        background: var(--field-bg);
        color: var(--text-color);
    }
}

.donation-flow-next {
    margin-top: 4px;
    display: flex;
    justify-content: center;
    width: 100%;

    .action-btn {
        min-width: clamp(220px, 40vw, 320px);
        min-height: 56px;
        padding: 0.85rem 1.75rem;
        font-size: clamp(1.05rem, 1.7vw, 1.25rem);
        font-weight: 700;
    }
}

@media (min-width: 768px) {
    .donation-flow-next .action-btn {
        width: auto !important;
    }

    .donation-flow-panel {
        gap: 22px;
        padding: 28px 28px 32px;
        border-radius: 24px;
    }

    .donation-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .donation-flow-choice-grid,
    .donation-flow-amount-grid,
    .donation-campaign-grid {
        grid-template-columns: repeat(auto-fit, minmax(var(--pick-col-min), var(--pick-col-max)));
        justify-content: center;
        --choice-tile-min-height: var(--pick-tile-min-height);
    }

    .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 {
        min-height: 72px;
        padding: 20px 22px;
        border-radius: 18px;
    }

    .donation-flow-tile--choice,
    .donation-flow-tile--amount,
    .donation-flow-tile--campaign {
        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 {
        font-size: 17px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .donation-flow-tile__value {
        font-size: 24px;
    }

    .donation-flow-tile__meta {
        font-size: 14px;
    }

    .donation-flow-inset {
        padding: 20px;
        border-radius: 18px;
    }

    .donation-choice-pager {
        gap: 14px;
    }

    .donation-choice-pager__nav {
        width: 48px;
        height: 48px;
        border-radius: 12px;

        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--choice,
    .donation-flow-tile--amount,
    .donation-flow-tile--campaign {
        min-height: var(--pick-tile-min-height);
        padding: 10px 12px;
        border-radius: 14px;
    }

    .donation-flow-tile--choice,
    .donation-flow-tile--campaign {
        gap: 5px;

        .donation-flow-tile__icon {
            width: 26px;
            height: 26px;

            i {
                font-size: 15px;
            }
        }

        .donation-flow-tile__label {
            font-size: 15px;
        }
    }

    .donation-flow-tile--amount .donation-flow-tile__value {
        font-size: 1.25rem;
    }

    .donation-choice-viewport--locked .donation-choice-slide,
    .donation-campaign-grid.donation-campaign-grid--locked {
        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 {
        min-height: 52px;
        font-size: 1.15rem;
    }
}

@media (min-width: 1100px) {
    .donation-flow-panel {
        gap: 24px;
        padding: 32px 32px 36px;
    }

    .donation-flow-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .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 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 100%;
}

body:not(.manager-layout-background) .donation-flow.main_start > .donation-flow__container {
    flex: 0 0 auto;
    width: 100%;
    margin-block: auto;
    padding-top: 16px;
    padding-bottom: 24px;
}

body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start {
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 100%;
}

body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start > .donation-flow__container {
    flex: 0 1 auto;
    width: -moz-fit-content;
    width: fit-content;
    max-width: min(100%, calc(var(--choice-row-width) + 96px));
    margin-inline: auto;
    margin-block: auto;
}

.donation-campaign-page .donation-flow-panel,
.amount-choose .donation-flow-panel {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

.donation-campaign-page .donation-choice-pager,
.amount-choose .donation-choice-pager {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}

.donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked),
.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}

.donation-campaign-page .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,
.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-track,
.amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide {
    width: -moz-max-content;
    width: max-content;
    max-width: min(100%, var(--choice-row-width));
}

@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;
        width: 100%;
        max-width: 100%;
        touch-action: pan-y;
        cursor: default;
    }

    .donation-choice-viewport:active {
        cursor: default;
    }

    .donation-choice-track {
        gap: 0;
        transform: none !important;
        transition: none;
    }

    .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,
    .donation-choice-slide,
    .donation-flow-choice-grid,
    .donation-flow-amount-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        align-content: start;
        gap: var(--choice-tile-gap, 12px);
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin-inline: 0;
        flex: none;
    }

    .donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,
    .donation-campaign-page .donation-choice-slide {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        gap: 10px;
    }

    .amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,
    .amount-choose .donation-choice-slide {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        gap: 10px;
    }

    .donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--campaign,
    .amount-choose .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-flow-tile--amount {
        flex: none;
        width: auto;
        max-width: none;
    }

    @media (min-width: 480px) {
        .donation-flow:not(.donation-campaign-page):not(.amount-choose) .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide,
        .donation-flow:not(.donation-campaign-page):not(.amount-choose) .donation-choice-slide,
        .donation-flow-choice-grid,
        .donation-flow-amount-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .donation-flow-tile--choice {
        min-height: 80px;
        height: auto;
        aspect-ratio: auto;
    }

    body:not(.manager-layout-background) .donation-campaign-page.donation-flow.main_start {
        align-items: stretch;
        justify-content: center;
        flex: 1 1 auto;
        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 {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        margin-block: auto;
        padding: 0;
    }

    .donation-campaign-page .donation-flow-panel {
        width: 100%;
        max-width: 100%;
        gap: 14px;
        padding: 16px 12px 18px;
        border-radius: 16px;
    }

    .donation-campaign-page .donation-flow-panel__title {
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--text-color);
    }

    .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-track,
    .donation-campaign-page .donation-choice-viewport:not(.donation-choice-viewport--locked) .donation-choice-slide {
        width: 100%;
        max-width: 100%;
    }

    .donation-campaign-page .donation-flow-tile--campaign {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 14px;
        min-height: 72px;
        padding: 14px 16px;
        border-radius: 14px;
        text-align: left;

        .donation-flow-tile__icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: color-mix(in srgb, var(--accent) 16%, var(--field-bg));

            i {
                font-size: 18px;
            }
        }

        .donation-flow-tile__label {
            -webkit-line-clamp: 2;
            font-size: 1.05rem;
            font-weight: 700;
            line-height: 1.25;
            text-align: left;
        }
    }

}