From 4856c36444ff38016f0da5f5f9de09707cef0b87 Mon Sep 17 00:00:00 2001
From: Abban Dunne <abban.dunne@wikimedia.de>
Date: Wed, 20 Nov 2024 14:08:35 +0100
Subject: [PATCH 1/4] Prepare campaign for C24_WMDE_Desktop_EN_05

Ticket: https://phabricator.wikimedia.org/T380360
---
 .../C24_WMDE_Desktop_EN_05/banner_ctrl.ts     |  71 ++++++++
 .../C24_WMDE_Desktop_EN_05/banner_var.ts      |  71 ++++++++
 .../components/BannerCtrl.vue                 | 160 ++++++++++++++++++
 .../components/BannerVar.vue                  | 160 ++++++++++++++++++
 .../components/FallbackBanner.vue             | 106 ++++++++++++
 .../components/MainBanner.vue                 |  50 ++++++
 .../content/BannerSlides.vue                  |  51 ++++++
 .../content/BannerSlidesVar.vue               |  52 ++++++
 .../content/BannerText.vue                    |  44 +++++
 .../content/BannerTextVar.vue                 |  43 +++++
 .../content/FallbackSlides.vue                |  27 +++
 .../content/FallbackText.vue                  |  32 ++++
 .../C24_WMDE_Desktop_EN_05/event_map.ts       |  38 +++++
 .../C24_WMDE_Desktop_EN_05/form_items.ts      |  21 +++
 .../C24_WMDE_Desktop_EN_05/messages.ts        |  28 +++
 .../C24_WMDE_Desktop_EN_05/styles/Banner.scss |  17 ++
 .../styles/FallbackBanner.scss                | 134 +++++++++++++++
 .../styles/MainBanner.scss                    |  44 +++++
 .../C24_WMDE_Desktop_EN_05/styles/styles.scss |  60 +++++++
 campaign_info.toml                            |  18 +-
 .../components/BannerCtrl.spec.ts             | 141 +++++++++++++++
 .../components/BannerVar.spec.ts              | 141 +++++++++++++++
 .../components/FallbackBanner.spec.ts         |  64 +++++++
 23 files changed, 1564 insertions(+), 9 deletions(-)
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/components/MainBanner.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlides.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerText.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/FallbackSlides.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/FallbackText.vue
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/event_map.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/form_items.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/messages.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/styles/Banner.scss
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/styles/MainBanner.scss
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
 create mode 100644 test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.spec.ts
 create mode 100644 test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
 create mode 100644 test/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.spec.ts

diff --git a/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts b/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
new file mode 100644
index 000000000..eaa6e8e8e
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
@@ -0,0 +1,71 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles.scss';
+
+import BannerConductor from '@src/components/BannerConductor/FallbackBannerConductor.vue';
+import Banner from './components/BannerCtrl.vue';
+import FallbackBanner from './components/FallbackBanner.vue';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import PageWPORG from '@src/page/PageWPORG';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { Translator } from '@src/Translator';
+import DynamicTextPlugin from '@src/DynamicTextPlugin';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import { Locales } from '@src/domain/Locales';
+import messages from './messages';
+import { LocaleFactoryEn } from '@src/utils/LocaleFactory/LocaleFactoryEn';
+import { createFormItems } from './form_items';
+import { createFormActions } from '@src/createFormActions';
+import eventMappings from './event_map';
+import { createFallbackDonationURL } from '@src/createFallbackDonationURL';
+import { WindowTimer } from '@src/utils/Timer';
+
+const localeFactory = new LocaleFactoryEn();
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 400 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: runtimeEnvironment.getBannerDelay( 7500 ),
+		transitionDuration: 1000
+	},
+	bannerProps: {
+		useOfFundsContent: localeFactory.getUseOfFundsLoader().getContent(),
+		remainingImpressions: impressionCount.getRemainingImpressions( page.getMaxBannerImpressions( 'english' ) ),
+		donationLink: createFallbackDonationURL( page.getTracking(), impressionCount, { locale: Locales.EN } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	fallbackBanner: FallbackBanner,
+	minWidthForMainBanner: 800,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.use( DynamicTextPlugin, {
+	campaignParameters: page.getCampaignParameters(),
+	date: new Date(),
+	formatters: localeFactory.getFormatters(),
+	impressionCount,
+	translator
+} );
+
+const currencyFormatter = localeFactory.getCurrencyFormatter();
+
+app.provide( 'currencyFormatter', currencyFormatter );
+app.provide( 'formItems', createFormItems( translator, currencyFormatter.euroAmount.bind( currencyFormatter ) ) );
+app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN, afo: '1' } ) );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts b/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
new file mode 100644
index 000000000..98a017922
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
@@ -0,0 +1,71 @@
+import { createVueApp } from '@src/createVueApp';
+
+import './styles/styles.scss';
+
+import BannerConductor from '@src/components/BannerConductor/FallbackBannerConductor.vue';
+import Banner from './components/BannerVar.vue';
+import FallbackBanner from './components/FallbackBanner.vue';
+import { UrlRuntimeEnvironment } from '@src/utils/RuntimeEnvironment';
+import { WindowResizeHandler } from '@src/utils/ResizeHandler';
+import PageWPORG from '@src/page/PageWPORG';
+import { WindowMediaWiki } from '@src/page/MediaWiki/WindowMediaWiki';
+import { SkinFactory } from '@src/page/skin/SkinFactory';
+import { WindowSizeIssueChecker } from '@src/utils/SizeIssueChecker/WindowSizeIssueChecker';
+import TranslationPlugin from '@src/TranslationPlugin';
+import { Translator } from '@src/Translator';
+import DynamicTextPlugin from '@src/DynamicTextPlugin';
+import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
+import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
+import { Locales } from '@src/domain/Locales';
+import messages from './messages';
+import { LocaleFactoryEn } from '@src/utils/LocaleFactory/LocaleFactoryEn';
+import { createFormItems } from './form_items';
+import { createFormActions } from '@src/createFormActions';
+import eventMappings from './event_map';
+import { createFallbackDonationURL } from '@src/createFallbackDonationURL';
+import { WindowTimer } from '@src/utils/Timer';
+
+const localeFactory = new LocaleFactoryEn();
+const translator = new Translator( messages );
+const mediaWiki = new WindowMediaWiki();
+const page = new PageWPORG( mediaWiki, ( new SkinFactory( mediaWiki ) ).getSkin(), new WindowSizeIssueChecker( 400 ) );
+const runtimeEnvironment = new UrlRuntimeEnvironment( window.location );
+const impressionCount = new LocalImpressionCount( page.getTracking().keyword, runtimeEnvironment );
+const tracker = new LegacyTrackerWPORG( mediaWiki, page.getTracking().keyword, eventMappings, runtimeEnvironment );
+
+const app = createVueApp( BannerConductor, {
+	page,
+	bannerConfig: {
+		delay: runtimeEnvironment.getBannerDelay( 7500 ),
+		transitionDuration: 1000
+	},
+	bannerProps: {
+		useOfFundsContent: localeFactory.getUseOfFundsLoader().getContent(),
+		remainingImpressions: impressionCount.getRemainingImpressions( page.getMaxBannerImpressions( 'english' ) ),
+		donationLink: createFallbackDonationURL( page.getTracking(), impressionCount, { locale: Locales.EN } )
+	},
+	resizeHandler: new WindowResizeHandler(),
+	banner: Banner,
+	fallbackBanner: FallbackBanner,
+	minWidthForMainBanner: 800,
+	impressionCount
+} );
+
+app.use( TranslationPlugin, translator );
+app.use( DynamicTextPlugin, {
+	campaignParameters: page.getCampaignParameters(),
+	date: new Date(),
+	formatters: localeFactory.getFormatters(),
+	impressionCount,
+	translator
+} );
+
+const currencyFormatter = localeFactory.getCurrencyFormatter();
+
+app.provide( 'currencyFormatter', currencyFormatter );
+app.provide( 'formItems', createFormItems( translator, currencyFormatter.euroAmount.bind( currencyFormatter ) ) );
+app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN, afo: '1' } ) );
+app.provide( 'tracker', tracker );
+app.provide( 'timer', new WindowTimer() );
+
+app.mount( page.getBannerContainer() );
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.vue
new file mode 100644
index 000000000..d5f616146
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.vue
@@ -0,0 +1,160 @@
+<template>
+    <div class="wmde-banner-wrapper" :class="contentState">
+        <MainBanner
+			@close="onCloseMain"
+			@form-interaction="$emit( 'bannerContentChanged' )"
+            :banner-state="bannerState"
+            v-if="contentState === ContentStates.Main"
+        >
+            <template #banner-text>
+                <BannerText/>
+            </template>
+
+            <template #banner-slides="{ play }: any">
+                <KeenSlider :with-navigation="true" :play="play" :interval="10000" :delay="2000">
+
+                    <template #slides="{ currentSlide }: any">
+                        <BannerSlides :currentSlide="currentSlide"/>
+                    </template>
+
+                </KeenSlider>
+            </template>
+
+			<template #progress>
+				<ProgressBar amount-to-show-on-right="TARGET"/>
+			</template>
+
+			<template #donation-form="{ formInteraction }: any">
+				<MultiStepDonation :step-controllers="stepControllers" @form-interaction="formInteraction">
+
+					<template #[FormStepNames.MainDonationFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
+						<MainDonationForm :page-index="pageIndex" @submit="submit" :is-current="isCurrent" @previous="previous">
+							<template #label-payment-ppl>
+								<span class="wmde-banner-select-group-label with-logos paypal"><PayPalLogo/></span>
+							</template>
+
+							<template #label-payment-mcp>
+								<span class="wmde-banner-select-group-label with-logos credit-cards">
+									<VisaLogo/>
+									<MastercardLogo/>
+								</span>
+							</template>
+						</MainDonationForm>
+					</template>
+
+					<template #[FormStepNames.UpgradeToYearlyFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
+						<UpgradeToYearlyButtonForm
+							:page-index="pageIndex"
+							:is-current="isCurrent"
+							:show-manual-upgrade-option="false"
+							@submit="submit"
+							@previous="previous"
+						/>
+					</template>
+
+                </MultiStepDonation>
+            </template>
+			<template #footer>
+				<FooterAlreadyDonated
+					@showFundsModal="isFundsModalVisible = true"
+					@clickedAlreadyDonatedLink="onClose( 'AlreadyDonated', CloseChoices.AlreadyDonated )"
+				/>
+			</template>
+        </MainBanner>
+
+		<SoftClose
+			v-if="contentState === ContentStates.SoftClosing"
+			:show-close-icon="true"
+			@close="() => onClose( 'SoftClose', CloseChoices.Close )"
+			@maybe-later="() => onClose( 'SoftClose', CloseChoices.MaybeLater )"
+			@time-out-close="() => onClose( 'SoftClose', CloseChoices.TimeOut )"
+		/>
+
+        <FundsModal
+            :content="useOfFundsContent"
+            :is-funds-modal-visible="isFundsModalVisible"
+            @hideFundsModal="isFundsModalVisible = false"
+		>
+			<template #infographic>
+				<WMDEFundsForwardingEN/>
+			</template>
+		</FundsModal>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { ref, watch } from 'vue';
+import MainBanner from './MainBanner.vue';
+import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
+import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
+import UpgradeToYearlyButtonForm from '@src/components/DonationForm/Forms/UpgradeToYearlyButtonForm.vue';
+import BannerSlides from '../content/BannerSlides.vue';
+import MainDonationForm from '@src/components/DonationForm/Forms/MainDonationForm.vue';
+import MultiStepDonation from '@src/components/DonationForm/MultiStepDonation.vue';
+import BannerText from '../content/BannerText.vue';
+import KeenSlider from '@src/components/Slider/KeenSlider.vue';
+import FooterAlreadyDonated from '@src/components/Footer/FooterAlreadyDonated.vue';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import {
+	createSubmittableMainDonationForm
+} from '@src/components/DonationForm/StepControllers/SubmittableMainDonationForm';
+import {
+	createSubmittableUpgradeToYearly
+} from '@src/components/DonationForm/StepControllers/SubmittableUpgradeToYearly';
+import { CloseChoices } from '@src/domain/CloseChoices';
+import { CloseEvent } from '@src/tracking/events/CloseEvent';
+import { TrackingFeatureName } from '@src/tracking/TrackingEvent';
+import VisaLogo from '@src/components/PaymentLogos/VisaLogo.vue';
+import MastercardLogo from '@src/components/PaymentLogos/MastercardLogo.vue';
+import PayPalLogo from '@src/components/PaymentLogos/PayPalLogo.vue';
+import ProgressBar from '@src/components/ProgressBar/ProgressBarAlternative.vue';
+import SoftClose from '@src/components/SoftClose/SoftClose.vue';
+import WMDEFundsForwardingEN from '@src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue';
+import { useBannerHider } from '@src/components/composables/useBannerHider';
+
+enum ContentStates {
+	Main = 'wmde-banner-wrapper--main',
+	SoftClosing = 'wmde-banner-wrapper--soft-closing'
+}
+
+enum FormStepNames {
+	MainDonationFormStep = 'MainDonationForm',
+	UpgradeToYearlyFormStep = 'UpgradeToYearlyForm'
+}
+
+interface Props {
+	bannerState: BannerStates;
+	useOfFundsContent: useOfFundsContentInterface;
+	remainingImpressions: number;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits( [ 'bannerClosed', 'maybeLater', 'bannerContentChanged' ] );
+useBannerHider( 800, emit );
+
+const isFundsModalVisible = ref<boolean>( false );
+const contentState = ref<ContentStates>( ContentStates.Main );
+const formModel = useFormModel();
+const stepControllers = [
+	createSubmittableMainDonationForm( formModel, FormStepNames.UpgradeToYearlyFormStep ),
+	createSubmittableUpgradeToYearly( formModel, FormStepNames.MainDonationFormStep, FormStepNames.MainDonationFormStep )
+];
+
+watch( contentState, async () => {
+	emit( 'bannerContentChanged' );
+} );
+
+function onCloseMain(): void {
+	if ( props.remainingImpressions > 0 ) {
+		contentState.value = ContentStates.SoftClosing;
+	} else {
+		onClose( 'MainBanner', CloseChoices.Close );
+	}
+}
+
+function onClose( feature: TrackingFeatureName, userChoice: CloseChoices ): void {
+	emit( 'bannerClosed', new CloseEvent( feature, userChoice ) );
+}
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
new file mode 100644
index 000000000..043ceec16
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
@@ -0,0 +1,160 @@
+<template>
+    <div class="wmde-banner-wrapper" :class="contentState">
+        <MainBanner
+			@close="onCloseMain"
+			@form-interaction="$emit( 'bannerContentChanged' )"
+            :banner-state="bannerState"
+            v-if="contentState === ContentStates.Main"
+        >
+            <template #banner-text>
+                <BannerText/>
+            </template>
+
+            <template #banner-slides="{ play }: any">
+                <KeenSlider :with-navigation="true" :play="play" :interval="10000" :delay="2000">
+
+                    <template #slides="{ currentSlide }: any">
+                        <BannerSlides :currentSlide="currentSlide"/>
+                    </template>
+
+                </KeenSlider>
+            </template>
+
+			<template #progress>
+				<ProgressBar amount-to-show-on-right="TARGET"/>
+			</template>
+
+			<template #donation-form="{ formInteraction }: any">
+				<MultiStepDonation :step-controllers="stepControllers" @form-interaction="formInteraction">
+
+					<template #[FormStepNames.MainDonationFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
+						<MainDonationForm :page-index="pageIndex" @submit="submit" :is-current="isCurrent" @previous="previous">
+							<template #label-payment-ppl>
+								<span class="wmde-banner-select-group-label with-logos paypal"><PayPalLogo/></span>
+							</template>
+
+							<template #label-payment-mcp>
+								<span class="wmde-banner-select-group-label with-logos credit-cards">
+									<VisaLogo/>
+									<MastercardLogo/>
+								</span>
+							</template>
+						</MainDonationForm>
+					</template>
+
+					<template #[FormStepNames.UpgradeToYearlyFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
+						<UpgradeToYearlyButtonForm
+							:page-index="pageIndex"
+							:is-current="isCurrent"
+							:show-manual-upgrade-option="false"
+							@submit="submit"
+							@previous="previous"
+						/>
+					</template>
+
+                </MultiStepDonation>
+            </template>
+			<template #footer>
+				<FooterAlreadyDonated
+					@showFundsModal="isFundsModalVisible = true"
+					@clickedAlreadyDonatedLink="onClose( 'AlreadyDonated', CloseChoices.AlreadyDonated )"
+				/>
+			</template>
+        </MainBanner>
+
+		<SoftClose
+			v-if="contentState === ContentStates.SoftClosing"
+			:show-close-icon="true"
+			@close="() => onClose( 'SoftClose', CloseChoices.Close )"
+			@maybe-later="() => onClose( 'SoftClose', CloseChoices.MaybeLater )"
+			@time-out-close="() => onClose( 'SoftClose', CloseChoices.TimeOut )"
+		/>
+
+        <FundsModal
+            :content="useOfFundsContent"
+            :is-funds-modal-visible="isFundsModalVisible"
+            @hideFundsModal="isFundsModalVisible = false"
+		>
+			<template #infographic>
+				<WMDEFundsForwardingEN/>
+			</template>
+		</FundsModal>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { ref, watch } from 'vue';
+import MainBanner from './MainBanner.vue';
+import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
+import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
+import UpgradeToYearlyButtonForm from '@src/components/DonationForm/Forms/UpgradeToYearlyButtonForm.vue';
+import BannerSlides from '../content/BannerSlidesVar.vue';
+import MainDonationForm from '@src/components/DonationForm/Forms/MainDonationForm.vue';
+import MultiStepDonation from '@src/components/DonationForm/MultiStepDonation.vue';
+import BannerText from '../content/BannerTextVar.vue';
+import KeenSlider from '@src/components/Slider/KeenSlider.vue';
+import FooterAlreadyDonated from '@src/components/Footer/FooterAlreadyDonated.vue';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import {
+	createSubmittableMainDonationForm
+} from '@src/components/DonationForm/StepControllers/SubmittableMainDonationForm';
+import {
+	createSubmittableUpgradeToYearly
+} from '@src/components/DonationForm/StepControllers/SubmittableUpgradeToYearly';
+import { CloseChoices } from '@src/domain/CloseChoices';
+import { CloseEvent } from '@src/tracking/events/CloseEvent';
+import { TrackingFeatureName } from '@src/tracking/TrackingEvent';
+import VisaLogo from '@src/components/PaymentLogos/VisaLogo.vue';
+import MastercardLogo from '@src/components/PaymentLogos/MastercardLogo.vue';
+import PayPalLogo from '@src/components/PaymentLogos/PayPalLogo.vue';
+import ProgressBar from '@src/components/ProgressBar/ProgressBarAlternative.vue';
+import SoftClose from '@src/components/SoftClose/SoftClose.vue';
+import WMDEFundsForwardingEN from '@src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue';
+import { useBannerHider } from '@src/components/composables/useBannerHider';
+
+enum ContentStates {
+	Main = 'wmde-banner-wrapper--main',
+	SoftClosing = 'wmde-banner-wrapper--soft-closing'
+}
+
+enum FormStepNames {
+	MainDonationFormStep = 'MainDonationForm',
+	UpgradeToYearlyFormStep = 'UpgradeToYearlyForm'
+}
+
+interface Props {
+	bannerState: BannerStates;
+	useOfFundsContent: useOfFundsContentInterface;
+	remainingImpressions: number;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits( [ 'bannerClosed', 'maybeLater', 'bannerContentChanged' ] );
+useBannerHider( 800, emit );
+
+const isFundsModalVisible = ref<boolean>( false );
+const contentState = ref<ContentStates>( ContentStates.Main );
+const formModel = useFormModel();
+const stepControllers = [
+	createSubmittableMainDonationForm( formModel, FormStepNames.UpgradeToYearlyFormStep ),
+	createSubmittableUpgradeToYearly( formModel, FormStepNames.MainDonationFormStep, FormStepNames.MainDonationFormStep )
+];
+
+watch( contentState, async () => {
+	emit( 'bannerContentChanged' );
+} );
+
+function onCloseMain(): void {
+	if ( props.remainingImpressions > 0 ) {
+		contentState.value = ContentStates.SoftClosing;
+	} else {
+		onClose( 'MainBanner', CloseChoices.Close );
+	}
+}
+
+function onClose( feature: TrackingFeatureName, userChoice: CloseChoices ): void {
+	emit( 'bannerClosed', new CloseEvent( feature, userChoice ) );
+}
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.vue
new file mode 100644
index 000000000..75e469475
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.vue
@@ -0,0 +1,106 @@
+<template>
+	<div class="wmde-banner-fallback">
+		<ButtonClose @close="onClose"/>
+
+		<div class="wmde-banner-fallback-small" v-if="!onLargeScreen">
+			<KeenSlider
+				:with-pagination="false"
+				:play="slideshowShouldPlay"
+				:interval="10000"
+				:delay="2000"
+				@slideChanged="onSlideChange"
+			>
+				<template #slides="{ currentSlide }: any">
+					<FallbackSlides :current-slide="currentSlide"/>
+				</template>
+
+				<template #left-icon>
+					<ChevronLeftIcon :fill="'#990a00'"/>
+				</template>
+
+				<template #right-icon>
+					<ChevronRightIcon :fill="'#990a00'"/>
+				</template>
+			</KeenSlider>
+
+			<FallbackButton @buttonClicked="onSubmit"/>
+
+			<SmallFooter :slide-index="slideIndex" :slide-count="slideCount" @useOfFundsButtonClicked="isFundsModalVisible = true"/>
+		</div>
+
+		<div class="wmde-banner-fallback-large" v-if="onLargeScreen">
+			<div class="wmde-banner-fallback-message">
+				<FallbackText/>
+			</div>
+
+			<LargeFooter @useOfFundsButtonClicked="isFundsModalVisible = true" @submitButtonClicked="onSubmit"/>
+		</div>
+
+		<FundsModal
+			:content="useOfFundsContent"
+			:is-funds-modal-visible="isFundsModalVisible"
+			@hideFundsModal="isFundsModalVisible = false"
+		>
+			<template #infographic>
+				<WMDEFundsForwardingEN/>
+			</template>
+		</FundsModal>
+
+	</div>
+</template>
+
+<script setup lang="ts">
+
+import ButtonClose from '@src/components/ButtonClose/ButtonClose.vue';
+import { CloseChoices } from '@src/domain/CloseChoices';
+import { CloseEvent } from '@src/tracking/events/CloseEvent';
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
+import { computed, inject, ref } from 'vue';
+import { useDisplaySwitch } from '@src/components/composables/useDisplaySwitch';
+import KeenSlider from '@src/components/Slider/KeenSlider.vue';
+import FallbackSlides from '../content/FallbackSlides.vue';
+import ChevronLeftIcon from '@src/components/Icons/ChevronLeftIcon.vue';
+import ChevronRightIcon from '@src/components/Icons/ChevronRightIcon.vue';
+import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
+import FallbackText from '../content/FallbackText.vue';
+import FallbackButton from '@src/components/FallbackBanner/FallbackButton.vue';
+import SmallFooter from '@src/components/FallbackBanner/SmallFooter.vue';
+import LargeFooter from '@src/components/FallbackBanner/LargeFooter.vue';
+import { Tracker } from '@src/tracking/Tracker';
+import { FallbackBannerSubmitEvent } from '@src/tracking/events/FallbackBannerSubmitEvent';
+import WMDEFundsForwardingEN from '@src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue';
+
+interface Props {
+	bannerState: BannerStates;
+	useOfFundsContent: useOfFundsContentInterface;
+	donationLink: string;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits( [ 'bannerClosed' ] );
+
+const tracker = inject<Tracker>( 'tracker' );
+const slideIndex = ref<number>( 0 );
+const slideCount = ref<number>( 0 );
+const slideShowStopped = ref<boolean>( false );
+const slideshowShouldPlay = computed( () => props.bannerState === BannerStates.Visible && !slideShowStopped.value );
+const isFundsModalVisible = ref<boolean>( false );
+
+const onLargeScreen = useDisplaySwitch( 799 );
+
+function onClose(): void {
+	emit( 'bannerClosed', new CloseEvent( 'FallbackBanner', CloseChoices.Close ) );
+}
+
+function onSlideChange( newIndex: number, newSlideCount: number ): void {
+	slideIndex.value = newIndex;
+	slideCount.value = newSlideCount;
+}
+
+function onSubmit(): void {
+	tracker.trackEvent( new FallbackBannerSubmitEvent() );
+	window.location.href = props.donationLink;
+}
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/MainBanner.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/MainBanner.vue
new file mode 100644
index 000000000..9f9ebe572
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/MainBanner.vue
@@ -0,0 +1,50 @@
+<template>
+	<div class="wmde-banner-main">
+		<slot name="close-button">
+			<ButtonClose @close="$emit( 'close' )"/>
+		</slot>
+		<div class="wmde-banner-content">
+			<div class="wmde-banner-column-left">
+				<slot name="banner-text" v-if="onLargeScreen"/>
+				<slot name="banner-slides" v-else :play="slideshowShouldPlay"/>
+				<slot name="progress"/>
+			</div>
+			<div class="wmde-banner-column-right">
+				<slot name="donation-form" :form-interaction="onFormInteraction"/>
+			</div>
+		</div>
+		<slot name="footer"/>
+	</div>
+</template>
+
+<script setup lang="ts">
+
+import ButtonClose from '@src/components/ButtonClose/ButtonClose.vue';
+import { useDisplaySwitch } from '@src/components/composables/useDisplaySwitch';
+import { computed, nextTick, ref } from 'vue';
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+
+interface Props {
+	bannerState: BannerStates;
+	minWidthForLargeScreen?: number;
+}
+
+const props = withDefaults( defineProps<Props>(), {
+	minWidthForLargeScreen: 1300
+} );
+const emit = defineEmits( [ 'close', 'formInteraction' ] );
+
+const slideShowStopped = ref<boolean>( false );
+const slideshowShouldPlay = computed( () => props.bannerState === BannerStates.Visible && !slideShowStopped.value );
+
+const onLargeScreen = useDisplaySwitch( props.minWidthForLargeScreen );
+
+const onFormInteraction = (): void => {
+	slideShowStopped.value = true;
+
+	nextTick( () => {
+		emit( 'formInteraction' );
+	} );
+};
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlides.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlides.vue
new file mode 100644
index 000000000..ac14de304
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlides.vue
@@ -0,0 +1,51 @@
+<template>
+	<KeenSliderSlide :is-current="currentSlide === 0">
+		<p class="headline">
+			<strong>
+				<InfoIcon fill="#990a00"/>
+				{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: &#8220;Wikipedia still can't be
+				sold.&#8221; - An important update for readers in Germany.
+			</strong>
+		</p>
+		<p>
+			Today is the day. We're sorry to interrupt, but it's {{ currentDayName }}, {{ currentDate }}, and this
+			message will be up for only a few hours.
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 1">
+		<p>
+			We ask you to reflect on the number of times you visited Wikipedia in the past year and if you're able to give €5 back.
+			<AnimatedText content="If everyone reading this gave just €5, we'd hit our goal in a few hours."/>
+			In the age of AI, access to verifiable facts is crucial. Wikipedia is at the heart of online information,
+			powering everything from your personal searches to emerging AI technologies.
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 2">
+		<p>
+			Your gift strengthens the knowledge of today and tomorrow. Just 1% of our readers donate, so if
+			you have given in the past and Wikipedia still provides you with €5 worth of knowledge, kindly donate
+			today. If you are undecided, remember that any contribution helps, whether it's €5 or €25. Thank&nbsp;you.
+		</p>
+	</KeenSliderSlide>
+</template>
+
+<script setup lang="ts">
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import { inject, onMounted, onUnmounted } from 'vue';
+import InfoIcon from '@src/components/Icons/InfoIcon.vue';
+import KeenSliderSlide from '@src/components/Slider/KeenSliderSlide.vue';
+import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
+import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
+
+interface Props {
+	currentSlide: number
+}
+
+defineProps<Props>();
+
+const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
+const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
+onMounted( startTimer );
+onUnmounted( stopTimer );
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
new file mode 100644
index 000000000..31c872b83
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
@@ -0,0 +1,52 @@
+<template>
+	<KeenSliderSlide :is-current="currentSlide === 0">
+		<p class="headline">
+			<strong>
+				<InfoIcon fill="#990a00"/>
+				{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were promised“
+				- An important update for readers in Germany.
+			</strong>
+		</p>
+		<p>
+			You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
+			{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
+			Wikipedia this year and if you're able to give €5 back.
+			<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 1">
+		<p>
+			The internet we were promised—a place of free, collaborative, and accessible knowledge—is under constant
+			threat. On Wikipedia, volunteers work together to create and verify the pages you rely on, supported by
+			tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 2">
+		<p>
+			Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with €5
+			worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether it's €5 or
+			€25. Thank you.
+		</p>
+	</KeenSliderSlide>
+</template>
+
+<script setup lang="ts">
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import { inject, onMounted, onUnmounted } from 'vue';
+import KeenSliderSlide from '@src/components/Slider/KeenSliderSlide.vue';
+import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
+import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
+import InfoIcon from '@src/components/Icons/InfoIcon.vue';
+
+interface Props {
+	currentSlide: number
+}
+
+defineProps<Props>();
+
+const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
+const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
+onMounted( startTimer );
+onUnmounted( stopTimer );
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerText.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerText.vue
new file mode 100644
index 000000000..7129d9b38
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerText.vue
@@ -0,0 +1,44 @@
+<template>
+	<div class="wmde-banner-message">
+		<div>
+			<p>
+				<strong>
+					<InfoIcon fill="#990a00"/>
+					{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: &#8220;Wikipedia still
+					can't be sold.&#8221; - An important update for readers in Germany.
+				</strong>
+			</p>
+			<p>
+				Today is the day. We're sorry to interrupt, but it's {{ currentDayName }}, {{ currentDate }}, and this
+				message will be up for only a few hours.
+				We ask you to reflect on the number of times you visited
+				Wikipedia in the past year and if you're able to give €5 back.
+				<AnimatedText content="If everyone reading this gave just €5, we'd hit our goal in a few hours."/>
+			</p>
+			<p>
+				In the age of AI, access to verifiable facts is crucial. Wikipedia is at the heart of online
+				information, powering everything from your personal searches to emerging AI technologies. Your gift
+				strengthens the knowledge of today and tomorrow.
+			</p>
+			<p>
+				Just 1% of our readers donate, so if you have
+				given in the past and Wikipedia still provides you with €5 worth of knowledge, kindly donate today. If
+				you are undecided, remember that any contribution helps, whether it's €5 or €25. Thank you.
+			</p>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { inject, onMounted, onUnmounted } from 'vue';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import InfoIcon from '@src/components/Icons/InfoIcon.vue';
+import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
+import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
+
+const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
+const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
+onMounted( startTimer );
+onUnmounted( stopTimer );
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue
new file mode 100644
index 000000000..e719d6b08
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue
@@ -0,0 +1,43 @@
+<template>
+	<div class="wmde-banner-message">
+		<div>
+			<p>
+				<strong>
+					<InfoIcon fill="#990a00"/>
+					{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were
+					promised“ - An important update for readers in Germany.
+				</strong>
+			</p>
+			<p>
+				You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
+				{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
+				Wikipedia this year and if you're able to give €5 back.
+				<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
+			</p>
+			<p>
+				The internet we were promised—a place of free, collaborative, and accessible knowledge—is under
+				constant threat. On Wikipedia, volunteers work together to create and verify the pages you rely on,
+				supported by tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
+			</p>
+			<p>
+				Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with
+				€5 worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether
+				it's €5 or €25. Thank you.
+			</p>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { inject, onMounted, onUnmounted } from 'vue';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
+import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
+import InfoIcon from '@src/components/Icons/InfoIcon.vue';
+
+const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
+const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
+onMounted( startTimer );
+onUnmounted( stopTimer );
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackSlides.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackSlides.vue
new file mode 100644
index 000000000..a50a81082
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackSlides.vue
@@ -0,0 +1,27 @@
+<template>
+	<KeenSliderSlide :is-current="currentSlide === 0">
+		<p>
+			If Wikipedia has given you €5 worth of knowledge this year, please give back.
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 1">
+		<p>
+			If you can, please join the 1% of readers who give. <em>Thank you.</em>
+		</p>
+	</KeenSliderSlide>
+	<KeenSliderSlide :is-current="currentSlide === 2">
+		<FallbackBank/>
+	</KeenSliderSlide>
+</template>
+
+<script setup lang="ts">
+import KeenSliderSlide from '@src/components/Slider/KeenSliderSlide.vue';
+import FallbackBank from '@src/components/FallbackBanner/FallbackBank.vue';
+
+interface Props {
+	currentSlide: number
+}
+
+defineProps<Props>();
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackText.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackText.vue
new file mode 100644
index 000000000..60a58e80d
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/content/FallbackText.vue
@@ -0,0 +1,32 @@
+<template>
+	<div class="wmde-banner-message">
+		<div>
+			<p>
+				<InfoIcon fill="#990a00"/> <strong>Please don't ignore this 1-minute read</strong>
+			</p>
+			<p>
+				This {{ currentDayName }}, {{ liveDateAndTime.currentDate }} at {{ liveDateAndTime.currentTime }}, please
+				reflect on the number of times you visited
+				Wikipedia in the past year, the value you got from it, and whether you're able to give €5 back. If you
+				can, please join the 1% of readers who give. <em>Thank you.</em>
+			</p>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { inject, onMounted, onUnmounted } from 'vue';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import InfoIcon from '@src/components/Icons/InfoIcon.vue';
+import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
+
+const {
+	currentDayName,
+	getCurrentDateAndTime
+}: DynamicContent = inject( 'dynamicCampaignText' );
+
+const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
+onMounted( startTimer );
+onUnmounted( stopTimer );
+
+</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/event_map.ts b/banners/english/C24_WMDE_Desktop_EN_05/event_map.ts
new file mode 100644
index 000000000..612f999a8
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/event_map.ts
@@ -0,0 +1,38 @@
+import { TrackingEventConverterFactory } from '@src/tracking/LegacyTrackerWPORG';
+import { WMDELegacyBannerEvent } from '@src/tracking/WPORG/WMDELegacyBannerEvent';
+import { FormStepShownEvent } from '@src/tracking/events/FormStepShownEvent';
+import { mapFormStepShownEvent } from '@src/tracking/LegacyEventTracking/mapFormStepShownEvent';
+import { CustomAmountChangedEvent } from '@src/tracking/events/CustomAmountChangedEvent';
+import { CloseEvent } from '@src/tracking/events/CloseEvent';
+import { mapCloseEvent } from '@src/tracking/LegacyEventTracking/mapCloseEvent';
+import { NotShownEvent } from '@src/tracking/events/NotShownEvent';
+import { mapNotShownEvent } from '@src/tracking/LegacyEventTracking/mapNotShownEvent';
+import { BannerSubmitEvent } from '@src/tracking/events/BannerSubmitEvent';
+import { WMDESizeIssueEvent } from '@src/tracking/WPORG/WMDEBannerSizeIssue';
+import { createViewportInfo } from '@src/tracking/LegacyEventTracking/createViewportInfo';
+import { FallbackBannerSubmitEvent } from '@src/tracking/events/FallbackBannerSubmitEvent';
+import { ShownEvent } from '@src/tracking/events/ShownEvent';
+import { mapShownEvent } from '@src/tracking/LegacyEventTracking/mapShownEvent';
+
+export default new Map<string, TrackingEventConverterFactory>( [
+	[ ShownEvent.EVENT_NAME, mapShownEvent ],
+	[ CloseEvent.EVENT_NAME, mapCloseEvent ],
+
+	[ FormStepShownEvent.EVENT_NAME, mapFormStepShownEvent ],
+	[ CustomAmountChangedEvent.EVENT_NAME,
+		( e: CustomAmountChangedEvent ): WMDELegacyBannerEvent =>
+			new WMDELegacyBannerEvent( e.userChoice + '-amount', 1 )
+	],
+	[ NotShownEvent.EVENT_NAME, mapNotShownEvent ],
+	[ BannerSubmitEvent.EVENT_NAME, ( e: BannerSubmitEvent ): WMDESizeIssueEvent => {
+		switch ( e.feature ) {
+			case 'UpgradeToYearlyForm':
+				return new WMDESizeIssueEvent( `submit-${e.userChoice}`, createViewportInfo(), 1 );
+			case 'CustomAmountForm':
+				return new WMDESizeIssueEvent( `submit-different-amount`, createViewportInfo(), 1 );
+			default:
+				return new WMDESizeIssueEvent( `submit`, createViewportInfo(), 1 );
+		}
+	} ],
+	[ FallbackBannerSubmitEvent.EVENT_NAME, ( e: FallbackBannerSubmitEvent ): WMDESizeIssueEvent => new WMDESizeIssueEvent( e.eventName, createViewportInfo(), 1 ) ]
+] );
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/form_items.ts b/banners/english/C24_WMDE_Desktop_EN_05/form_items.ts
new file mode 100644
index 000000000..95a254ccb
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/form_items.ts
@@ -0,0 +1,21 @@
+import FormItemsBuilder from '@src/utils/FormItemsBuilder/FormItemsBuilder';
+import { Translator } from '@src/Translator';
+import { DonationFormItems } from '@src/utils/FormItemsBuilder/DonationFormItems';
+import { Intervals } from '@src/utils/FormItemsBuilder/fields/Intervals';
+import { PaymentMethods } from '@src/utils/FormItemsBuilder/fields/PaymentMethods';
+import { NumberFormatter } from '@src/utils/DynamicContent/formatters/NumberFormatter';
+
+export function createFormItems( translations: Translator, amountFormatter: NumberFormatter ): DonationFormItems {
+	return new FormItemsBuilder( translations, amountFormatter )
+		.setIntervals(
+			Intervals.ONCE,
+			Intervals.MONTHLY,
+			Intervals.QUARTERLY,
+			Intervals.YEARLY
+		)
+		.setAmounts( 5, 10, 20, 25, 50, 100 )
+		.setPaymentMethods(
+			PaymentMethods.PAYPAL,
+			PaymentMethods.CREDIT_CARD
+		).getItems();
+}
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/messages.ts b/banners/english/C24_WMDE_Desktop_EN_05/messages.ts
new file mode 100644
index 000000000..28077441b
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/messages.ts
@@ -0,0 +1,28 @@
+import CustomAmountFormEn from '@src/components/DonationForm/Forms/messages/CustomAmountForm.en';
+import DynamicCampaignTextEn from '@src/utils/DynamicContent/messages/DynamicCampaignText.en';
+import { TranslationMessages } from '@src/Translator';
+import UpgradeToYearlyEn from '@src/components/DonationForm/Forms/messages/UpgradeToYearly.en';
+import SoftCloseEn from '@src/components/SoftClose/messages/SoftClose.en';
+import AddressFormEn from '@src/components/DonationForm/Forms/messages/AddressForm.en';
+import FooterEn from '@src/components/Footer/messages/Footer.en';
+import MainDonationFormEn from '@src/components/DonationForm/Forms/messages/MainDonationForm.en';
+import AlreadyDonatedModalEn from '@src/components/AlreadyDonatedModal/translations/AlreadyDonatedModal.en';
+import FallbackBanner from '@src/components/FallbackBanner/messages/FallbackBanner.en';
+
+const messages: TranslationMessages = {
+	...CustomAmountFormEn,
+	...DynamicCampaignTextEn,
+	...UpgradeToYearlyEn,
+	...SoftCloseEn,
+	...AddressFormEn,
+	...FooterEn,
+	...MainDonationFormEn,
+	...AlreadyDonatedModalEn,
+	...FallbackBanner,
+	'upgrade-to-yearly-copy': '<p>Every year we are dependent on the support of people like you. Yearly donations ' +
+		'help sustainably and enable long term development.</p>' +
+		'<p>No risks attached, you can tell us to stop at any time.</p>',
+	'cover-transaction-costs': 'I\'ll generously add {{transactionCosts}} to cover the transaction fees so you can keep 100% of my donation.'
+};
+
+export default messages;
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/Banner.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/Banner.scss
new file mode 100644
index 000000000..f88657686
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/Banner.scss
@@ -0,0 +1,17 @@
+@use 'src/themes/Treedip/variables/fonts';
+
+.wmde-banner {
+	&-wrapper {
+		font-size: 14px;
+		font-family: fonts.$ui;
+		box-shadow: var( --main-box-shadow );
+		background-color: var( --main-background );
+		color: var( --main-color );
+	}
+
+	&--closed {
+		.wmde-banner-wrapper {
+			display: none;
+		}
+	}
+}
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
new file mode 100644
index 000000000..dbc72eb30
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
@@ -0,0 +1,134 @@
+@use 'src/themes/Treedip/variables/globals';
+@use 'src/themes/Treedip/variables/fonts';
+
+$breakpoint: 800px;
+
+.wmde-banner {
+	&-fallback {
+		width: 100%;
+		height: 150px;
+		display: flex;
+		flex-direction: column;
+		background: var( --fallback-background );
+		box-shadow: var( --main-box-shadow );
+
+		@media ( min-width: $breakpoint ) {
+			height: auto;
+			min-height: 250px;
+			padding: 4px;
+		}
+
+		&-small,
+		&-large {
+			display: flex;
+			flex-direction: column;
+			flex: 1 1 auto;
+		}
+
+		&-small {
+			align-items: center;
+			border: 4px solid var( --fallback-border );
+			border-radius: 4px;
+			padding: 8px;
+
+			.wmde-banner-progress-bar {
+				height: 25px;
+				line-height: 25px;
+			}
+
+			.wmde-banner-progress-bar-text,
+			.wmde-banner-progress-bar-fill-wrapper {
+				height: 25px;
+			}
+
+			.wmde-banner-progress-bar-fill {
+				line-height: 20px;
+			}
+
+			.wmde-banner-fallback-button {
+				margin: 0 0 8px;
+			}
+
+			.wmde-banner-selection-input-text,
+			.wmde-banner-selection-input-input {
+				font-family: fonts.$content;
+				font-size: 14px;
+				font-weight: normal;
+			}
+		}
+
+		&-large {
+			align-items: stretch;
+		}
+
+		&-usage-link {
+			color: var( --fallback-uof-link );
+		}
+
+		&-message {
+			flex: 1 1 auto;
+			display: flex;
+			flex-direction: column;
+			background: var( --fallback-message-background );
+			border: 4px solid var( --fallback-message-border );
+			border-radius: 4px;
+			padding: 8px 0;
+		}
+
+		&-bank-item {
+			display: block;
+
+			&-label {
+				font-weight: bold;
+			}
+		}
+
+		.wmde-banner-close {
+			height: 16px;
+			width: 16px;
+			top: 8px;
+			right: 8px;
+
+			@media ( min-width: $breakpoint ) {
+				height: 30px;
+				width: 30px;
+				top: 12px;
+				right: 12px;
+			}
+		}
+
+		.wmde-banner-slider-container {
+			padding: 0 0 8px;
+		}
+
+		.wmde-banner-slide-content {
+			font-size: 14px;
+			p {
+				margin-bottom: 8px;
+			}
+		}
+
+		.wmde-banner-slider-navigation-previous,
+		.wmde-banner-slider-navigation-next {
+			align-items: end;
+		}
+
+		.wmde-banner-slider-pagination-dot {
+			cursor: default;
+		}
+
+		.wmde-banner-message {
+			flex: 1 1 auto;
+
+			p {
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	&--pending {
+		.wmde-banner-fallback {
+			box-shadow: none;
+		}
+	}
+}
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/MainBanner.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/MainBanner.scss
new file mode 100644
index 000000000..518b8c959
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/MainBanner.scss
@@ -0,0 +1,44 @@
+$banner-height: 357px !default;
+$form-width: 300px !default;
+
+.wmde-banner {
+	&-main {
+		min-height: $banner-height;
+		display: flex;
+		flex-direction: column;
+		padding: 12px 24px 0;
+	}
+
+	&-content {
+		display: flex;
+		flex-direction: row;
+		flex-grow: 1;
+	}
+
+	&-message {
+		padding: 0 15px;
+	}
+
+	&-column-left {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		flex: 1 1 auto;
+		margin-bottom: 0;
+		overflow-y: hidden;
+		margin-right: 30px;
+		padding: 0 0 10px;
+		background: var( --message-background );
+		border: 5px solid var( --message-border );
+		border-radius: 9px;
+	}
+
+	&-column-right {
+		order: 2;
+		flex: 0 0 $form-width;
+		display: flex;
+		flex-direction: column;
+		width: $form-width;
+		padding: 10px 0;
+	}
+}
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
new file mode 100644
index 000000000..fba213019
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
@@ -0,0 +1,60 @@
+// This is the file where we import the theme-specific component styles
+@use 'src/themes/Treedip/swatches/skin_vector-2022' with (
+	$slider: true,
+	$select-group-bubble: true,
+	$select-group-image-label: true,
+	$upgrade-to-yearly: true,
+	$fallback-banner: true,
+	$progress-bar: true,
+	$soft-close: true,
+);
+@use 'src/themes/Treedip/variables/breakpoints';
+@use 'src/components/BannerConductor/banner-transition';
+@use 'Banner';
+@use 'MainBanner' with (
+	$banner-height: 355px,
+	$form-width: 300px
+);
+@use 'src/themes/UseOfFunds/swatches/skin_vector-2022' as uof-vector-2022;
+@use 'src/themes/UseOfFunds/UseOfFunds';
+@use 'src/themes/Treedip/defaults';
+@use 'src/themes/Treedip/ButtonClose/ButtonClose' with (
+	$padding: 4px,
+	$top: 12px,
+	$right: 8px,
+	$margin: -4.5px
+);
+@use 'src/themes/Treedip/ProgressBar/ProgressBarAlternative' with (
+	$progress-bar-margin: 0 15px
+);
+@use 'src/themes/Treedip/DonationForm/DonationForm';
+@use 'src/themes/Treedip/DonationForm/MultiStepDonation';
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupBubble';
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupRadioBubbles' with (
+	$height: 34px,
+	$font-size: 14px
+);
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble' with (
+	$height: 34px,
+	$font-size: 14px
+);
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupBubbleImageLabel';
+@use 'src/themes/Treedip/DonationForm/SubComponents/SmsBox';
+@use 'src/themes/Treedip/DonationForm/Forms/MainDonationForm' with (
+	$padding: 14px 0 0
+);
+@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
+@use 'src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use 'src/themes/Treedip/Footer/FooterAlreadyDonated' with (
+	$right-column-width: 300px
+);
+@use 'src/themes/Treedip/Footer/SelectionInput';
+@use 'src/themes/Treedip/Message/Message' with (
+	$font-sizes: ( 1400px: 15px, 1600px: 16px, 1800px: 18px )
+);
+@use 'src/themes/Treedip/Slider/KeenSlider';
+@use 'src/themes/Treedip/SoftClose/SoftClose';
+@use 'FallbackBanner';
+@use 'src/themes/Fijitiv/FallbackBanner/FallbackButton';
+@use 'src/themes/Fijitiv/FallbackBanner/LargeFooter';
+@use 'src/themes/Fijitiv/FallbackBanner/SmallFooter';
diff --git a/campaign_info.toml b/campaign_info.toml
index 72b912a28..b7d6a1d76 100644
--- a/campaign_info.toml
+++ b/campaign_info.toml
@@ -139,9 +139,9 @@ tracking = "wpde-mob01-241028-var"
 [english]
 name = "English Desktop"
 icon = "desktop"
-campaign = "C24_WMDE_Desktop_EN_04"
-description = "Based on CTRL desktop EN 03"
-campaign_tracking = "en04-ba-241113"
+campaign = "C24_WMDE_Desktop_EN_05"
+description = "Based on CTRL desktop EN 04"
+campaign_tracking = "en05-ba-241125"
 preview_link = "/wiki/Main_Page?devbanner={{banner}}&banner=B22_WMDE_local_prototype"
 preview_link_darkmode = "/wiki/Main_Page?devbanner={{banner}}&banner=B22_WMDE_local_prototype&vectornightmode=1"
 preview_url = 'https://en.wikipedia.org/wiki/Main_Page?banner={{banner}}&devMode'
@@ -149,14 +149,14 @@ wrapper_template = "wikipedia_org"
 use_of_funds_source = "MediaWiki:WMDE_Fundraising/UseOfFunds_2024_EN"
 
 [english.banners.ctrl]
-filename = "./banners/english/C24_WMDE_Desktop_EN_04/banner_ctrl.ts"
-pagename = "B24_WMDE_Desktop_EN_04_ctrl"
-tracking = "org-en04-241113-ctrl"
+filename = "./banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts"
+pagename = "B24_WMDE_Desktop_EN_05_ctrl"
+tracking = "org-en05-241125-ctrl"
 
 [english.banners.var]
-filename = "./banners/english/C24_WMDE_Desktop_EN_04/banner_var.ts"
-pagename = "B24_WMDE_Desktop_EN_04_var"
-tracking = "org-en04-241113-var"
+filename = "./banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts"
+pagename = "B24_WMDE_Desktop_EN_05_var"
+tracking = "org-en05-241125-var"
 
 [english.test_matrix]
 platform = ["edge", "firefox_win10", "chrome_win10", "safari", "firefox_macos", "chrome_macos", "firefox_linux", "chrome_linux"]
diff --git a/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.spec.ts b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.spec.ts
new file mode 100644
index 000000000..87c1a797b
--- /dev/null
+++ b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.spec.ts
@@ -0,0 +1,141 @@
+import { beforeEach, describe, test } from 'vitest';
+import { mount, VueWrapper } from '@vue/test-utils';
+import Banner from '@banners/english/C24_WMDE_Desktop_EN_05/components/BannerCtrl.vue';
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { newDynamicContent } from '@test/banners/dynamicCampaignContent';
+import { useOfFundsContent } from '@test/banners/useOfFundsContent';
+import { formItems } from '@test/banners/formItems';
+import { CurrencyEn } from '@src/utils/DynamicContent/formatters/CurrencyEn';
+import { useOfFundsFeatures } from '@test/features/UseOfFunds';
+import { bannerContentAnimatedTextFeatures, bannerContentDateAndTimeFeatures, bannerContentDisplaySwitchFeatures, bannerContentFeatures } from '@test/features/BannerContent';
+import { TrackerStub } from '@test/fixtures/TrackerStub';
+import { donationFormFeatures } from '@test/features/forms/MainDonation_UpgradeToYearlyButton';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { resetFormModel } from '@test/resetFormModel';
+import { bannerAutoHideFeatures, bannerMainFeatures } from '@test/features/MainBanner';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import { alreadyDonatedModalFeatures } from '@test/features/AlreadyDonatedModal';
+import { softCloseFeatures } from '@test/features/SoftCloseDesktop';
+import { Timer } from '@src/utils/Timer';
+import { TimerStub } from '@test/fixtures/TimerStub';
+
+const formModel = useFormModel();
+const translator = ( key: string ): string => key;
+
+describe( 'BannerCtrl.vue', () => {
+
+	beforeEach( () => {
+		resetFormModel( formModel );
+	} );
+
+	const getWrapper = ( dynamicContent: DynamicContent = null, timer: Timer = null ): VueWrapper<any> => {
+		return mount( Banner, {
+			attachTo: document.body,
+			props: {
+				bannerState: BannerStates.Pending,
+				useOfFundsContent,
+				remainingImpressions: 10
+			},
+			global: {
+				mocks: {
+					$translate: translator
+				},
+				provide: {
+					translator: { translate: translator },
+					dynamicCampaignText: dynamicContent ?? newDynamicContent(),
+					formActions: { donateWithAddressAction: 'https://example.com', donateWithoutAddressAction: 'https://example.com' },
+					currencyFormatter: new CurrencyEn(),
+					formItems,
+					tracker: new TrackerStub(),
+					timer: timer ?? new TimerStub()
+				}
+			}
+		} );
+	};
+
+	describe( 'Main Banner', () => {
+		test.each( [
+			[ 'expectDoesNotEmitCloseEvent' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerMainFeatures[ testName ]( getWrapper() );
+		} );
+
+		test.each( [
+			[ 'expectClosesBannerWhenWindowBecomesSmall' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerAutoHideFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Content', () => {
+		test.each( [
+			[ 'expectSlideShowPlaysWhenBecomesVisible' ],
+			[ 'expectSlideShowStopsOnFormInteraction' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentFeatures[ testName ]( getWrapper() );
+		} );
+
+		test.each( [
+			[ 'expectShowsSlideShowOnSmallSizes' ],
+			[ 'expectShowsMessageOnLargeSizes' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1300 );
+		} );
+
+		test.each( [
+			[ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage' ],
+			[ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentAnimatedTextFeatures[ testName ]( getWrapper );
+		} );
+
+		test.each( [
+			[ 'expectShowsLiveDateAndTimeInMessage' ],
+			[ 'expectShowsLiveDateAndTimeInSlideshow' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentDateAndTimeFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Donation Form Happy Paths', () => {
+		test.each( [
+			[ 'expectMainDonationFormSubmitsWhenSofortIsSelected' ],
+			[ 'expectMainDonationFormSubmitsWhenYearlyIsSelected' ],
+			[ 'expectMainDonationFormGoesToUpgrade' ],
+			[ 'expectUpgradeToYearlyFormSubmitsUpgrade' ],
+			[ 'expectUpgradeToYearlyFormSubmitsDontUpgrade' ]
+		] )( '%s', async ( testName: string ) => {
+			await donationFormFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+
+	describe( 'Soft Close', () => {
+		test.each( [
+			[ 'expectShowsSoftClose' ],
+			[ 'expectEmitsSoftCloseCloseEvent' ],
+			[ 'expectEmitsSoftCloseMaybeLaterEvent' ],
+			[ 'expectEmitsSoftCloseTimeOutEvent' ],
+			[ 'expectEmitsBannerContentChangedOnSoftClose' ],
+			[ 'expectDoesNotShowSoftCloseOnFinalBannerImpression' ]
+		] )( '%s', async ( testName: string ) => {
+			await softCloseFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Use of Funds', () => {
+		test.each( [
+			[ 'expectShowsUseOfFunds' ],
+			[ 'expectHidesUseOfFunds' ]
+		] )( '%s', async ( testName: string ) => {
+			await useOfFundsFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+
+	describe( 'Already Donated', () => {
+		test.each( [
+			[ 'expectFiresMaybeLaterEventOnLinkClick' ]
+		] )( '%s', async ( testName: string ) => {
+			await alreadyDonatedModalFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+} );
diff --git a/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
new file mode 100644
index 000000000..5159e18f9
--- /dev/null
+++ b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
@@ -0,0 +1,141 @@
+import { beforeEach, describe, test } from 'vitest';
+import { mount, VueWrapper } from '@vue/test-utils';
+import Banner from '@banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue';
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { newDynamicContent } from '@test/banners/dynamicCampaignContent';
+import { useOfFundsContent } from '@test/banners/useOfFundsContent';
+import { formItems } from '@test/banners/formItems';
+import { CurrencyEn } from '@src/utils/DynamicContent/formatters/CurrencyEn';
+import { useOfFundsFeatures } from '@test/features/UseOfFunds';
+import { bannerContentAnimatedTextFeatures, bannerContentDateAndTimeFeatures, bannerContentDisplaySwitchFeatures, bannerContentFeatures } from '@test/features/BannerContent';
+import { TrackerStub } from '@test/fixtures/TrackerStub';
+import { donationFormFeatures } from '@test/features/forms/MainDonation_UpgradeToYearlyButton';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { resetFormModel } from '@test/resetFormModel';
+import { bannerAutoHideFeatures, bannerMainFeatures } from '@test/features/MainBanner';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import { alreadyDonatedModalFeatures } from '@test/features/AlreadyDonatedModal';
+import { softCloseFeatures } from '@test/features/SoftCloseDesktop';
+import { Timer } from '@src/utils/Timer';
+import { TimerStub } from '@test/fixtures/TimerStub';
+
+const formModel = useFormModel();
+const translator = ( key: string ): string => key;
+
+describe( 'BannerVar.vue', () => {
+
+	beforeEach( () => {
+		resetFormModel( formModel );
+	} );
+
+	const getWrapper = ( dynamicContent: DynamicContent = null, timer: Timer = null ): VueWrapper<any> => {
+		return mount( Banner, {
+			attachTo: document.body,
+			props: {
+				bannerState: BannerStates.Pending,
+				useOfFundsContent,
+				remainingImpressions: 10
+			},
+			global: {
+				mocks: {
+					$translate: translator
+				},
+				provide: {
+					translator: { translate: translator },
+					dynamicCampaignText: dynamicContent ?? newDynamicContent(),
+					formActions: { donateWithAddressAction: 'https://example.com', donateWithoutAddressAction: 'https://example.com' },
+					currencyFormatter: new CurrencyEn(),
+					formItems,
+					tracker: new TrackerStub(),
+					timer: timer ?? new TimerStub()
+				}
+			}
+		} );
+	};
+
+	describe( 'Main Banner', () => {
+		test.each( [
+			[ 'expectDoesNotEmitCloseEvent' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerMainFeatures[ testName ]( getWrapper() );
+		} );
+
+		test.each( [
+			[ 'expectClosesBannerWhenWindowBecomesSmall' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerAutoHideFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Content', () => {
+		test.each( [
+			[ 'expectSlideShowPlaysWhenBecomesVisible' ],
+			[ 'expectSlideShowStopsOnFormInteraction' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentFeatures[ testName ]( getWrapper() );
+		} );
+
+		test.each( [
+			[ 'expectShowsSlideShowOnSmallSizes' ],
+			[ 'expectShowsMessageOnLargeSizes' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentDisplaySwitchFeatures[ testName ]( getWrapper, 1300 );
+		} );
+
+		test.each( [
+			[ 'expectShowsAnimatedVisitorsVsDonorsSentenceInMessage' ],
+			[ 'expectShowsAnimatedVisitorsVsDonorsSentenceInSlideShow' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentAnimatedTextFeatures[ testName ]( getWrapper );
+		} );
+
+		test.each( [
+			[ 'expectShowsLiveDateAndTimeInMessage' ],
+			[ 'expectShowsLiveDateAndTimeInSlideshow' ]
+		] )( '%s', async ( testName: string ) => {
+			await bannerContentDateAndTimeFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Donation Form Happy Paths', () => {
+		test.each( [
+			[ 'expectMainDonationFormSubmitsWhenSofortIsSelected' ],
+			[ 'expectMainDonationFormSubmitsWhenYearlyIsSelected' ],
+			[ 'expectMainDonationFormGoesToUpgrade' ],
+			[ 'expectUpgradeToYearlyFormSubmitsUpgrade' ],
+			[ 'expectUpgradeToYearlyFormSubmitsDontUpgrade' ]
+		] )( '%s', async ( testName: string ) => {
+			await donationFormFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+
+	describe( 'Soft Close', () => {
+		test.each( [
+			[ 'expectShowsSoftClose' ],
+			[ 'expectEmitsSoftCloseCloseEvent' ],
+			[ 'expectEmitsSoftCloseMaybeLaterEvent' ],
+			[ 'expectEmitsSoftCloseTimeOutEvent' ],
+			[ 'expectEmitsBannerContentChangedOnSoftClose' ],
+			[ 'expectDoesNotShowSoftCloseOnFinalBannerImpression' ]
+		] )( '%s', async ( testName: string ) => {
+			await softCloseFeatures[ testName ]( getWrapper );
+		} );
+	} );
+
+	describe( 'Use of Funds', () => {
+		test.each( [
+			[ 'expectShowsUseOfFunds' ],
+			[ 'expectHidesUseOfFunds' ]
+		] )( '%s', async ( testName: string ) => {
+			await useOfFundsFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+
+	describe( 'Already Donated', () => {
+		test.each( [
+			[ 'expectFiresMaybeLaterEventOnLinkClick' ]
+		] )( '%s', async ( testName: string ) => {
+			await alreadyDonatedModalFeatures[ testName ]( getWrapper() );
+		} );
+	} );
+} );
diff --git a/test/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.spec.ts b/test/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.spec.ts
new file mode 100644
index 000000000..4a04d7f75
--- /dev/null
+++ b/test/banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.spec.ts
@@ -0,0 +1,64 @@
+import { describe, test } from 'vitest';
+import { mount, VueWrapper } from '@vue/test-utils';
+import FallbackBanner from '@banners/english/C24_WMDE_Desktop_EN_05/components/FallbackBanner.vue';
+import { BannerStates } from '@src/components/BannerConductor/StateMachine/BannerStates';
+import { useOfFundsContent } from '@test/banners/useOfFundsContent';
+import { newDynamicContent } from '@test/banners/dynamicCampaignContent';
+import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
+import { Tracker } from '@src/tracking/Tracker';
+import { TrackerStub } from '@test/fixtures/TrackerStub';
+import { dynamicContentFeatures, fallbackBannerFeatures, submitFeatures } from '@test/features/FallbackBanner';
+import { TimerStub } from '@test/fixtures/TimerStub';
+import { Timer } from '@src/utils/Timer';
+
+const translator = ( key: string ): string => key;
+
+describe( 'FallbackBanner.vue', () => {
+	const getWrapperAtWidth = ( width: number, dynamicContent: DynamicContent = null, tracker: Tracker = null, timer: Timer = null ): VueWrapper<any> => {
+		Object.defineProperty( window, 'innerWidth', { writable: true, configurable: true, value: width } );
+		return mount( FallbackBanner, {
+			props: {
+				bannerState: BannerStates.Pending,
+				useOfFundsContent,
+				donationLink: 'https://spenden.wikimedia.de'
+			},
+			global: {
+				mocks: {
+					$translate: translator
+				},
+				provide: {
+					translator: { translate: translator },
+					dynamicCampaignText: dynamicContent ?? newDynamicContent(),
+					tracker: tracker ?? new TrackerStub(),
+					timer: timer ?? new TimerStub()
+				}
+			}
+		} );
+	};
+
+	test.each( [
+		[ 'showsTheSmallBanner' ],
+		[ 'showsTheLargeBanner' ],
+		[ 'emitsTheBannerCloseEvent' ],
+		[ 'playsTheSlideshowWhenBecomesVisible' ],
+		[ 'showsUseOfFundsFromSmallBanner' ],
+		[ 'hidesUseOfFundsFromSmallBanner' ],
+		[ 'showsUseOfFundsFromLargeBanner' ],
+		[ 'hidesUseOfFundsFromLargeBanner' ]
+	] )( '%s', async ( testName: string ) => {
+		await fallbackBannerFeatures[ testName ]( getWrapperAtWidth );
+	} );
+
+	test.each( [
+		[ 'showsLiveTimeInLargeBanner' ]
+	] )( '%s', async ( testName: string ) => {
+		await dynamicContentFeatures[ testName ]( getWrapperAtWidth );
+	} );
+
+	test.each( [
+		[ 'submitsFromLargeBanner' ],
+		[ 'submitsFromSmallBanner' ]
+	] )( '%s', async ( testName: string ) => {
+		await submitFeatures[ testName ]( getWrapperAtWidth );
+	} );
+} );

From 38ac67f51f7346c71b0677421138ee7a34eb6cde Mon Sep 17 00:00:00 2001
From: Abban Dunne <abban.dunne@wikimedia.de>
Date: Wed, 20 Nov 2024 14:10:33 +0100
Subject: [PATCH 2/4] Prepare CTRL for C24_WMDE_Desktop_EN_05

Ticket: https://phabricator.wikimedia.org/T380360
---
 .../components/BannerVar.vue                  |  4 +-
 .../content/BannerSlidesVar.vue               | 52 -------------------
 .../content/BannerTextVar.vue                 | 43 ---------------
 .../C24_WMDE_Desktop_EN_05/banner_ctrl.ts     |  2 +-
 .../components/BannerVar.vue                  |  4 +-
 .../content/BannerSlidesVar.vue               | 52 -------------------
 .../content/BannerTextVar.vue                 | 43 ---------------
 7 files changed, 5 insertions(+), 195 deletions(-)
 delete mode 100644 banners/english/C24_WMDE_Desktop_EN_04/content/BannerSlidesVar.vue
 delete mode 100644 banners/english/C24_WMDE_Desktop_EN_04/content/BannerTextVar.vue
 delete mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
 delete mode 100644 banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue

diff --git a/banners/english/C24_WMDE_Desktop_EN_04/components/BannerVar.vue b/banners/english/C24_WMDE_Desktop_EN_04/components/BannerVar.vue
index 043ceec16..d5f616146 100644
--- a/banners/english/C24_WMDE_Desktop_EN_04/components/BannerVar.vue
+++ b/banners/english/C24_WMDE_Desktop_EN_04/components/BannerVar.vue
@@ -89,10 +89,10 @@ import MainBanner from './MainBanner.vue';
 import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
 import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
 import UpgradeToYearlyButtonForm from '@src/components/DonationForm/Forms/UpgradeToYearlyButtonForm.vue';
-import BannerSlides from '../content/BannerSlidesVar.vue';
+import BannerSlides from '../content/BannerSlides.vue';
 import MainDonationForm from '@src/components/DonationForm/Forms/MainDonationForm.vue';
 import MultiStepDonation from '@src/components/DonationForm/MultiStepDonation.vue';
-import BannerText from '../content/BannerTextVar.vue';
+import BannerText from '../content/BannerText.vue';
 import KeenSlider from '@src/components/Slider/KeenSlider.vue';
 import FooterAlreadyDonated from '@src/components/Footer/FooterAlreadyDonated.vue';
 import { useFormModel } from '@src/components/composables/useFormModel';
diff --git a/banners/english/C24_WMDE_Desktop_EN_04/content/BannerSlidesVar.vue b/banners/english/C24_WMDE_Desktop_EN_04/content/BannerSlidesVar.vue
deleted file mode 100644
index e24663cf5..000000000
--- a/banners/english/C24_WMDE_Desktop_EN_04/content/BannerSlidesVar.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<KeenSliderSlide :is-current="currentSlide === 0">
-		<p class="headline">
-			<strong>
-				<InfoIconStraight/>
-				{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were promised“
-				- An important update for readers in Germany.
-			</strong>
-		</p>
-		<p>
-			You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
-			{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
-			Wikipedia this year and if you're able to give €5 back.
-			<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
-		</p>
-	</KeenSliderSlide>
-	<KeenSliderSlide :is-current="currentSlide === 1">
-		<p>
-			The internet we were promised—a place of free, collaborative, and accessible knowledge—is under constant
-			threat. On Wikipedia, volunteers work together to create and verify the pages you rely on, supported by
-			tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
-		</p>
-	</KeenSliderSlide>
-	<KeenSliderSlide :is-current="currentSlide === 2">
-		<p>
-			Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with €5
-			worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether it's €5 or
-			€25. Thank you.
-		</p>
-	</KeenSliderSlide>
-</template>
-
-<script setup lang="ts">
-import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
-import { inject, onMounted, onUnmounted } from 'vue';
-import KeenSliderSlide from '@src/components/Slider/KeenSliderSlide.vue';
-import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
-import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
-import InfoIconStraight from '@src/components/Icons/InfoIconStraight.vue';
-
-interface Props {
-	currentSlide: number
-}
-
-defineProps<Props>();
-
-const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
-const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
-onMounted( startTimer );
-onUnmounted( stopTimer );
-
-</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_04/content/BannerTextVar.vue b/banners/english/C24_WMDE_Desktop_EN_04/content/BannerTextVar.vue
deleted file mode 100644
index 62b22623b..000000000
--- a/banners/english/C24_WMDE_Desktop_EN_04/content/BannerTextVar.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-	<div class="wmde-banner-message">
-		<div>
-			<p>
-				<strong>
-					<InfoIconStraight/>
-					{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were
-					promised“ - An important update for readers in Germany.
-				</strong>
-			</p>
-			<p>
-				You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
-				{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
-				Wikipedia this year and if you're able to give €5 back.
-				<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
-			</p>
-			<p>
-				The internet we were promised—a place of free, collaborative, and accessible knowledge—is under
-				constant threat. On Wikipedia, volunteers work together to create and verify the pages you rely on,
-				supported by tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
-			</p>
-			<p>
-				Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with
-				€5 worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether
-				it's €5 or €25. Thank you.
-			</p>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { inject, onMounted, onUnmounted } from 'vue';
-import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
-import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
-import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
-import InfoIconStraight from '@src/components/Icons/InfoIconStraight.vue';
-
-const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
-const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
-onMounted( startTimer );
-onUnmounted( stopTimer );
-
-</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts b/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
index eaa6e8e8e..5ac47a488 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
+++ b/banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts
@@ -64,7 +64,7 @@ const currencyFormatter = localeFactory.getCurrencyFormatter();
 
 app.provide( 'currencyFormatter', currencyFormatter );
 app.provide( 'formItems', createFormItems( translator, currencyFormatter.euroAmount.bind( currencyFormatter ) ) );
-app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN, afo: '1' } ) );
+app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN } ) );
 app.provide( 'tracker', tracker );
 app.provide( 'timer', new WindowTimer() );
 
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
index 043ceec16..d5f616146 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
@@ -89,10 +89,10 @@ import MainBanner from './MainBanner.vue';
 import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
 import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
 import UpgradeToYearlyButtonForm from '@src/components/DonationForm/Forms/UpgradeToYearlyButtonForm.vue';
-import BannerSlides from '../content/BannerSlidesVar.vue';
+import BannerSlides from '../content/BannerSlides.vue';
 import MainDonationForm from '@src/components/DonationForm/Forms/MainDonationForm.vue';
 import MultiStepDonation from '@src/components/DonationForm/MultiStepDonation.vue';
-import BannerText from '../content/BannerTextVar.vue';
+import BannerText from '../content/BannerText.vue';
 import KeenSlider from '@src/components/Slider/KeenSlider.vue';
 import FooterAlreadyDonated from '@src/components/Footer/FooterAlreadyDonated.vue';
 import { useFormModel } from '@src/components/composables/useFormModel';
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
deleted file mode 100644
index 31c872b83..000000000
--- a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerSlidesVar.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<KeenSliderSlide :is-current="currentSlide === 0">
-		<p class="headline">
-			<strong>
-				<InfoIcon fill="#990a00"/>
-				{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were promised“
-				- An important update for readers in Germany.
-			</strong>
-		</p>
-		<p>
-			You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
-			{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
-			Wikipedia this year and if you're able to give €5 back.
-			<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
-		</p>
-	</KeenSliderSlide>
-	<KeenSliderSlide :is-current="currentSlide === 1">
-		<p>
-			The internet we were promised—a place of free, collaborative, and accessible knowledge—is under constant
-			threat. On Wikipedia, volunteers work together to create and verify the pages you rely on, supported by
-			tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
-		</p>
-	</KeenSliderSlide>
-	<KeenSliderSlide :is-current="currentSlide === 2">
-		<p>
-			Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with €5
-			worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether it's €5 or
-			€25. Thank you.
-		</p>
-	</KeenSliderSlide>
-</template>
-
-<script setup lang="ts">
-import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
-import { inject, onMounted, onUnmounted } from 'vue';
-import KeenSliderSlide from '@src/components/Slider/KeenSliderSlide.vue';
-import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
-import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
-import InfoIcon from '@src/components/Icons/InfoIcon.vue';
-
-interface Props {
-	currentSlide: number
-}
-
-defineProps<Props>();
-
-const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
-const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
-onMounted( startTimer );
-onUnmounted( stopTimer );
-
-</script>
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue
deleted file mode 100644
index e719d6b08..000000000
--- a/banners/english/C24_WMDE_Desktop_EN_05/content/BannerTextVar.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-	<div class="wmde-banner-message">
-		<div>
-			<p>
-				<strong>
-					<InfoIcon fill="#990a00"/>
-					{{ liveDateAndTime.currentDate }}, {{ liveDateAndTime.currentTime }}: “The internet we were
-					promised“ - An important update for readers in Germany.
-				</strong>
-			</p>
-			<p>
-				You deserve an explanation, so please don't skip this 1-minute read. It's {{ currentDayName }},
-				{{ currentDate }}, and this message will be up only briefly. Please reflect on how often you've visited
-				Wikipedia this year and if you're able to give €5 back.
-				<AnimatedText content="If everyone reading this gave €5, we'd hit our goal in a few hours."/>
-			</p>
-			<p>
-				The internet we were promised—a place of free, collaborative, and accessible knowledge—is under
-				constant threat. On Wikipedia, volunteers work together to create and verify the pages you rely on,
-				supported by tools that undo vandalism within minutes, ensuring the information you seek is trustworthy.
-			</p>
-			<p>
-				Just 1% of our readers donate, so if you have given in the past and Wikipedia still provides you with
-				€5 worth of knowledge, donate today. If you are undecided, remember any contribution helps, whether
-				it's €5 or €25. Thank you.
-			</p>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { inject, onMounted, onUnmounted } from 'vue';
-import { DynamicContent } from '@src/utils/DynamicContent/DynamicContent';
-import AnimatedText from '@src/components/AnimatedText/AnimatedText.vue';
-import { useLiveDateAndTime } from '@src/components/composables/useLiveDateAndTime';
-import InfoIcon from '@src/components/Icons/InfoIcon.vue';
-
-const { currentDayName, currentDate, getCurrentDateAndTime }: DynamicContent = inject( 'dynamicCampaignText' );
-const { liveDateAndTime, startTimer, stopTimer } = useLiveDateAndTime( getCurrentDateAndTime );
-onMounted( startTimer );
-onUnmounted( stopTimer );
-
-</script>

From 740c8d5ffef262c4993af6745e3615a982001e04 Mon Sep 17 00:00:00 2001
From: Abban Dunne <abban.dunne@wikimedia.de>
Date: Wed, 20 Nov 2024 15:32:47 +0100
Subject: [PATCH 3/4] Implement VAR for C24_WMDE_Desktop_EN_05

VAR has a new main donation form with an address
checkbox.

Ticket: https://phabricator.wikimedia.org/T380360
---
 .../C24_WMDE_Desktop_EN_05/banner_var.ts      |   6 +-
 .../components/BannerVar.vue                  |  14 +-
 .../C24_WMDE_Desktop_EN_05/messages.ts        |   3 +-
 .../C24_WMDE_Desktop_EN_05/messages_var.ts    |  28 +++
 .../styles/styles_var.scss                    |  60 +++++
 .../MainDonationFormDonationReceipt.scss      |  31 +++
 .../Forms/MainDonationFormDonationReceipt.vue | 176 ++++++++++++++
 .../MainDonationFormDonationReceipt.scss      |  41 ++++
 .../SubComponents/TransactionFees.scss        |   4 +-
 src/themes/Treedip/swatches/color_dark.scss   |   7 +-
 src/themes/Treedip/swatches/color_light.scss  |   5 +-
 .../components/BannerVar.spec.ts              |   5 +-
 .../MainDonationFormDonationReceipt.spec.ts   | 215 ++++++++++++++++++
 ...onDonationReceipt_UpgradeToYearlyButton.ts |  17 ++
 14 files changed, 591 insertions(+), 21 deletions(-)
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/messages_var.ts
 create mode 100644 banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
 create mode 100644 src/components/DonationForm/Forms/MainDonationFormDonationReceipt.scss
 create mode 100644 src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue
 create mode 100644 src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
 create mode 100644 test/components/DonationForm/Forms/MainDonationFormDonationReceipt.spec.ts
 create mode 100644 test/features/forms/MainDonationDonationReceipt_UpgradeToYearlyButton.ts

diff --git a/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts b/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
index 98a017922..9883c3e6d 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
+++ b/banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts
@@ -1,6 +1,6 @@
 import { createVueApp } from '@src/createVueApp';
 
-import './styles/styles.scss';
+import './styles/styles_var.scss';
 
 import BannerConductor from '@src/components/BannerConductor/FallbackBannerConductor.vue';
 import Banner from './components/BannerVar.vue';
@@ -17,7 +17,7 @@ import DynamicTextPlugin from '@src/DynamicTextPlugin';
 import { LocalImpressionCount } from '@src/utils/LocalImpressionCount';
 import { LegacyTrackerWPORG } from '@src/tracking/LegacyTrackerWPORG';
 import { Locales } from '@src/domain/Locales';
-import messages from './messages';
+import messages from './messages_var';
 import { LocaleFactoryEn } from '@src/utils/LocaleFactory/LocaleFactoryEn';
 import { createFormItems } from './form_items';
 import { createFormActions } from '@src/createFormActions';
@@ -64,7 +64,7 @@ const currencyFormatter = localeFactory.getCurrencyFormatter();
 
 app.provide( 'currencyFormatter', currencyFormatter );
 app.provide( 'formItems', createFormItems( translator, currencyFormatter.euroAmount.bind( currencyFormatter ) ) );
-app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN, afo: '1' } ) );
+app.provide( 'formActions', createFormActions( page.getTracking(), impressionCount, { locale: Locales.EN } ) );
 app.provide( 'tracker', tracker );
 app.provide( 'timer', new WindowTimer() );
 
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
index d5f616146..78ff6fc5a 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
@@ -28,7 +28,7 @@
 				<MultiStepDonation :step-controllers="stepControllers" @form-interaction="formInteraction">
 
 					<template #[FormStepNames.MainDonationFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
-						<MainDonationForm :page-index="pageIndex" @submit="submit" :is-current="isCurrent" @previous="previous">
+						<MainDonationFormAddressType :page-index="pageIndex" @submit="submit" :is-current="isCurrent" @previous="previous">
 							<template #label-payment-ppl>
 								<span class="wmde-banner-select-group-label with-logos paypal"><PayPalLogo/></span>
 							</template>
@@ -39,7 +39,7 @@
 									<MastercardLogo/>
 								</span>
 							</template>
-						</MainDonationForm>
+						</MainDonationFormAddressType>
 					</template>
 
 					<template #[FormStepNames.UpgradeToYearlyFormStep]="{ pageIndex, submit, isCurrent, previous }: any">
@@ -90,18 +90,13 @@ import FundsModal from '@src/components/UseOfFunds/FundsModal.vue';
 import { UseOfFundsContent as useOfFundsContentInterface } from '@src/domain/UseOfFunds/UseOfFundsContent';
 import UpgradeToYearlyButtonForm from '@src/components/DonationForm/Forms/UpgradeToYearlyButtonForm.vue';
 import BannerSlides from '../content/BannerSlides.vue';
-import MainDonationForm from '@src/components/DonationForm/Forms/MainDonationForm.vue';
 import MultiStepDonation from '@src/components/DonationForm/MultiStepDonation.vue';
 import BannerText from '../content/BannerText.vue';
 import KeenSlider from '@src/components/Slider/KeenSlider.vue';
 import FooterAlreadyDonated from '@src/components/Footer/FooterAlreadyDonated.vue';
 import { useFormModel } from '@src/components/composables/useFormModel';
-import {
-	createSubmittableMainDonationForm
-} from '@src/components/DonationForm/StepControllers/SubmittableMainDonationForm';
-import {
-	createSubmittableUpgradeToYearly
-} from '@src/components/DonationForm/StepControllers/SubmittableUpgradeToYearly';
+import { createSubmittableMainDonationForm } from '@src/components/DonationForm/StepControllers/SubmittableMainDonationForm';
+import { createSubmittableUpgradeToYearly } from '@src/components/DonationForm/StepControllers/SubmittableUpgradeToYearly';
 import { CloseChoices } from '@src/domain/CloseChoices';
 import { CloseEvent } from '@src/tracking/events/CloseEvent';
 import { TrackingFeatureName } from '@src/tracking/TrackingEvent';
@@ -112,6 +107,7 @@ import ProgressBar from '@src/components/ProgressBar/ProgressBarAlternative.vue'
 import SoftClose from '@src/components/SoftClose/SoftClose.vue';
 import WMDEFundsForwardingEN from '@src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue';
 import { useBannerHider } from '@src/components/composables/useBannerHider';
+import MainDonationFormAddressType from '@src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue';
 
 enum ContentStates {
 	Main = 'wmde-banner-wrapper--main',
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/messages.ts b/banners/english/C24_WMDE_Desktop_EN_05/messages.ts
index 28077441b..24d57a42d 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/messages.ts
+++ b/banners/english/C24_WMDE_Desktop_EN_05/messages.ts
@@ -21,8 +21,7 @@ const messages: TranslationMessages = {
 	...FallbackBanner,
 	'upgrade-to-yearly-copy': '<p>Every year we are dependent on the support of people like you. Yearly donations ' +
 		'help sustainably and enable long term development.</p>' +
-		'<p>No risks attached, you can tell us to stop at any time.</p>',
-	'cover-transaction-costs': 'I\'ll generously add {{transactionCosts}} to cover the transaction fees so you can keep 100% of my donation.'
+		'<p>No risks attached, you can tell us to stop at any time.</p>'
 };
 
 export default messages;
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/messages_var.ts b/banners/english/C24_WMDE_Desktop_EN_05/messages_var.ts
new file mode 100644
index 000000000..4b3e5c0e9
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/messages_var.ts
@@ -0,0 +1,28 @@
+import CustomAmountFormEn from '@src/components/DonationForm/Forms/messages/CustomAmountForm.en';
+import DynamicCampaignTextEn from '@src/utils/DynamicContent/messages/DynamicCampaignText.en';
+import { TranslationMessages } from '@src/Translator';
+import UpgradeToYearlyEn from '@src/components/DonationForm/Forms/messages/UpgradeToYearly.en';
+import SoftCloseEn from '@src/components/SoftClose/messages/SoftClose.en';
+import AddressFormEn from '@src/components/DonationForm/Forms/messages/AddressForm.en';
+import FooterEn from '@src/components/Footer/messages/Footer.en';
+import MainDonationFormEn from '@src/components/DonationForm/Forms/messages/MainDonationForm.en';
+import AlreadyDonatedModalEn from '@src/components/AlreadyDonatedModal/translations/AlreadyDonatedModal.en';
+import FallbackBanner from '@src/components/FallbackBanner/messages/FallbackBanner.en';
+
+const messages: TranslationMessages = {
+	...CustomAmountFormEn,
+	...DynamicCampaignTextEn,
+	...UpgradeToYearlyEn,
+	...SoftCloseEn,
+	...AddressFormEn,
+	...FooterEn,
+	...MainDonationFormEn,
+	...AlreadyDonatedModalEn,
+	...FallbackBanner,
+	'upgrade-to-yearly-copy': '<p>Every year we are dependent on the support of people like you. Yearly donations ' +
+		'help sustainably and enable long term development.</p>' +
+		'<p>No risks attached, you can tell us to stop at any time.</p>',
+	'donation-receipt-checkbox-label': 'Please send me a tax deductible donation receipt to my postal address.'
+};
+
+export default messages;
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
new file mode 100644
index 000000000..5b30b5ab3
--- /dev/null
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
@@ -0,0 +1,60 @@
+// This is the file where we import the theme-specific component styles
+@use 'src/themes/Treedip/swatches/skin_vector-2022' with (
+	$slider: true,
+	$select-group-bubble: true,
+	$select-group-image-label: true,
+	$upgrade-to-yearly: true,
+	$fallback-banner: true,
+	$progress-bar: true,
+	$soft-close: true,
+);
+@use 'src/themes/Treedip/variables/breakpoints';
+@use 'src/components/BannerConductor/banner-transition';
+@use 'Banner';
+@use 'MainBanner' with (
+	$banner-height: 355px,
+	$form-width: 300px
+);
+@use 'src/themes/UseOfFunds/swatches/skin_vector-2022' as uof-vector-2022;
+@use 'src/themes/UseOfFunds/UseOfFunds';
+@use 'src/themes/Treedip/defaults';
+@use 'src/themes/Treedip/ButtonClose/ButtonClose' with (
+	$padding: 4px,
+	$top: 12px,
+	$right: 8px,
+	$margin: -4.5px
+);
+@use 'src/themes/Treedip/ProgressBar/ProgressBarAlternative' with (
+	$progress-bar-margin: 0 15px
+);
+@use 'src/themes/Treedip/DonationForm/DonationForm';
+@use 'src/themes/Treedip/DonationForm/MultiStepDonation';
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupBubble';
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupRadioBubbles' with (
+	$height: 34px,
+	$font-size: 14px
+);
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble' with (
+	$height: 34px,
+	$font-size: 14px
+);
+@use 'src/themes/Treedip/DonationForm/BubbleForm/SelectGroupBubbleImageLabel';
+@use 'src/themes/Treedip/DonationForm/SubComponents/SmsBox';
+@use 'src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt' with (
+	$padding: 14px 0 0
+);
+@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
+@use 'src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use 'src/themes/Treedip/Footer/FooterAlreadyDonated' with (
+	$right-column-width: 300px
+);
+@use 'src/themes/Treedip/Footer/SelectionInput';
+@use 'src/themes/Treedip/Message/Message' with (
+	$font-sizes: ( 1400px: 15px, 1600px: 16px, 1800px: 18px )
+);
+@use 'src/themes/Treedip/Slider/KeenSlider';
+@use 'src/themes/Treedip/SoftClose/SoftClose';
+@use 'FallbackBanner';
+@use 'src/themes/Fijitiv/FallbackBanner/FallbackButton';
+@use 'src/themes/Fijitiv/FallbackBanner/LargeFooter';
+@use 'src/themes/Fijitiv/FallbackBanner/SmallFooter';
diff --git a/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.scss b/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.scss
new file mode 100644
index 000000000..04192c9a6
--- /dev/null
+++ b/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.scss
@@ -0,0 +1,31 @@
+@mixin layout {
+	&-sub-form-donation {
+		.wmde-banner-form-field-group {
+			border: 0;
+			margin: 0;
+			display: block;
+
+			&-legend {
+				width: 100%;
+				position: relative;
+				padding: 0;
+			}
+		}
+	}
+
+	.wmde-banner-form-donation-receipt-checkbox {
+		display: inline-block;
+		cursor: pointer;
+		position: relative;
+		padding: 0 0 10px 24px;
+
+		input[ type='checkbox' ] {
+			display: block;
+			float: left;
+			height: 16px;
+			margin: 0 0 0 -24px;
+			transition: background 0.15s ease-out;
+			width: 16px;
+		}
+	}
+}
diff --git a/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue b/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue
new file mode 100644
index 000000000..266e8ba63
--- /dev/null
+++ b/src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue
@@ -0,0 +1,176 @@
+<template>
+	<form
+		method="post"
+		class="wmde-banner-sub-form wmde-banner-sub-form-donation"
+		@submit.prevent="validate"
+	>
+		<fieldset class="wmde-banner-form-field-group">
+			<legend class="wmde-banner-form-field-group-legend">{{ $translate( 'intervals-header' ) }}</legend>
+			<SelectGroup
+				:field-name="'select-interval'"
+				:selectionItems="formItems.intervals"
+				:isValid="isValidOrUnset( intervalValidity )"
+				:errorMessage="$translate( 'no-interval-message' )"
+				v-model:inputValue="interval"
+				:disabledOptions="disabledIntervals"
+			/>
+		</fieldset>
+
+		<fieldset class="wmde-banner-form-field-group">
+			<legend class="wmde-banner-form-field-group-legend">{{ $translate( 'amounts-header' ) }}</legend>
+			<SelectGroup
+				fieldName="select-amount"
+				:selectionItems="formItems.amounts"
+				:isValid="isValidOrUnset( amountValidity )"
+				:errorMessage="$translate( amountValidityMessageKey( amountValidity ) )"
+				v-model:inputValue="selectedAmount"
+			>
+				<SelectCustomAmount
+					fieldName="select-amount"
+					v-model:inputValue="customAmount"
+					@focus="clearSelectedAmount"
+					@blur="formatCustomAmount"
+					:placeholder="$translate( customAmountPlaceholderKey )"
+				/>
+			</SelectGroup>
+		</fieldset>
+
+		<fieldset class="wmde-banner-form-field-group">
+			<legend class="wmde-banner-form-field-group-legend">{{ $translate( 'payments-header' ) }}</legend>
+			<SelectGroup
+				:field-name="'select-payment-method'"
+				:selectionItems="formItems.paymentMethods"
+				:isValid="isValidOrUnset( paymentMethodValidity )"
+				:errorMessage="$translate( 'no-payment-type-message' )"
+				v-model:inputValue="paymentMethod"
+				:disabledOptions="disabledPaymentMethods"
+			>
+				<template #select-group-label="{ label, slotName }: any">
+					<slot :name="'label-' + slotName" :label="label"/>
+				</template>
+				<SmsBox>
+					<template #sms-icon>
+						<slot name="sms-icon"/>
+					</template>
+				</SmsBox>
+			</SelectGroup>
+		</fieldset>
+
+		<div class="wmde-banner-form-donation-receipt-checkbox" v-if="showReceiptCheckbox">
+			<input
+				class="wmde-banner-form-field-checkbox"
+				type="checkbox"
+				value="person"
+				id="wmde-banner-form-donation-receipt"
+				v-model="receiptNeeded"
+			>
+			<label for="wmde-banner-form-donation-receipt">
+				{{ $translate( 'donation-receipt-checkbox-label' ) }}
+			</label>
+		</div>
+
+		<div class="wmde-banner-form-button-container">
+			<slot name="button">
+				<MainDonationFormButtonMultiStep/>
+			</slot>
+			<button v-if="!isFormValid && showErrorScrollLink" class="wmde-banner-form-button-error">
+				{{ $translate( 'global-error' ) }}
+			</button>
+		</div>
+	</form>
+</template>
+
+<script lang="ts">
+// All form components must have names
+export default {
+	name: 'MainDonationFormDonationReceipt'
+};
+</script>
+<script setup lang="ts">
+
+import { computed, inject, onMounted, ref, watch } from 'vue';
+import SelectGroup from '@src/components/DonationForm/SubComponents/SelectGroup.vue';
+import { DonationFormItems } from '@src/utils/FormItemsBuilder/DonationFormItems';
+import SelectCustomAmount from '@src/components/DonationForm/SubComponents/SelectCustomAmount.vue';
+import SmsBox from '@src/components/DonationForm/SubComponents/SmsBox.vue';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { newDonationFormValidator } from '@src/validation/DonationFormValidator';
+import { amountValidityMessageKey } from '@src/utils/amountValidityMessageKey';
+import { isValidOrUnset } from '@src/components/DonationForm/Forms/isValidOrUnset';
+import { Currency } from '@src/utils/DynamicContent/formatters/Currency';
+import MainDonationFormButtonMultiStep from '@src/components/DonationForm/Forms/MainDonationFormButtonMultiStep.vue';
+import { AddressTypes } from '@src/utils/FormItemsBuilder/fields/AddressTypes';
+import { PaymentMethods } from '@src/utils/FormItemsBuilder/fields/PaymentMethods';
+
+interface Props {
+	showErrorScrollLink?: boolean;
+	customAmountPlaceholderKey?: string;
+}
+
+withDefaults( defineProps<Props>(), {
+	showErrorScrollLink: false,
+	customAmountPlaceholderKey: 'custom-amount-placeholder'
+} );
+const emit = defineEmits( [ 'submit' ] );
+
+const currencyFormatter = inject<Currency>( 'currencyFormatter' );
+const formItems = inject<DonationFormItems>( 'formItems' );
+const formModel = useFormModel();
+const validator = newDonationFormValidator( formModel );
+const showReceiptCheckbox = computed<boolean>( () => {
+	if ( interval.value === '' ) {
+		return false;
+	}
+	if ( paymentMethod.value === '' || paymentMethod.value === PaymentMethods.DIRECT_DEBIT.value ) {
+		return false;
+	}
+
+	if ( numericAmount.value === 0 ) {
+		return false;
+	}
+
+	return true;
+} );
+const receiptNeeded = ref<boolean>( false );
+const isFormValid = ref<boolean>( true );
+
+const validate = (): void => {
+	isFormValid.value = validator.validate();
+
+	if ( isFormValid.value ) {
+		emit( 'submit' );
+	}
+};
+
+const {
+	interval, intervalValidity, disabledIntervals,
+	selectedAmount, customAmount, numericAmount, amountValidity,
+	paymentMethod, paymentMethodValidity, disabledPaymentMethods,
+	addressType
+} = formModel;
+
+const clearSelectedAmount = (): void => {
+	selectedAmount.value = '';
+};
+
+const formatCustomAmount = (): void => {
+	if ( customAmount.value !== '' ) {
+		customAmount.value = currencyFormatter.customAmountInput( numericAmount.value );
+	}
+};
+
+watch( receiptNeeded, ( newValue: boolean ) => {
+	addressType.value = newValue ? '' : AddressTypes.ANONYMOUS.value;
+} );
+
+watch( [ interval, paymentMethod, numericAmount ], () => {
+	if ( !showReceiptCheckbox.value ) {
+		receiptNeeded.value = false;
+	}
+} );
+
+onMounted( () => {
+	addressType.value = AddressTypes.ANONYMOUS.value;
+} );
+
+</script>
diff --git a/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss b/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
new file mode 100644
index 000000000..4fc1a296f
--- /dev/null
+++ b/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
@@ -0,0 +1,41 @@
+@use '../../variables/globals';
+@use '../../variables/fonts';
+@use '../../../../components/DonationForm/Forms/MainDonationFormDonationReceipt';
+
+$padding: 0 !default;
+
+.wmde-banner {
+	@include MainDonationFormDonationReceipt.layout;
+
+	&-sub-form-donation {
+		padding: $padding;
+
+		.wmde-banner-form-field-group {
+			padding: 0 0 10px;
+
+			&-legend {
+				display: none;
+				visibility: hidden;
+				font-family: fonts.$ui;
+				font-size: 12px;
+				line-height: 13px;
+				color: var( --main-color );
+			}
+		}
+	}
+
+	&-form-donation-receipt-checkbox {
+		input[ type='checkbox' ] {
+			appearance: none;
+			background: var( --input-checkbox-background );
+			border: 1px solid var( --input-checkbox-border );
+			border-radius: 2px;
+			transition: background 0.15s ease-out;
+
+			&:checked {
+				background: var( --input-checkbox-background-checked ) url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E" ) no-repeat 50%;
+				border-color: var( --input-checkbox-border-checked );
+			}
+		}
+	}
+}
diff --git a/src/themes/Treedip/DonationForm/SubComponents/TransactionFees.scss b/src/themes/Treedip/DonationForm/SubComponents/TransactionFees.scss
index ca29ce0da..b71d1ad05 100644
--- a/src/themes/Treedip/DonationForm/SubComponents/TransactionFees.scss
+++ b/src/themes/Treedip/DonationForm/SubComponents/TransactionFees.scss
@@ -13,8 +13,8 @@
 			transition: background 0.15s ease-out;
 
 			&:checked {
-				background: var( --input-checkbox-checked-background ) url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E" ) no-repeat 50%;
-				border-color: var( --input-checkbox-checked-background );
+				background: var( --input-checkbox-background-checked ) url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E" ) no-repeat 50%;
+				border-color: var( --input-checkbox-background-checked );
 			}
 		}
 	}
diff --git a/src/themes/Treedip/swatches/color_dark.scss b/src/themes/Treedip/swatches/color_dark.scss
index 3f1cdb2c7..44731ebad 100644
--- a/src/themes/Treedip/swatches/color_dark.scss
+++ b/src/themes/Treedip/swatches/color_dark.scss
@@ -52,8 +52,11 @@ $blue800: #20303f;
 	--input-selection-color: #{$grey100};
 	--input-selection-selected-background: #{$red600};
 	--input-selection-selected-color: #{$white};
-	--input-checkbox-border: #{$grey200};
-	--input-checkbox-checked-background: #{$blue700};
+
+	--input-checkbox-background: #{$white};
+	--input-checkbox-border: #{$grey500};
+	--input-checkbox-background-checked: #{$blue700};
+	--input-checkbox-border-checked: #{$white};
 
 	--animated-highlight-color: #{$white};
 	/* stylelint-disable */
diff --git a/src/themes/Treedip/swatches/color_light.scss b/src/themes/Treedip/swatches/color_light.scss
index 1ab8eccc6..54aa61252 100644
--- a/src/themes/Treedip/swatches/color_light.scss
+++ b/src/themes/Treedip/swatches/color_light.scss
@@ -48,8 +48,11 @@ $blue700: #2a4b8d;
 	--input-selection-color: #{$black};
 	--input-selection-selected-background: #{$red600};
 	--input-selection-selected-color: #{$white};
+
+	--input-checkbox-background: transparent;
 	--input-checkbox-border: #{$grey500};
-	--input-checkbox-checked-background: #{$blue600};
+	--input-checkbox-background-checked: #{$blue700};
+	--input-checkbox-border-checked: #{$blue700};
 
 	--animated-highlight-color: #{$grey700};
 	/* stylelint-disable */
diff --git a/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
index 5159e18f9..3705d2f23 100644
--- a/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
+++ b/test/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.spec.ts
@@ -9,7 +9,7 @@ import { CurrencyEn } from '@src/utils/DynamicContent/formatters/CurrencyEn';
 import { useOfFundsFeatures } from '@test/features/UseOfFunds';
 import { bannerContentAnimatedTextFeatures, bannerContentDateAndTimeFeatures, bannerContentDisplaySwitchFeatures, bannerContentFeatures } from '@test/features/BannerContent';
 import { TrackerStub } from '@test/fixtures/TrackerStub';
-import { donationFormFeatures } from '@test/features/forms/MainDonation_UpgradeToYearlyButton';
+import { donationFormFeatures } from '@test/features/forms/MainDonationDonationReceipt_UpgradeToYearlyButton';
 import { useFormModel } from '@src/components/composables/useFormModel';
 import { resetFormModel } from '@test/resetFormModel';
 import { bannerAutoHideFeatures, bannerMainFeatures } from '@test/features/MainBanner';
@@ -103,7 +103,8 @@ describe( 'BannerVar.vue', () => {
 			[ 'expectMainDonationFormSubmitsWhenYearlyIsSelected' ],
 			[ 'expectMainDonationFormGoesToUpgrade' ],
 			[ 'expectUpgradeToYearlyFormSubmitsUpgrade' ],
-			[ 'expectUpgradeToYearlyFormSubmitsDontUpgrade' ]
+			[ 'expectUpgradeToYearlyFormSubmitsDontUpgrade' ],
+			[ 'expectMainDonationFormShowsDonationReceiptCheckbox' ]
 		] )( '%s', async ( testName: string ) => {
 			await donationFormFeatures[ testName ]( getWrapper() );
 		} );
diff --git a/test/components/DonationForm/Forms/MainDonationFormDonationReceipt.spec.ts b/test/components/DonationForm/Forms/MainDonationFormDonationReceipt.spec.ts
new file mode 100644
index 000000000..0ce061c99
--- /dev/null
+++ b/test/components/DonationForm/Forms/MainDonationFormDonationReceipt.spec.ts
@@ -0,0 +1,215 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mount, VueWrapper } from '@vue/test-utils';
+import DonationForm from '@src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue';
+import { DonationFormItems } from '@src/utils/FormItemsBuilder/DonationFormItems';
+import { Intervals } from '@src/utils/FormItemsBuilder/fields/Intervals';
+import { PaymentMethods } from '@src/utils/FormItemsBuilder/fields/PaymentMethods';
+import { newDonationFormValidator } from '@src/validation/DonationFormValidator';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { resetFormModel } from '@test/resetFormModel';
+import { CurrencyEn } from '@src/utils/DynamicContent/formatters/CurrencyEn';
+import { TrackerSpy } from '@test/fixtures/TrackerSpy';
+import { AddressTypes } from '@src/utils/FormItemsBuilder/fields/AddressTypes';
+
+const formItems: DonationFormItems = {
+	addressType: [],
+	amounts: [
+		{ value: '1', label: '€1', className: 'amount-1' },
+		{ value: '5', label: '€5', className: 'amount-5' }
+	],
+	intervals: [ Intervals.ONCE, Intervals.MONTHLY ],
+	paymentMethods: [ PaymentMethods.PAYPAL, PaymentMethods.CREDIT_CARD, PaymentMethods.DIRECT_DEBIT ]
+};
+
+vi.mock( '@src/validation/DonationFormValidator', () => {
+	return {
+		newDonationFormValidator: vi.fn()
+	};
+} );
+
+const formModel = useFormModel();
+const translate = ( key: string ): string => key;
+
+describe( 'MainDonationFormDonationReceipt.vue', () => {
+
+	// The model values are in the global scope, and they need to be reset before each test
+	beforeEach( () => resetFormModel( formModel ) );
+
+	const getWrapper = ( showErrorScrollLink: boolean = false ): VueWrapper<any> => {
+		return mount( DonationForm, {
+			props: {
+				showErrorScrollLink
+			},
+			global: {
+				mocks: {
+					$translate: translate
+				},
+				provide: {
+					currencyFormatter: new CurrencyEn(),
+					formActions: { donateWithAddressAction: 'https://example.com', donateWithoutAddressAction: 'https://example.com' },
+					formItems: formItems,
+					translator: { translate },
+					tracker: new TrackerSpy()
+				}
+			},
+			attachTo: document.body
+		} );
+	};
+
+	it( 'should clear selected amount when input field is focused', () => {
+		const input = getWrapper().find<HTMLInputElement>( '.wmde-banner-select-custom-amount-input' );
+		formModel.selectedAmount.value = '100';
+
+		input.trigger( 'focus' );
+
+		expect( formModel.selectedAmount.value ).toBe( '' );
+	} );
+
+	it( 'should format custom amount when custom amount input field is blurred and it has a value', async () => {
+		const input = getWrapper().find<HTMLInputElement>( '.wmde-banner-select-custom-amount-input' );
+
+		await input.setValue( '3,14' );
+		await input.trigger( 'blur' );
+
+		expect( input.element.value ).toBe( '3.14' );
+	} );
+
+	it( 'should not format custom amount to 0.00 when input field is blurred and is blank', async () => {
+		const input = getWrapper().find<HTMLInputElement>( '.wmde-banner-select-custom-amount-input' );
+
+		await input.trigger( 'blur' );
+
+		expect( input.element.value ).toBe( '' );
+	} );
+
+	it( 'shows invalid fields on submit when fields are invalid', async () => {
+		vi.mocked( newDonationFormValidator ).mockReturnValue( { validate: () => false } );
+		const wrapper = getWrapper();
+
+		await wrapper.trigger( 'submit' );
+
+		expect( wrapper.find( '.select-interval .wmde-banner-select-group-error-message' ).exists() ).toBeTruthy();
+		expect( wrapper.find( '.select-amount .wmde-banner-select-group-error-message' ).exists() ).toBeTruthy();
+		expect( wrapper.find( '.select-payment-method .wmde-banner-select-group-error-message' ).exists() ).toBeTruthy();
+	} );
+
+	it( 'shows the error scroll link when form fields are invalid', async () => {
+		vi.mocked( newDonationFormValidator ).mockReturnValue( { validate: () => false } );
+		const wrapper = getWrapper( true );
+
+		await wrapper.trigger( 'submit' );
+
+		expect( wrapper.find( '.wmde-banner-form-button-error' ).exists() ).toBeTruthy();
+	} );
+
+	it( 'emits an event on submit when fields are valid', () => {
+		vi.mocked( newDonationFormValidator ).mockReturnValue( { validate: () => true } );
+		const wrapper = getWrapper();
+
+		wrapper.trigger( 'submit' );
+
+		expect( wrapper.emitted( 'submit' ).length ).toBe( 1 );
+	} );
+
+	it( 'does not emit our own submit event when form fields are invalid', () => {
+		vi.mocked( newDonationFormValidator ).mockReturnValue( { validate: () => false } );
+		const wrapper = getWrapper();
+
+		wrapper.trigger( 'submit' );
+
+		expect( wrapper.emitted( 'submit' ) ).toBeUndefined();
+	} );
+
+	it( 'passes payment label slots dynamically to select group', () => {
+		const wrapper = mount( DonationForm, {
+			props: {
+				showErrorScrollLink: false
+			},
+			slots: {
+				'label-payment-ppl': `<template #label-payment-ppl><span class="custom-label-paypal"></span></template>`,
+				'label-payment-mcp': `<template #label-payment-mcp><span class="custom-label-credit-cards"></span></template>`
+			},
+			global: {
+				mocks: {
+					$translate: translate
+				},
+				provide: {
+					currencyFormatter: new CurrencyEn(),
+					formActions: { donateWithAddressAction: 'https://example.com', donateWithoutAddressAction: 'https://example.com' },
+					formItems: formItems,
+					translator: { translate },
+					tracker: new TrackerSpy()
+				}
+			}
+		} );
+
+		expect( wrapper.find( '.custom-label-paypal' ).exists() ).toBeTruthy();
+		expect( wrapper.find( '.custom-label-credit-cards' ).exists() ).toBeTruthy();
+	} );
+
+	it( 'sets the address type to anonymous when mounted', async () => {
+		expect( formModel.addressType.value ).toStrictEqual( '' );
+		getWrapper();
+		expect( formModel.addressType.value ).toStrictEqual( AddressTypes.ANONYMOUS.value );
+	} );
+
+	it( 'shows the donation receipt checkbox', async () => {
+		const wrapper = getWrapper();
+
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeFalsy();
+
+		await wrapper.find( '.interval-0 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.amount-5 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.payment-ppl .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeTruthy();
+	} );
+
+	it( 'does not show the donation receipt checkbox when address type is direct debit', async () => {
+		const wrapper = getWrapper();
+
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeFalsy();
+
+		await wrapper.find( '.interval-0 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.amount-5 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.payment-bez .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeFalsy();
+	} );
+
+	it( 'updates the address type based on the donation receipt', async () => {
+		const wrapper = getWrapper();
+
+		await wrapper.find( '.interval-0 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.amount-5 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.payment-ppl .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( formModel.addressType.value ).toStrictEqual( AddressTypes.ANONYMOUS.value );
+
+		await wrapper.find( '#wmde-banner-form-donation-receipt' ).trigger( 'click' );
+
+		expect( formModel.addressType.value ).toStrictEqual( '' );
+
+		await wrapper.find( '#wmde-banner-form-donation-receipt' ).trigger( 'click' );
+
+		expect( formModel.addressType.value ).toStrictEqual( AddressTypes.ANONYMOUS.value );
+	} );
+
+	it( 'clears the address type when radio field becomes hidden', async () => {
+		const wrapper = getWrapper();
+
+		await wrapper.find( '.interval-0 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.amount-5 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.payment-ppl .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( formModel.addressType.value ).toStrictEqual( AddressTypes.ANONYMOUS.value );
+
+		await wrapper.find( '#wmde-banner-form-donation-receipt' ).trigger( 'click' );
+
+		expect( formModel.addressType.value ).toStrictEqual( '' );
+
+		await wrapper.find( '.payment-bez .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( formModel.addressType.value ).toStrictEqual( AddressTypes.ANONYMOUS.value );
+	} );
+} );
diff --git a/test/features/forms/MainDonationDonationReceipt_UpgradeToYearlyButton.ts b/test/features/forms/MainDonationDonationReceipt_UpgradeToYearlyButton.ts
new file mode 100644
index 000000000..cb142efb8
--- /dev/null
+++ b/test/features/forms/MainDonationDonationReceipt_UpgradeToYearlyButton.ts
@@ -0,0 +1,17 @@
+import { VueWrapper } from '@vue/test-utils';
+import { donationFormFeatures as mainDonationFormFeatures } from '@test/features/forms/MainDonation_UpgradeToYearlyButton';
+import { expect } from 'vitest';
+
+export const donationFormFeatures: Record<string, ( wrapper: VueWrapper<any> ) => Promise<any>> = {
+	...mainDonationFormFeatures,
+
+	expectMainDonationFormShowsDonationReceiptCheckbox: async ( wrapper: VueWrapper<any> ) => {
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeFalsy();
+
+		await wrapper.find( '.interval-0 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.amount-5 .wmde-banner-select-group-input' ).trigger( 'change' );
+		await wrapper.find( '.payment-ppl .wmde-banner-select-group-input' ).trigger( 'change' );
+
+		expect( wrapper.find( '.wmde-banner-form-donation-receipt-checkbox' ).exists() ).toBeTruthy();
+	}
+};

From 6f972f349cc8f42340124149f4c8a31703726326 Mon Sep 17 00:00:00 2001
From: Abban Dunne <abban.dunne@wikimedia.de>
Date: Tue, 26 Nov 2024 08:05:02 +0100
Subject: [PATCH 4/4] Fix bugs in C24_WMDE_Desktop_EN_05

- UoF infographic was missing an arrow
- Add payment types to VAR submit button
- Fix font size on upgrade form
- Fix currency symbol placement in custom amount
- Fix fallback close button size

Ticket: https://phabricator.wikimedia.org/T380360
---
 .../components/BannerVar.vue                  |   5 +
 .../styles/FallbackBanner.scss                |   2 +
 .../C24_WMDE_Desktop_EN_05/styles/styles.scss |   5 +-
 .../styles/styles_var.scss                    |   5 +-
 campaign_info.toml                            |   6 +-
 package-lock.json                             |  14 +-
 ...inDonationFormPaymentsAndReceiptButton.vue |  36 ++
 .../Infographics/WMDEFundsForwardingEN.vue    | 551 +-----------------
 .../SelectCustomAmountRadioBubble.scss        |  11 +
 .../MainDonationFormDonationReceipt.scss      |   5 +
 ...nationFormPaymentsAndReceiptButton.spec.ts |  79 +++
 11 files changed, 156 insertions(+), 563 deletions(-)
 create mode 100644 src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue
 create mode 100644 test/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.spec.ts

diff --git a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
index 78ff6fc5a..c9a62e3be 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
+++ b/banners/english/C24_WMDE_Desktop_EN_05/components/BannerVar.vue
@@ -39,6 +39,10 @@
 									<MastercardLogo/>
 								</span>
 							</template>
+
+							<template #button>
+								<MainDonationFormPaymentsAndReceiptButton/>
+							</template>
 						</MainDonationFormAddressType>
 					</template>
 
@@ -108,6 +112,7 @@ import SoftClose from '@src/components/SoftClose/SoftClose.vue';
 import WMDEFundsForwardingEN from '@src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue';
 import { useBannerHider } from '@src/components/composables/useBannerHider';
 import MainDonationFormAddressType from '@src/components/DonationForm/Forms/MainDonationFormDonationReceipt.vue';
+import MainDonationFormPaymentsAndReceiptButton from '@src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue';
 
 enum ContentStates {
 	Main = 'wmde-banner-wrapper--main',
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
index dbc72eb30..2361a26cf 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/FallbackBanner.scss
@@ -88,6 +88,8 @@ $breakpoint: 800px;
 			width: 16px;
 			top: 8px;
 			right: 8px;
+			margin: 0;
+			padding: 0;
 
 			@media ( min-width: $breakpoint ) {
 				height: 30px;
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
index fba213019..1e0e5a7f3 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles.scss
@@ -43,8 +43,9 @@
 @use 'src/themes/Treedip/DonationForm/Forms/MainDonationForm' with (
 	$padding: 14px 0 0
 );
-@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
-@use 'src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm' with (
+	$font-size: 14px
+);
 @use 'src/themes/Treedip/Footer/FooterAlreadyDonated' with (
 	$right-column-width: 300px
 );
diff --git a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
index 5b30b5ab3..7a126e0a0 100644
--- a/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
+++ b/banners/english/C24_WMDE_Desktop_EN_05/styles/styles_var.scss
@@ -43,8 +43,9 @@
 @use 'src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt' with (
 	$padding: 14px 0 0
 );
-@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
-@use 'src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use 'src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm' with (
+	$font-size: 14px
+);
 @use 'src/themes/Treedip/Footer/FooterAlreadyDonated' with (
 	$right-column-width: 300px
 );
diff --git a/campaign_info.toml b/campaign_info.toml
index b7d6a1d76..798732e30 100644
--- a/campaign_info.toml
+++ b/campaign_info.toml
@@ -141,7 +141,7 @@ name = "English Desktop"
 icon = "desktop"
 campaign = "C24_WMDE_Desktop_EN_05"
 description = "Based on CTRL desktop EN 04"
-campaign_tracking = "en05-ba-241125"
+campaign_tracking = "en05-ba-241126"
 preview_link = "/wiki/Main_Page?devbanner={{banner}}&banner=B22_WMDE_local_prototype"
 preview_link_darkmode = "/wiki/Main_Page?devbanner={{banner}}&banner=B22_WMDE_local_prototype&vectornightmode=1"
 preview_url = 'https://en.wikipedia.org/wiki/Main_Page?banner={{banner}}&devMode'
@@ -151,12 +151,12 @@ use_of_funds_source = "MediaWiki:WMDE_Fundraising/UseOfFunds_2024_EN"
 [english.banners.ctrl]
 filename = "./banners/english/C24_WMDE_Desktop_EN_05/banner_ctrl.ts"
 pagename = "B24_WMDE_Desktop_EN_05_ctrl"
-tracking = "org-en05-241125-ctrl"
+tracking = "org-en05-241126-ctrl"
 
 [english.banners.var]
 filename = "./banners/english/C24_WMDE_Desktop_EN_05/banner_var.ts"
 pagename = "B24_WMDE_Desktop_EN_05_var"
-tracking = "org-en05-241125-var"
+tracking = "org-en05-241126-var"
 
 [english.test_matrix]
 platform = ["edge", "firefox_win10", "chrome_win10", "safari", "firefox_macos", "chrome_macos", "firefox_linux", "chrome_linux"]
diff --git a/package-lock.json b/package-lock.json
index 6f0bbfaba..3d5f71755 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4499,9 +4499,9 @@
       "license": "MIT"
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6637,7 +6637,7 @@
     },
     "node_modules/fundraising-frontend-content": {
       "version": "1.0.0",
-      "resolved": "git+ssh://git@github.com/wmde/fundraising-frontend-content.git#a15a417b75aba9b485df180e537047b4b47f065a",
+      "resolved": "git+ssh://git@github.com/wmde/fundraising-frontend-content.git#23c5bb8aa1130d6d1a8ca95ce939e95e8751a5d2",
       "license": "CC0-1.0"
     },
     "node_modules/get-intrinsic": {
@@ -8920,9 +8920,9 @@
       "license": "MIT"
     },
     "node_modules/npm-run-all/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue b/src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue
new file mode 100644
index 000000000..a64f6820c
--- /dev/null
+++ b/src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue
@@ -0,0 +1,36 @@
+<template>
+	<button class="wmde-banner-form-button t-submit-main-donation" type="submit">
+		{{ submitButtonLabel }}
+	</button>
+</template>
+
+<script setup lang="ts">
+import { computed, inject } from 'vue';
+import { PaymentMethods } from '@src/utils/FormItemsBuilder/fields/PaymentMethods';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { Translator } from '@src/Translator';
+import { Intervals } from '@src/utils/FormItemsBuilder/fields/Intervals';
+import { AddressTypes } from '@src/utils/FormItemsBuilder/fields/AddressTypes';
+
+const formModel = useFormModel();
+const translator = inject<Translator>( 'translator' );
+const { paymentMethod, interval, addressType } = formModel;
+
+const submitButtonLabel = computed( (): string => {
+	if ( interval.value === Intervals.ONCE.value ) {
+		return translator.translate( 'submit-label-short' );
+	}
+	if ( addressType.value === AddressTypes.ANONYMOUS.value ) {
+		if ( paymentMethod.value === PaymentMethods.PAYPAL.value ) {
+			return translator.translate( 'submit-label-paypal' );
+		} else if ( paymentMethod.value === PaymentMethods.CREDIT_CARD.value ) {
+			return translator.translate( 'submit-label-credit-card' );
+		} else if ( paymentMethod.value === PaymentMethods.SOFORT.value ) {
+			return translator.translate( 'submit-label-sofort' );
+		} else if ( paymentMethod.value === PaymentMethods.BANK_TRANSFER.value ) {
+			return translator.translate( 'submit-label-bank-transfer' );
+		}
+	}
+	return translator.translate( 'submit-label' );
+} );
+</script>
diff --git a/src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue b/src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue
index 2649f47bc..ffe5d9741 100644
--- a/src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue
+++ b/src/components/UseOfFunds/Infographics/WMDEFundsForwardingEN.vue
@@ -1,551 +1,4 @@
 <template>
-	<svg width="219" height="359" viewBox="0 0 219 359" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M63.068 358.88C96.8024 358.88 124.15 332.754 124.15 300.525C124.15 268.297 96.8024 242.171 63.068
-			242.171C29.3335 242.171 1.98633 268.297 1.98633 300.525C1.98633 332.754 29.3335 358.88 63.068 358.88Z"
-			fill="#D8D8D8"
-			fill-opacity="0.5"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M133.35 262.021C180.217 262.021 218.21 222.991 218.21 174.845C218.21 126.699 180.217 87.6688 133.35
-			87.6688C86.484 87.6688 48.4912 126.699 48.4912 174.845C48.4912 222.991 86.484 262.021 133.35 262.021Z"
-			fill="#D8D8D8"
-			fill-opacity="0.5"
-		/>
-		<path opacity="0.5" d="M84 184H188V198H84V184Z" fill="#F5A623" fill-opacity="0.8"/>
-		<path opacity="0.5" d="M88 164H173V178H88V164Z" fill="#F5A623" fill-opacity="0.8"/>
-		<path
-			d="M102.975 161.006L100.432 171H98.0185L96.6649 165.75C96.6376 165.65 96.6011 165.497 96.5556 165.292C96.51
-			165.087 96.4621 164.864 96.412 164.622C96.3619 164.376 96.3163 164.146 96.2753 163.932C96.2388 163.713
-			96.2138 163.54 96.2001 163.412C96.1864 163.54 96.1591 163.711 96.1181 163.925C96.0816 164.139 96.0383
-			164.367 95.9882 164.608C95.9426 164.85 95.897 165.076 95.8515 165.285C95.8059 165.495 95.7694 165.654
-			95.7421 165.764L94.3954 171H91.9892L89.4394 161.006H91.5243L92.8026 166.461C92.8391 166.625 92.8801
-			166.821 92.9257 167.049C92.9758 167.277 93.0237 167.516 93.0692 167.767C93.1194 168.013 93.1627 168.252
-			93.1991 168.484C93.2401 168.712 93.2698 168.91 93.288 169.079C93.3108 168.906 93.3404 168.705 93.3769
-			168.478C93.4133 168.245 93.452 168.01 93.4931 167.773C93.5386 167.532 93.5842 167.309 93.6298
-			167.104C93.6754 166.898 93.7164 166.732 93.7528 166.604L95.2089 161.006H97.2118L98.6679 166.604C98.6998
-			166.728 98.7362 166.894 98.7772 167.104C98.8228 167.309 98.8684 167.532 98.914 167.773C98.9595 168.015
-			99.0006 168.252 99.037 168.484C99.078 168.712 99.1076 168.91 99.1259 169.079C99.1578 168.851 99.2011
-			168.576 99.2558 168.252C99.315 167.924 99.3765 167.598 99.4403 167.274C99.5087 166.951 99.5679 166.68
-			99.6181 166.461L100.89 161.006H102.975ZM106.153 163.357V171H104.068V163.357H106.153ZM105.114
-			160.363C105.424 160.363 105.691 160.436 105.914 160.582C106.137 160.723 106.249 160.99 106.249
-			161.382C106.249 161.769 106.137 162.038 105.914 162.188C105.691 162.334 105.424 162.407 105.114
-			162.407C104.8 162.407 104.531 162.334 104.308 162.188C104.089 162.038 103.979 161.769 103.979
-			161.382C103.979 160.99 104.089 160.723 104.308 160.582C104.531 160.436 104.8 160.363 105.114
-			160.363ZM110.433 160.363V165.121C110.433 165.408 110.421 165.695 110.398 165.982C110.376 166.27 110.35
-			166.557 110.323 166.844H110.35C110.492 166.643 110.635 166.445 110.781 166.249C110.932 166.053 111.091
-			165.864 111.26 165.682L113.399 163.357H115.751L112.716 166.673L115.935 171H113.529L111.328 167.903L110.433
-			168.621V171H108.348V160.363H110.433ZM119.114 163.357V171H117.029V163.357H119.114ZM118.075 160.363C118.385
-			160.363 118.652 160.436 118.875 160.582C119.098 160.723 119.21 160.99 119.21 161.382C119.21 161.769 119.098
-			162.038 118.875 162.188C118.652 162.334 118.385 162.407 118.075 162.407C117.761 162.407 117.492 162.334
-			117.268 162.188C117.05 162.038 116.94 161.769 116.94 161.382C116.94 160.99 117.05 160.723 117.268
-			160.582C117.492 160.436 117.761 160.363 118.075 160.363ZM130.284 163.214C131.15 163.214 131.804 163.437
-			132.246 163.884C132.693 164.326 132.916 165.037 132.916 166.017V171H130.824V166.536C130.824 165.989 130.731
-			165.577 130.544 165.299C130.357 165.021 130.068 164.882 129.676 164.882C129.124 164.882 128.732 165.08
-			128.5 165.477C128.267 165.868 128.151 166.431 128.151 167.165V171H126.066V166.536C126.066 166.172 126.025
-			165.866 125.943 165.62C125.861 165.374 125.736 165.189 125.567 165.066C125.399 164.943 125.182 164.882
-			124.918 164.882C124.53 164.882 124.225 164.98 124.002 165.176C123.783 165.367 123.626 165.652 123.53
-			166.03C123.439 166.404 123.393 166.862 123.393 167.404V171H121.308V163.357H122.901L123.182
-			164.335H123.298C123.453 164.071 123.646 163.856 123.879 163.692C124.116 163.528 124.376 163.408 124.658
-			163.33C124.941 163.253 125.228 163.214 125.519 163.214C126.08 163.214 126.554 163.305 126.941
-			163.487C127.333 163.67 127.634 163.952 127.844 164.335H128.028C128.256 163.943 128.577 163.658 128.992
-			163.48C129.411 163.303 129.842 163.214 130.284 163.214ZM138.214 163.214C138.92 163.214 139.529 163.351
-			140.039 163.624C140.549 163.893 140.944 164.285 141.222 164.8C141.5 165.315 141.639 165.944 141.639
-			166.687V167.698H136.71C136.733 168.286 136.908 168.749 137.236 169.086C137.569 169.419 138.029 169.585
-			138.617 169.585C139.105 169.585 139.551 169.535 139.957 169.435C140.363 169.334 140.78 169.184 141.208
-			168.983V170.597C140.83 170.784 140.433 170.92 140.018 171.007C139.608 171.093 139.109 171.137 138.521
-			171.137C137.756 171.137 137.077 170.995 136.484 170.713C135.896 170.43 135.434 170 135.097 169.421C134.764
-			168.842 134.598 168.113 134.598 167.233C134.598 166.34 134.748 165.597 135.049 165.005C135.354 164.408
-			135.778 163.961 136.32 163.665C136.863 163.364 137.494 163.214 138.214 163.214ZM138.227 164.697C137.822
-			164.697 137.485 164.827 137.216 165.087C136.951 165.347 136.799 165.755 136.758 166.311H139.683C139.679
-			166.001 139.622 165.725 139.513 165.483C139.408 165.242 139.248 165.05 139.034 164.909C138.824 164.768
-			138.556 164.697 138.227 164.697ZM145.754 171.137C144.902 171.137 144.207 170.804 143.669 170.139C143.136
-			169.469 142.869 168.487 142.869 167.192C142.869 165.884 143.14 164.896 143.683 164.226C144.225 163.551
-			144.933 163.214 145.808 163.214C146.173 163.214 146.494 163.264 146.772 163.364C147.05 163.465 147.29
-			163.599 147.49 163.768C147.695 163.936 147.868 164.125 148.01 164.335H148.078C148.051 164.189 148.017
-			163.975 147.975 163.692C147.939 163.405 147.921 163.111 147.921 162.811V160.363H150.013V171H148.413L148.01
-			170.009H147.921C147.789 170.218 147.622 170.41 147.422 170.583C147.226 170.752 146.991 170.886 146.718
-			170.986C146.444 171.087 146.123 171.137 145.754 171.137ZM146.485 169.476C147.055 169.476 147.456 169.307
-			147.688 168.97C147.925 168.628 148.051 168.115 148.064 167.432V167.206C148.064 166.463 147.95 165.896
-			147.723 165.504C147.495 165.107 147.071 164.909 146.451 164.909C145.991 164.909 145.631 165.107 145.371
-			165.504C145.111 165.9 144.981 166.472 144.981 167.22C144.981 167.967 145.111 168.53 145.371 168.908C145.635
-			169.286 146.007 169.476 146.485 169.476ZM154.278 163.357V171H152.193V163.357H154.278ZM153.239
-			160.363C153.549 160.363 153.816 160.436 154.039 160.582C154.262 160.723 154.374 160.99 154.374
-			161.382C154.374 161.769 154.262 162.038 154.039 162.188C153.816 162.334 153.549 162.407 153.239
-			162.407C152.925 162.407 152.656 162.334 152.433 162.188C152.214 162.038 152.104 161.769 152.104
-			161.382C152.104 160.99 152.214 160.723 152.433 160.582C152.656 160.436 152.925 160.363 153.239
-			160.363ZM159.603 163.2C160.629 163.2 161.415 163.424 161.962 163.87C162.509 164.317 162.782 164.996 162.782
-			165.907V171H161.326L160.923 169.961H160.868C160.649 170.234 160.426 170.458 160.198 170.631C159.97 170.804
-			159.708 170.932 159.412 171.014C159.116 171.096 158.756 171.137 158.332 171.137C157.881 171.137 157.475
-			171.05 157.115 170.877C156.76 170.704 156.479 170.439 156.274 170.084C156.069 169.724 155.967 169.268
-			155.967 168.717C155.967 167.906 156.252 167.309 156.821 166.926C157.391 166.538 158.245 166.324 159.385
-			166.283L160.711 166.242V165.907C160.711 165.506 160.606 165.212 160.396 165.025C160.187 164.839 159.895
-			164.745 159.521 164.745C159.152 164.745 158.79 164.798 158.434 164.902C158.079 165.007 157.724 165.139
-			157.368 165.299L156.678 163.891C157.083 163.676 157.537 163.508 158.038 163.385C158.544 163.262 159.066
-			163.2 159.603 163.2ZM160.711 167.459L159.904 167.486C159.23 167.505 158.76 167.625 158.496 167.849C158.236
-			168.072 158.106 168.366 158.106 168.73C158.106 169.049 158.2 169.277 158.387 169.414C158.573 169.546
-			158.817 169.612 159.118 169.612C159.565 169.612 159.941 169.48 160.246 169.216C160.556 168.951 160.711
-			168.576 160.711 168.088V167.459ZM93.9647 184.907C93.9647 186.033 93.7483 186.974 93.3153 187.73C92.8869
-			188.482 92.2649 189.05 91.4491 189.433C90.6334 189.811 89.6513 190 88.5028
-			190H85.6728V180.006H88.8104C89.8586 180.006 90.7678 180.193 91.538 180.566C92.3082 180.936 92.9052 181.485
-			93.329 182.214C93.7528 182.938 93.9647 183.836 93.9647 184.907ZM91.7636 184.962C91.7636 184.224 91.6542
-			183.618 91.4354 183.144C91.2213 182.665 90.9022 182.312 90.4784 182.084C90.0591 181.856 89.5396 181.742
-			88.9198 181.742H87.7919V188.25H88.7011C89.7356 188.25 90.5035 187.974 91.0048 187.423C91.5106 186.871
-			91.7636 186.051 91.7636 184.962ZM99.0233 182.214C99.7297 182.214 100.338 182.351 100.849 182.624C101.359
-			182.893 101.753 183.285 102.031 183.8C102.309 184.315 102.448 184.944 102.448
-			185.687V186.698H97.5194C97.5422 187.286 97.7177 187.749 98.0458 188.086C98.3785 188.419 98.8388 188.585
-			99.4267 188.585C99.9143 188.585 100.361 188.535 100.767 188.435C101.172 188.334 101.589 188.184 102.017
-			187.983V189.597C101.639 189.784 101.243 189.92 100.828 190.007C100.418 190.093 99.9188 190.137 99.331
-			190.137C98.5653 190.137 97.8863 189.995 97.2938 189.713C96.706 189.43 96.2434 189 95.9062 188.421C95.5735
-			187.842 95.4071 187.113 95.4071 186.233C95.4071 185.34 95.5575 184.597 95.8583 184.005C96.1636 183.408
-			96.5875 182.961 97.1298 182.665C97.6721 182.364 98.3033 182.214 99.0233 182.214ZM99.037 183.697C98.6314
-			183.697 98.2942 183.827 98.0253 184.087C97.761 184.347 97.6083 184.755 97.5673 185.311H100.493C100.489
-			185.001 100.432 184.725 100.322 184.483C100.217 184.242 100.058 184.05 99.8437 183.909C99.634 183.768
-			99.3651 183.697 99.037 183.697ZM111.157 182.357V190H109.558L109.277 189.022H109.168C109.004 189.282 108.799
-			189.494 108.553 189.658C108.307 189.822 108.035 189.943 107.739 190.021C107.443 190.098 107.135 190.137
-			106.816 190.137C106.269 190.137 105.793 190.041 105.388 189.85C104.982 189.654 104.665 189.351 104.437
-			188.94C104.214 188.53 104.102 187.997 104.102 187.341V182.357H106.187V186.821C106.187 187.368 106.285
-			187.781 106.481 188.059C106.677 188.337 106.989 188.476 107.418 188.476C107.842 188.476 108.174 188.38
-			108.416 188.188C108.657 187.993 108.826 187.708 108.922 187.334C109.022 186.956 109.072 186.495 109.072
-			185.953V182.357H111.157ZM116.564 188.476C116.792 188.476 117.013 188.453 117.227 188.407C117.446 188.362
-			117.663 188.305 117.877 188.236V189.788C117.654 189.888 117.376 189.97 117.043 190.034C116.715 190.103
-			116.355 190.137 115.963 190.137C115.507 190.137 115.097 190.064 114.732 189.918C114.372 189.768 114.087
-			189.51 113.878 189.146C113.673 188.776 113.57 188.264 113.57 187.607V183.923H112.572V183.041L113.721
-			182.344L114.322 180.73H115.655V182.357H117.795V183.923H115.655V187.607C115.655 187.899 115.737 188.118
-			115.901 188.264C116.07 188.405 116.291 188.476 116.564 188.476ZM124.761 187.73C124.761 188.25 124.638
-			188.69 124.392 189.05C124.15 189.405 123.788 189.676 123.305 189.863C122.822 190.046 122.22 190.137 121.5
-			190.137C120.967 190.137 120.509 190.103 120.126 190.034C119.748 189.966 119.365 189.852 118.977
-			189.692V187.97C119.392 188.157 119.836 188.312 120.31 188.435C120.789 188.553 121.208 188.612
-			121.568 188.612C121.974 188.612 122.263 188.553 122.436 188.435C122.614 188.312 122.703 188.152 122.703
-			187.956C122.703 187.828 122.667 187.715 122.594 187.614C122.525 187.509 122.375 187.393 122.142
-			187.266C121.91 187.133 121.545 186.963 121.049 186.753C120.57 186.552 120.176 186.35 119.866
-			186.145C119.561 185.939 119.333 185.698 119.183 185.42C119.037 185.137 118.964 184.78 118.964
-			184.347C118.964 183.64 119.237 183.109 119.784 182.754C120.336 182.394 121.072 182.214 121.992
-			182.214C122.466 182.214 122.917 182.262 123.346 182.357C123.779 182.453 124.223 182.606 124.679
-			182.815L124.05 184.319C123.671 184.155 123.314 184.021 122.976 183.916C122.644 183.811 122.304 183.759
-			121.958 183.759C121.653 183.759 121.422 183.8 121.267 183.882C121.113 183.964 121.035 184.089 121.035
-			184.258C121.035 184.381 121.074 184.49 121.151 184.586C121.233 184.682 121.388 184.789 121.616
-			184.907C121.849 185.021 122.188 185.169 122.635 185.352C123.068 185.529 123.444 185.716 123.763
-			185.912C124.082 186.104 124.328 186.343 124.501 186.63C124.674 186.912 124.761 187.279 124.761
-			187.73ZM129.491 190.137C128.735 190.137 128.09 190 127.557 189.727C127.023 189.449 126.618 189.02 126.34
-			188.441C126.062 187.863 125.923 187.122 125.923 186.22C125.923 185.285 126.08 184.524 126.394
-			183.937C126.713 183.344 127.153 182.909 127.714 182.631C128.279 182.353 128.933 182.214 129.676
-			182.214C130.204 182.214 130.66 182.266 131.043 182.371C131.43 182.471 131.767 182.592 132.055
-			182.733L131.439 184.347C131.111 184.215 130.806 184.107 130.523 184.025C130.241 183.939 129.958 183.896
-			129.676 183.896C129.311 183.896 129.008 183.982 128.767 184.155C128.525 184.324 128.345 184.579 128.226
-			184.921C128.108 185.263 128.049 185.691 128.049 186.206C128.049 186.712 128.113 187.131 128.24
-			187.464C128.368 187.797 128.552 188.045 128.794 188.209C129.035 188.368 129.329 188.448 129.676
-			188.448C130.109 188.448 130.494 188.391 130.831 188.277C131.168 188.159 131.496 187.995 131.815
-			187.785V189.569C131.496 189.77 131.161 189.913 130.81 190C130.464 190.091 130.024 190.137 129.491
-			190.137ZM135.678 179.363V181.53C135.678 181.909 135.664 182.269 135.637 182.61C135.614 182.952 135.596
-			183.194 135.582 183.335H135.691C135.855 183.071 136.049 182.856 136.272 182.692C136.5 182.528 136.751
-			182.408 137.024 182.33C137.298 182.253 137.592 182.214 137.906 182.214C138.458 182.214 138.938 182.312
-			139.349 182.508C139.759 182.699 140.078 183.002 140.306 183.417C140.533 183.827 140.647 184.36 140.647
-			185.017V190H138.562V185.536C138.562 184.989 138.462 184.577 138.262 184.299C138.061 184.021 137.751 183.882
-			137.332 183.882C136.913 183.882 136.582 183.98 136.341 184.176C136.099 184.367 135.928 184.652 135.828
-			185.03C135.728 185.404 135.678 185.862 135.678 186.404V190H133.593V179.363H135.678ZM144.879
-			190H142.794V179.363H144.879V190ZM150.204 182.2C151.229 182.2 152.016 182.424 152.562 182.87C153.109 183.317
-			153.383 183.996 153.383 184.907V190H151.927L151.523 188.961H151.469C151.25 189.234 151.027 189.458 150.799
-			189.631C150.571 189.804 150.309 189.932 150.013 190.014C149.716 190.096 149.356 190.137 148.933
-			190.137C148.481 190.137 148.076 190.05 147.716 189.877C147.36 189.704 147.08 189.439 146.875 189.084C146.67
-			188.724 146.567 188.268 146.567 187.717C146.567 186.906 146.852 186.309 147.422 185.926C147.991 185.538
-			148.846 185.324 149.985 185.283L151.311 185.242V184.907C151.311 184.506 151.207 184.212 150.997
-			184.025C150.787 183.839 150.496 183.745 150.122 183.745C149.753 183.745 149.391 183.798 149.035
-			183.902C148.68 184.007 148.324 184.139 147.969 184.299L147.278 182.891C147.684 182.676 148.137 182.508
-			148.639 182.385C149.144 182.262 149.666 182.2 150.204 182.2ZM151.311 186.459L150.505 186.486C149.83 186.505
-			149.361 186.625 149.097 186.849C148.837 187.072 148.707 187.366 148.707 187.73C148.707 188.049 148.8
-			188.277 148.987 188.414C149.174 188.546 149.418 188.612 149.719 188.612C150.165 188.612 150.541 188.48
-			150.847 188.216C151.156 187.951 151.311 187.576 151.311 187.088V186.459ZM159.877 182.214C160.693 182.214
-			161.349 182.437 161.846 182.884C162.342 183.326 162.591 184.037 162.591 185.017V190H160.506V185.536C160.506
-			184.989 160.405 184.577 160.205 184.299C160.009 184.021 159.699 183.882 159.275 183.882C158.637 183.882
-			158.202 184.098 157.97 184.531C157.737 184.964 157.621 185.589 157.621
-			186.404V190H155.536V182.357H157.129L157.409 183.335H157.525C157.689 183.071 157.892 182.856 158.134
-			182.692C158.38 182.528 158.651 182.408 158.947 182.33C159.248 182.253 159.558 182.214 159.877
-			182.214ZM167.157 190.137C166.305 190.137 165.61 189.804 165.072 189.139C164.539 188.469 164.272 187.487
-			164.272 186.192C164.272 184.884 164.544 183.896 165.086 183.226C165.628 182.551 166.337 182.214 167.212
-			182.214C167.576 182.214 167.898 182.264 168.176 182.364C168.454 182.465 168.693 182.599 168.893
-			182.768C169.099 182.936 169.272 183.125 169.413 183.335H169.481C169.454 183.189 169.42 182.975 169.379
-			182.692C169.342 182.405 169.324 182.111 169.324 181.811V179.363H171.416V190H169.816L169.413
-			189.009H169.324C169.192 189.218 169.026 189.41 168.825 189.583C168.629 189.752 168.394 189.886 168.121
-			189.986C167.848 190.087 167.526 190.137 167.157 190.137ZM167.889 188.476C168.458 188.476 168.859 188.307
-			169.092 187.97C169.329 187.628 169.454 187.115 169.468 186.432V186.206C169.468 185.463 169.354 184.896
-			169.126 184.504C168.898 184.107 168.474 183.909 167.854 183.909C167.394 183.909 167.034 184.107 166.774
-			184.504C166.515 184.9 166.385 185.472 166.385 186.22C166.385 186.967 166.515 187.53 166.774 187.908C167.039
-			188.286 167.41 188.476 167.889 188.476Z"
-			fill="#443D3E"
-		/>
-		<path opacity="0.5" d="M20 285H106V299H20V285Z" fill="#B8E986" fill-opacity="0.802"/>
-		<path opacity="0.5" d="M18 302H104V316H18V302Z" fill="#B8E986" fill-opacity="0.802"/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M138.094 88.6538C164.293 88.6538 185.531 68.808 185.531 44.3269C185.531 19.8458 164.293 0 138.094
-			0C111.895 0 90.6572 19.8458 90.6572 44.3269C90.6572 68.808 111.895 88.6538 138.094 88.6538Z"
-			fill="#E67D89"
-		/>
-		<path
-			d="M125.981 31.7771L128.066 27.6619H130.349L127.034 33.7664V37.656H124.928V33.8347L121.613
-			27.6619H123.909L125.981 31.7771ZM138.388 33.821C138.388 34.4591 138.301 35.0242 138.128 35.5164C137.96
-			36.0085 137.711 36.4255 137.383 36.7673C137.06 37.1046 136.668 37.3598 136.207 37.533C135.752 37.7061
-			135.237 37.7927 134.662 37.7927C134.125 37.7927 133.63 37.7061 133.179 37.533C132.732 37.3598 132.343
-			37.1046 132.01 36.7673C131.682 36.4255 131.427 36.0085 131.244 35.5164C131.067 35.0242 130.978 34.4591
-			130.978 33.821C130.978 32.9734 131.128 32.2556 131.429 31.6677C131.73 31.0798 132.158 30.6332 132.714
-			30.3279C133.27 30.0225 133.933 29.8699 134.703 29.8699C135.419 29.8699 136.052 30.0225 136.604
-			30.3279C137.16 30.6332 137.595 31.0798 137.909 31.6677C138.228 32.2556 138.388 32.9734 138.388
-			33.821ZM133.104 33.821C133.104 34.3223 133.159 34.7439 133.268 35.0857C133.377 35.4275 133.548 35.685
-			133.781 35.8582C134.013 36.0313 134.316 36.1179 134.69 36.1179C135.059 36.1179 135.357 36.0313 135.585
-			35.8582C135.818 35.685 135.986 35.4275 136.091 35.0857C136.2 34.7439 136.255 34.3223 136.255 33.821C136.255
-			33.3152 136.2 32.8959 136.091 32.5632C135.986 32.226 135.818 31.9731 135.585 31.8044C135.353 31.6358 135.05
-			31.5515 134.676 31.5515C134.125 31.5515 133.724 31.7406 133.473 32.1189C133.227 32.4972 133.104 33.0645
-			133.104 33.821ZM147.124 30.0134V37.656H145.525L145.244 36.6785H145.135C144.971 36.9382 144.766 37.1501
-			144.52 37.3142C144.274 37.4783 144.003 37.599 143.706 37.6765C143.41 37.754 143.103 37.7927 142.784
-			37.7927C142.237 37.7927 141.76 37.697 141.355 37.5056C140.949 37.3097 140.632 37.0066 140.405
-			36.5964C140.181 36.1863 140.07 35.6531 140.07 34.9968V30.0134H142.155V34.4773C142.155 35.0242
-			142.253 35.4366 142.449 35.7146C142.645 35.9926 142.957 36.1316 143.385 36.1316C143.809 36.1316
-			144.142 36.0359 144.383 35.8445C144.625 35.6485 144.793 35.3637 144.889 34.99C144.989 34.6117 145.039
-			34.1514 145.039 33.6091V30.0134H147.124ZM153.577 29.8699C153.682 29.8699 153.803 29.8767 153.94
-			29.8904C154.081 29.8995 154.195 29.9132 154.282 29.9314L154.124 31.8865C154.056 31.8637 153.958 31.8477
-			153.83 31.8386C153.707 31.825 153.6 31.8181 153.509 31.8181C153.24 31.8181 152.978 31.8523 152.723
-			31.9207C152.472 31.989 152.247 32.1007 152.046 32.2556C151.846 32.406 151.686 32.6065 151.568
-			32.8572C151.454 33.1033 151.397 33.4063 151.397 33.7664V37.656H149.312V30.0134H150.891L151.199
-			31.2986H151.301C151.451 31.0388 151.638 30.8018 151.862 30.5876C152.089 30.3689 152.347 30.1957 152.634
-			30.0681C152.926 29.936 153.24 29.8699 153.577 29.8699ZM109.896 56.7927C109.044 56.7927 108.349 56.46
-			107.811 55.7947C107.278 55.1248 107.011 54.1427 107.011 52.8484C107.011 51.5404 107.282 50.5515 107.825
-			49.8816C108.367 49.2071 109.075 48.8699 109.95 48.8699C110.315 48.8699 110.636 48.92 110.914
-			49.0203C111.192 49.1205 111.432 49.255 111.632 49.4236C111.837 49.5922 112.01 49.7813 112.152
-			49.991H112.22C112.193 49.8451 112.159 49.6309 112.117 49.3484C112.081 49.0613 112.063 48.7673 112.063
-			48.4666V46.0193H114.155V56.656H112.555L112.152 55.6648H112.063C111.931 55.8744 111.764 56.0658 111.564
-			56.239C111.368 56.4076 111.133 56.5421 110.86 56.6423C110.586 56.7426 110.265 56.7927 109.896
-			56.7927ZM110.627 55.1316C111.197 55.1316 111.598 54.963 111.83 54.6257C112.067 54.2839 112.193 53.7712
-			112.206 53.0876V52.8621C112.206 52.1192 112.092 51.5518 111.865 51.1599C111.637 50.7634 111.213 50.5652
-			110.593 50.5652C110.133 50.5652 109.773 50.7634 109.513 51.1599C109.253 51.5564 109.123 52.1283 109.123
-			52.8757C109.123 53.6231 109.253 54.186 109.513 54.5642C109.777 54.9425 110.149 55.1316 110.627
-			55.1316ZM123.281 52.821C123.281 53.4591 123.194 54.0242 123.021 54.5164C122.852 55.0085 122.604 55.4255
-			122.276 55.7673C121.952 56.1046 121.56 56.3598 121.1 56.533C120.644 56.7061 120.129 56.7927 119.555
-			56.7927C119.017 56.7927 118.523 56.7061 118.072 56.533C117.625 56.3598 117.235 56.1046 116.903
-			55.7673C116.575 55.4255 116.319 55.0085 116.137 54.5164C115.959 54.0242 115.87 53.4591 115.87 52.821C115.87
-			51.9734 116.021 51.2556 116.322 50.6677C116.622 50.0798 117.051 49.6332 117.607 49.3279C118.163 49.0225
-			118.826 48.8699 119.596 48.8699C120.311 48.8699 120.945 49.0225 121.496 49.3279C122.052 49.6332 122.488
-			50.0798 122.802 50.6677C123.121 51.2556 123.281 51.9734 123.281 52.821ZM117.996 52.821C117.996 53.3223
-			118.051 53.7439 118.16 54.0857C118.27 54.4275 118.441 54.685 118.673 54.8582C118.906 55.0313 119.209
-			55.1179 119.582 55.1179C119.951 55.1179 120.25 55.0313 120.478 54.8582C120.71 54.685 120.879 54.4275
-			120.984 54.0857C121.093 53.7439 121.148 53.3223 121.148 52.821C121.148 52.3152 121.093 51.8959 120.984
-			51.5632C120.879 51.226 120.71 50.9731 120.478 50.8044C120.245 50.6358 119.942 50.5515 119.569
-			50.5515C119.017 50.5515 118.616 50.7406 118.366 51.1189C118.119 51.4972 117.996 52.0645 117.996
-			52.821ZM129.344 48.8699C130.16 48.8699 130.816 49.0932 131.313 49.5398C131.81 49.9819 132.058 50.6928
-			132.058 51.6726V56.656H129.973V52.1921C129.973 51.6453 129.873 51.2328 129.672 50.9548C129.476 50.6768
-			129.166 50.5378 128.742 50.5378C128.104 50.5378 127.669 50.7543 127.437 51.1873C127.204 51.6202 127.088
-			52.2445 127.088 53.0603V56.656H125.003V49.0134H126.596L126.876 49.991H126.992C127.157 49.7266 127.359
-			49.5125 127.601 49.3484C127.847 49.1843 128.118 49.0636 128.414 48.9861C128.715 48.9086 129.025 48.8699
-			129.344 48.8699ZM137.335 48.8562C138.361 48.8562 139.147 49.0795 139.694 49.5261C140.241 49.9727 140.514
-			50.6518 140.514 51.5632V56.656H139.058L138.655 55.6169H138.6C138.381 55.8904 138.158 56.1137 137.93
-			56.2869C137.702 56.46 137.44 56.5876 137.144 56.6697C136.848 56.7517 136.488 56.7927 136.064
-			56.7927C135.613 56.7927 135.207 56.7061 134.847 56.533C134.492 56.3598 134.211 56.0955 134.006
-			55.74C133.801 55.38 133.699 54.9242 133.699 54.3728C133.699 53.5616 133.983 52.9646 134.553 52.5818C135.123
-			52.1944 135.977 51.9802 137.117 51.9392L138.443 51.8982V51.5632C138.443 51.1622 138.338 50.8682 138.128
-			50.6814C137.919 50.4945 137.627 50.4011 137.253 50.4011C136.884 50.4011 136.522 50.4535 136.166
-			50.5583C135.811 50.6632 135.455 50.7953 135.1 50.9548L134.409 49.5466C134.815 49.3324 135.269 49.1638
-			135.77 49.0408C136.276 48.9177 136.798 48.8562 137.335 48.8562ZM138.443 53.115L137.636 53.1423C136.962
-			53.1606 136.492 53.2813 136.228 53.5046C135.968 53.7279 135.838 54.0219 135.838 54.3865C135.838 54.7055
-			135.932 54.9333 136.118 55.0701C136.305 55.2022 136.549 55.2683 136.85 55.2683C137.297 55.2683 137.673
-			55.1361 137.978 54.8718C138.288 54.6075 138.443 54.2315 138.443 53.7439V53.115ZM145.887 55.1316C146.115
-			55.1316 146.336 55.1088 146.55 55.0632C146.769 55.0177 146.985 54.9607 147.2 54.8923V56.4441C146.976
-			56.5444 146.698 56.6264 146.366 56.6902C146.037 56.7585 145.677 56.7927 145.285 56.7927C144.83 56.7927
-			144.42 56.7198 144.055 56.574C143.695 56.4236 143.41 56.1661 143.2 55.8015C142.995 55.4324 142.893 54.9197
-			142.893 54.2634V50.5789H141.895V49.697L143.043 48.9998L143.645
-			47.3865H144.978V49.0134H147.117V50.5789H144.978V54.2634C144.978 54.5551 145.06 54.7738 145.224
-			54.9197C145.393 55.061 145.614 55.1316 145.887 55.1316ZM150.836
-			49.0134V56.656H148.751V49.0134H150.836ZM149.797 46.0193C150.107 46.0193 150.374 46.0922 150.597
-			46.238C150.82 46.3793 150.932 46.6459 150.932 47.0378C150.932 47.4252 150.82 47.6941 150.597 47.8445C150.374
-			47.9903 150.107 48.0632 149.797 48.0632C149.483 48.0632 149.214 47.9903 148.991 47.8445C148.772 47.6941
-			148.662 47.4252 148.662 47.0378C148.662 46.6459 148.772 46.3793 148.991 46.238C149.214 46.0922 149.483
-			46.0193 149.797 46.0193ZM159.976 52.821C159.976 53.4591 159.889 54.0242 159.716 54.5164C159.548 55.0085
-			159.299 55.4255 158.971 55.7673C158.647 56.1046 158.256 56.3598 157.795 56.533C157.339 56.7061 156.825
-			56.7927 156.25 56.7927C155.713 56.7927 155.218 56.7061 154.767 56.533C154.32 56.3598 153.931 56.1046
-			153.598 55.7673C153.27 55.4255 153.015 55.0085 152.832 54.5164C152.655 54.0242 152.566 53.4591 152.566
-			52.821C152.566 51.9734 152.716 51.2556 153.017 50.6677C153.318 50.0798 153.746 49.6332 154.302
-			49.3279C154.858 49.0225 155.521 48.8699 156.291 48.8699C157.007 48.8699 157.64 49.0225 158.192
-			49.3279C158.748 49.6332 159.183 50.0798 159.497 50.6677C159.816 51.2556 159.976 51.9734 159.976
-			52.821ZM154.692 52.821C154.692 53.3223 154.746 53.7439 154.856 54.0857C154.965 54.4275 155.136 54.685
-			155.368 54.8582C155.601 55.0313 155.904 55.1179 156.278 55.1179C156.647 55.1179 156.945 55.0313 157.173
-			54.8582C157.406 54.685 157.574 54.4275 157.679 54.0857C157.788 53.7439 157.843 53.3223 157.843
-			52.821C157.843 52.3152 157.788 51.8959 157.679 51.5632C157.574 51.226 157.406 50.9731 157.173
-			50.8044C156.941 50.6358 156.638 50.5515 156.264 50.5515C155.713 50.5515 155.311 50.7406 155.061
-			51.1189C154.815 51.4972 154.692 52.0645 154.692 52.821ZM166.039 48.8699C166.855 48.8699 167.511 49.0932
-			168.008 49.5398C168.505 49.9819 168.753 50.6928 168.753 51.6726V56.656H166.668V52.1921C166.668 51.6453
-			166.568 51.2328 166.367 50.9548C166.172 50.6768 165.862 50.5378 165.438 50.5378C164.8 50.5378 164.365
-			50.7543 164.132 51.1873C163.9 51.6202 163.784 52.2445 163.784
-			53.0603V56.656H161.699V49.0134H163.291L163.572 49.991H163.688C163.852 49.7266 164.055 49.5125 164.296
-			49.3484C164.542 49.1843 164.813 49.0636 165.11 48.9861C165.41 48.9086 165.72 48.8699 166.039 48.8699Z"
-			fill="white"
-		/>
-		<mask
-			id="mask0_918_17"
-			style="mask-type: luminance;"
-			maskUnits="userSpaceOnUse"
-			x="106"
-			y="58"
-			width="82"
-			height="86"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M106.552 81.8075L149.834 58.4566L187.796 119.898L144.514 143.249L106.552 81.8075Z"
-				fill="white"
-			/>
-		</mask>
-		<g mask="url(#mask0_918_17)">
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M145.594 142.667C145.186 142.887 144.665 142.881 144.254 142.614C143.694 142.246 143.561 141.523
-				143.958 140.998C161.591 117.664 163.335 85.3608 148.294 60.6157C147.957 60.0612 148.165 59.3566 148.757
-				59.0373L148.765 59.0332C149.362 58.7164 150.121 58.9108 150.459 59.4666C165.964 84.9751 164.168 118.276
-				145.988 142.329C145.881 142.472 145.746 142.584 145.594 142.667Z"
-				fill="#1A1919"
-			/>
-		</g>
-		<mask
-			id="mask1_918_17"
-			style="mask-type: luminance;"
-			maskUnits="userSpaceOnUse"
-			x="125"
-			y="125"
-			width="34"
-			height="37"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M125.141 135.319L142.587 125.907L158.637 151.885L141.191 161.297L125.141 135.319Z"
-				fill="white"
-			/>
-		</mask>
-		<g mask="url(#mask1_918_17)">
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M157.559 152.466C157.466 152.516 157.366 152.555 157.259 152.582C151.054 154.123 144.401 154.506
-				138.019 153.685C137.559 153.626 136.698 153.518 136.069 152.893C135.487 152.313 135.388 151.581 135.329
-				151.144L132.71 132.066C132.622 131.422 133.098 130.84 133.789 130.762C134.471 130.685 135.097 131.143
-				135.185 131.785L137.804 150.865C137.822 150.979 137.857 151.243 137.901 151.317C137.902 151.299 138.061
-				151.327 138.334 151.361C144.394 152.14 150.709 151.779 156.6 150.313C157.265 150.148 157.951 150.523
-				158.133 151.149C158.286 151.673 158.035 152.209 157.559 152.466Z"
-				fill="#1A1919"
-			/>
-		</g>
-		<mask
-			id="mask2_918_17"
-			style="mask-type: luminance;"
-			maskUnits="userSpaceOnUse"
-			x="36"
-			y="194"
-			width="89"
-			height="66"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M124.114 238.715L109.502 194.054L36.8954 214.796L51.5076 259.458L124.114 238.715Z"
-				fill="white"
-			/>
-		</mask>
-		<g mask="url(#mask2_918_17)">
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M51.1436 258.343C51.2813 258.764 51.6665 259.092 52.1618 259.158C52.8398 259.246 53.4648 258.803
-				53.5579 258.165C57.6924 229.863 79.9926 205.126 109.053 196.614C109.704 196.423 110.066 195.776 109.867
-				195.165L109.864 195.157C109.658 194.545 108.961 194.203 108.309 194.394C78.3519 203.169 55.361 228.668
-				51.1014 257.846C51.0755 258.018 51.0922 258.186 51.1436 258.343Z"
-				fill="#1A1919"
-			/>
-		</g>
-		<path
-			d="M35.6628 281.006L33.1198 291H30.7068L29.3532 285.75C29.3259 285.65 29.2894 285.497 29.2439
-			285.292C29.1983 285.087 29.1504 284.864 29.1003 284.622C29.0502 284.376 29.0046 284.146 28.9636
-			283.932C28.9271 283.713 28.9021 283.54 28.8884 283.412C28.8747 283.54 28.8474 283.711 28.8064
-			283.925C28.7699 284.139 28.7266 284.367 28.6765 284.608C28.6309 284.85 28.5853 285.076 28.5398
-			285.285C28.4942 285.495 28.4577 285.654 28.4304 285.764L27.0837 291H24.6775L22.1277 281.006H24.2126L25.4909
-			286.461C25.5274 286.625 25.5684 286.821 25.614 287.049C25.6641 287.277 25.712 287.516 25.7575
-			287.767C25.8077 288.013 25.851 288.252 25.8874 288.484C25.9284 288.712 25.9581 288.91 25.9763
-			289.079C25.9991 288.906 26.0287 288.705 26.0652 288.478C26.1016 288.245 26.1404 288.01 26.1814
-			287.773C26.2269 287.532 26.2725 287.309 26.3181 287.104C26.3637 286.898 26.4047 286.732 26.4411
-			286.604L27.8972 281.006H29.9001L31.3562 286.604C31.3881 286.728 31.4245 286.894 31.4655 287.104C31.5111
-			287.309 31.5567 287.532 31.6023 287.773C31.6478 288.015 31.6889 288.252 31.7253 288.484C31.7663 288.712
-			31.796 288.91 31.8142 289.079C31.8461 288.851 31.8894 288.576 31.9441 288.252C32.0033 287.924 32.0648
-			287.598 32.1286 287.274C32.197 286.951 32.2562 286.68 32.3064 286.461L33.5779 281.006H35.6628ZM38.8415
-			283.357V291H36.7566V283.357H38.8415ZM37.8025 280.363C38.1124 280.363 38.379 280.436 38.6023 280.582C38.8256
-			280.723 38.9372 280.99 38.9372 281.382C38.9372 281.769 38.8256 282.038 38.6023 282.188C38.379 282.334
-			38.1124 282.407 37.8025 282.407C37.488 282.407 37.2191 282.334 36.9958 282.188C36.7771 282.038 36.6677
-			281.769 36.6677 281.382C36.6677 280.99 36.7771 280.723 36.9958 280.582C37.2191 280.436 37.488 280.363
-			37.8025 280.363ZM43.1208 280.363V285.121C43.1208 285.408 43.1094 285.695 43.0866 285.982C43.0639 286.27
-			43.0388 286.557 43.0114 286.844H43.0388C43.1801 286.643 43.3236 286.445 43.4695 286.249C43.6198 286.053
-			43.7794 285.864 43.948 285.682L46.0876 283.357H48.4392L45.404 286.673L48.6238 291H46.2175L44.0163
-			287.903L43.1208 288.621V291H41.0359V280.363H43.1208ZM51.8025 283.357V291H49.7175V283.357H51.8025ZM50.7634
-			280.363C51.0733 280.363 51.3399 280.436 51.5632 280.582C51.7865 280.723 51.8982 280.99 51.8982
-			281.382C51.8982 281.769 51.7865 282.038 51.5632 282.188C51.3399 282.334 51.0733 282.407 50.7634
-			282.407C50.4489 282.407 50.1801 282.334 49.9568 282.188C49.738 282.038 49.6286 281.769 49.6286
-			281.382C49.6286 280.99 49.738 280.723 49.9568 280.582C50.1801 280.436 50.4489 280.363 50.7634
-			280.363ZM62.9724 283.214C63.8383 283.214 64.4922 283.437 64.9343 283.884C65.3809 284.326 65.6042 285.037
-			65.6042 286.017V291H63.5124V286.536C63.5124 285.989 63.419 285.577 63.2322 285.299C63.0453 285.021 62.7559
-			284.882 62.364 284.882C61.8126 284.882 61.4206 285.08 61.1882 285.477C60.9558 285.868 60.8396 286.431
-			60.8396 287.165V291H58.7546V286.536C58.7546 286.172 58.7136 285.866 58.6316 285.62C58.5495 285.374 58.4242
-			285.189 58.2556 285.066C58.087 284.943 57.8705 284.882 57.6062 284.882C57.2188 284.882 56.9135 284.98
-			56.6902 285.176C56.4714 285.367 56.3142 285.652 56.2185 286.03C56.1273 286.404 56.0818 286.862 56.0818
-			287.404V291H53.9968V283.357H55.5896L55.8698 284.335H55.9861C56.141 284.071 56.3347 283.856 56.5671
-			283.692C56.8041 283.528 57.0639 283.408 57.3464 283.33C57.629 283.253 57.9161 283.214 58.2077
-			283.214C58.7683 283.214 59.2422 283.305 59.6296 283.487C60.0215 283.67 60.3223 283.952 60.532
-			284.335H60.7165C60.9444 283.943 61.2657 283.658 61.6804 283.48C62.0997 283.303 62.5303 283.214 62.9724
-			283.214ZM70.9021 283.214C71.6085 283.214 72.2169 283.351 72.7273 283.624C73.2377 283.893 73.6319 284.285
-			73.9099 284.8C74.1879 285.315 74.3269 285.944 74.3269 286.687V287.698H69.3982C69.421 288.286 69.5964
-			288.749 69.9245 289.086C70.2572 289.419 70.7175 289.585 71.3054 289.585C71.793 289.585 72.2396 289.535
-			72.6452 289.435C73.0508 289.334 73.4678 289.184 73.8962 288.983V290.597C73.518 290.784 73.1215 290.92
-			72.7068 291.007C72.2966 291.093 71.7976 291.137 71.2097 291.137C70.4441 291.137 69.765 290.995 69.1726
-			290.713C68.5847 290.43 68.1221 290 67.7849 289.421C67.4522 288.842 67.2859 288.113 67.2859 287.233C67.2859
-			286.34 67.4363 285.597 67.737 285.005C68.0424 284.408 68.4662 283.961 69.0085 283.665C69.5508 283.364
-			70.182 283.214 70.9021 283.214ZM70.9157 284.697C70.5101 284.697 70.1729 284.827 69.904 285.087C69.6397
-			285.347 69.487 285.755 69.446 286.311H72.3718C72.3672 286.001 72.3103 285.725 72.2009 285.483C72.0961
-			285.242 71.9366 285.05 71.7224 284.909C71.5127 284.768 71.2439 284.697 70.9157 284.697ZM78.4421
-			291.137C77.5899 291.137 76.8949 290.804 76.3572 290.139C75.8239 289.469 75.5573 288.487 75.5573
-			287.192C75.5573 285.884 75.8285 284.896 76.3708 284.226C76.9131 283.551 77.6218 283.214 78.4968
-			283.214C78.8614 283.214 79.1827 283.264 79.4607 283.364C79.7387 283.465 79.9779 283.599 80.1784
-			283.768C80.3835 283.936 80.5567 284.125 80.698 284.335H80.7663C80.739 284.189 80.7048 283.975 80.6638
-			283.692C80.6273 283.405 80.6091 283.111 80.6091 282.811V280.363H82.7009V291H81.1013L80.698
-			290.009H80.6091C80.4769 290.218 80.3106 290.41 80.1101 290.583C79.9141 290.752 79.6794 290.886 79.406
-			290.986C79.1325 291.087 78.8113 291.137 78.4421 291.137ZM79.1736 289.476C79.7432 289.476 80.1443 289.307
-			80.3767 288.97C80.6137 288.628 80.739 288.115 80.7527 287.432V287.206C80.7527 286.463 80.6387 285.896
-			80.4109 285.504C80.183 285.107 79.7592 284.909 79.1394 284.909C78.6791 284.909 78.3191 285.107 78.0593
-			285.504C77.7995 285.9 77.6697 286.472 77.6697 287.22C77.6697 287.967 77.7995 288.53 78.0593 288.908C78.3236
-			289.286 78.695 289.476 79.1736 289.476ZM86.9665 283.357V291H84.8816V283.357H86.9665ZM85.9275
-			280.363C86.2374 280.363 86.504 280.436 86.7273 280.582C86.9506 280.723 87.0622 280.99 87.0622
-			281.382C87.0622 281.769 86.9506 282.038 86.7273 282.188C86.504 282.334 86.2374 282.407 85.9275
-			282.407C85.613 282.407 85.3441 282.334 85.1208 282.188C84.9021 282.038 84.7927 281.769 84.7927
-			281.382C84.7927 280.99 84.9021 280.723 85.1208 280.582C85.3441 280.436 85.613 280.363 85.9275
-			280.363ZM92.2917 283.2C93.3171 283.2 94.1032 283.424 94.6501 283.87C95.197 284.317 95.4704 284.996 95.4704
-			285.907V291H94.0144L93.6111 289.961H93.5564C93.3376 290.234 93.1143 290.458 92.8864 290.631C92.6586 290.804
-			92.3965 290.932 92.1003 291.014C91.8041 291.096 91.4441 291.137 91.0202 291.137C90.5691 291.137 90.1635
-			291.05 89.8034 290.877C89.448 290.704 89.1677 290.439 88.9626 290.084C88.7575 289.724 88.655 289.268 88.655
-			288.717C88.655 287.906 88.9398 287.309 89.5095 286.926C90.0792 286.538 90.9336 286.324 92.073
-			286.283L93.3991 286.242V285.907C93.3991 285.506 93.2943 285.212 93.0847 285.025C92.8751 284.839 92.5834
-			284.745 92.2097 284.745C91.8405 284.745 91.4782 284.798 91.1228 284.902C90.7673 285.007 90.4118 285.139
-			90.0564 285.299L89.3659 283.891C89.7715 283.676 90.225 283.508 90.7263 283.385C91.2321 283.262 91.754 283.2
-			92.2917 283.2ZM93.3991 287.459L92.5925 287.486C91.918 287.505 91.4486 287.625 91.1843 287.849C90.9245
-			288.072 90.7946 288.366 90.7946 288.73C90.7946 289.049 90.8881 289.277 91.0749 289.414C91.2618 289.546
-			91.5056 289.612 91.8064 289.612C92.253 289.612 92.629 289.48 92.9343 289.216C93.2442 288.951 93.3991
-			288.576 93.3991 288.088V287.459ZM20.6989
-			310H18.614V300.006H24.3425V301.742H20.6989V304.319H24.0896V306.049H20.6989V310ZM33.0788 306.165C33.0788
-			306.803 32.9922 307.368 32.8191 307.86C32.6504 308.353 32.4021 308.77 32.0739 309.111C31.7504 309.449
-			31.3585 309.704 30.8982 309.877C30.4424 310.05 29.9275 310.137 29.3532 310.137C28.8155 310.137 28.321
-			310.05 27.8698 309.877C27.4232 309.704 27.0336 309.449 26.7009 309.111C26.3728 308.77 26.1176 308.353
-			25.9353 307.86C25.7575 307.368 25.6687 306.803 25.6687 306.165C25.6687 305.317 25.8191 304.6 26.1198
-			304.012C26.4206 303.424 26.849 302.977 27.405 302.672C27.961 302.367 28.6241 302.214 29.3943 302.214C30.1098
-			302.214 30.7432 302.367 31.2947 302.672C31.8506 302.977 32.2859 303.424 32.6003 304.012C32.9193 304.6
-			33.0788 305.317 33.0788 306.165ZM27.7947 306.165C27.7947 306.666 27.8493 307.088 27.9587 307.43C28.0681
-			307.771 28.239 308.029 28.4714 308.202C28.7038 308.375 29.0069 308.462 29.3806 308.462C29.7497 308.462
-			30.0482 308.375 30.2761 308.202C30.5085 308.029 30.6771 307.771 30.782 307.43C30.8913 307.088 30.946
-			306.666 30.946 306.165C30.946 305.659 30.8913 305.24 30.782 304.907C30.6771 304.57 30.5085 304.317 30.2761
-			304.148C30.0437 303.98 29.7406 303.896 29.3669 303.896C28.8155 303.896 28.4144 304.085 28.1638
-			304.463C27.9177 304.841 27.7947 305.409 27.7947 306.165ZM41.8152 302.357V310H40.2155L39.9353
-			309.022H39.8259C39.6618 309.282 39.4568 309.494 39.2107 309.658C38.9646 309.822 38.6934 309.943 38.3972
-			310.021C38.101 310.098 37.7933 310.137 37.4743 310.137C36.9275 310.137 36.4512 310.041 36.0456 309.85C35.64
-			309.654 35.3233 309.351 35.0954 308.94C34.8721 308.53 34.7605 307.997 34.7605
-			307.341V302.357H36.8454V306.821C36.8454 307.368 36.9434 307.781 37.1394 308.059C37.3353 308.337 37.6475
-			308.476 38.0759 308.476C38.4997 308.476 38.8324 308.38 39.0739 308.188C39.3155 307.993 39.4841 307.708
-			39.5798 307.334C39.6801 306.956 39.7302 306.495 39.7302 305.953V302.357H41.8152ZM48.3435 302.214C49.1592
-			302.214 49.8155 302.437 50.3122 302.884C50.809 303.326 51.0573 304.037 51.0573
-			305.017V310H48.9724V305.536C48.9724 304.989 48.8721 304.577 48.6716 304.299C48.4756 304.021 48.1657 303.882
-			47.7419 303.882C47.1039 303.882 46.6687 304.098 46.4363 304.531C46.2038 304.964 46.0876 305.589 46.0876
-			306.404V310H44.0027V302.357H45.5954L45.8757 303.335H45.9919C46.156 303.071 46.3588 302.856 46.6003
-			302.692C46.8464 302.528 47.1176 302.408 47.4138 302.33C47.7146 302.253 48.0245 302.214 48.3435
-			302.214ZM55.6238 310.137C54.7715 310.137 54.0766 309.804 53.5388 309.139C53.0056 308.469 52.739 307.487
-			52.739 306.192C52.739 304.884 53.0101 303.896 53.5525 303.226C54.0948 302.551 54.8034 302.214 55.6784
-			302.214C56.043 302.214 56.3643 302.264 56.6423 302.364C56.9203 302.465 57.1596 302.599 57.3601
-			302.768C57.5652 302.936 57.7383 303.125 57.8796 303.335H57.948C57.9206 303.189 57.8864 302.975 57.8454
-			302.692C57.809 302.405 57.7907 302.111 57.7907 301.811V299.363H59.8825V310H58.2829L57.8796
-			309.009H57.7907C57.6586 309.218 57.4922 309.41 57.2917 309.583C57.0958 309.752 56.8611 309.886 56.5876
-			309.986C56.3142 310.087 55.9929 310.137 55.6238 310.137ZM56.3552 308.476C56.9249 308.476 57.3259 308.307
-			57.5583 307.97C57.7953 307.628 57.9206 307.115 57.9343 306.432V306.206C57.9343 305.463 57.8204 304.896
-			57.5925 304.504C57.3646 304.107 56.9408 303.909 56.321 303.909C55.8607 303.909 55.5007 304.107 55.2409
-			304.504C54.9812 304.9 54.8513 305.472 54.8513 306.22C54.8513 306.967 54.9812 307.53 55.2409 307.908C55.5053
-			308.286 55.8767 308.476 56.3552 308.476ZM65.1941 302.2C66.2195 302.2 67.0056 302.424 67.5525 302.87C68.0993
-			303.317 68.3728 303.996 68.3728 304.907V310H66.9167L66.5134 308.961H66.4587C66.24 309.234 66.0167 309.458
-			65.7888 309.631C65.5609 309.804 65.2989 309.932 65.0027 310.014C64.7064 310.096 64.3464 310.137 63.9226
-			310.137C63.4714 310.137 63.0658 310.05 62.7058 309.877C62.3503 309.704 62.07 309.439 61.865 309.084C61.6599
-			308.724 61.5573 308.268 61.5573 307.717C61.5573 306.906 61.8422 306.309 62.4118 305.926C62.9815 305.538
-			63.836 305.324 64.9753 305.283L66.3015 305.242V304.907C66.3015 304.506 66.1967 304.212 65.987
-			304.025C65.7774 303.839 65.4857 303.745 65.112 303.745C64.7429 303.745 64.3806 303.798 64.0251
-			303.902C63.6697 304.007 63.3142 304.139 62.9587 304.299L62.2683 302.891C62.6739 302.676 63.1273 302.508
-			63.6286 302.385C64.1345 302.262 64.6563 302.2 65.1941 302.2ZM66.3015 306.459L65.4948 306.486C64.8204 306.505
-			64.351 306.625 64.0866 306.849C63.8269 307.072 63.697 307.366 63.697 307.73C63.697 308.049 63.7904 308.277
-			63.9773 308.414C64.1641 308.546 64.4079 308.612 64.7087 308.612C65.1553 308.612 65.5313 308.48 65.8366
-			308.216C66.1465 307.951 66.3015 307.576 66.3015 307.088V306.459ZM73.7458 308.476C73.9737 308.476 74.1947
-			308.453 74.4089 308.407C74.6277 308.362 74.8441 308.305 75.0583 308.236V309.788C74.835 309.888 74.557
-			309.97 74.2243 310.034C73.8962 310.103 73.5362 310.137 73.1443 310.137C72.6885 310.137 72.2784 310.064
-			71.9138 309.918C71.5538 309.768 71.2689 309.51 71.0593 309.146C70.8542 308.776 70.7517 308.264 70.7517
-			307.607V303.923H69.7536V303.041L70.9021 302.344L71.5036
-			300.73H72.8366V302.357H74.9763V303.923H72.8366V307.607C72.8366 307.899 72.9187 308.118 73.0827
-			308.264C73.2514 308.405 73.4724 308.476 73.7458 308.476ZM78.695 302.357V310H76.6101V302.357H78.695ZM77.656
-			299.363C77.9659 299.363 78.2325 299.436 78.4558 299.582C78.6791 299.723 78.7907 299.99 78.7907
-			300.382C78.7907 300.769 78.6791 301.038 78.4558 301.188C78.2325 301.334 77.9659 301.407 77.656
-			301.407C77.3415 301.407 77.0726 301.334 76.8493 301.188C76.6306 301.038 76.5212 300.769 76.5212
-			300.382C76.5212 299.99 76.6306 299.723 76.8493 299.582C77.0726 299.436 77.3415 299.363 77.656
-			299.363ZM87.8347 306.165C87.8347 306.803 87.7481 307.368 87.5749 307.86C87.4063 308.353 87.1579 308.77
-			86.8298 309.111C86.5062 309.449 86.1143 309.704 85.654 309.877C85.1983 310.05 84.6833 310.137 84.1091
-			310.137C83.5713 310.137 83.0769 310.05 82.6257 309.877C82.1791 309.704 81.7894 309.449 81.4568
-			309.111C81.1286 308.77 80.8734 308.353 80.6911 307.86C80.5134 307.368 80.4245 306.803 80.4245
-			306.165C80.4245 305.317 80.5749 304.6 80.8757 304.012C81.1765 303.424 81.6049 302.977 82.1609
-			302.672C82.7168 302.367 83.3799 302.214 84.1501 302.214C84.8656 302.214 85.4991 302.367 86.0505
-			302.672C86.6065 302.977 87.0417 303.424 87.3562 304.012C87.6752 304.6 87.8347 305.317 87.8347
-			306.165ZM82.5505 306.165C82.5505 306.666 82.6052 307.088 82.7146 307.43C82.8239 307.771 82.9948 308.029
-			83.2273 308.202C83.4597 308.375 83.7627 308.462 84.1364 308.462C84.5056 308.462 84.8041 308.375 85.032
-			308.202C85.2644 308.029 85.433 307.771 85.5378 307.43C85.6472 307.088 85.7019 306.666 85.7019
-			306.165C85.7019 305.659 85.6472 305.24 85.5378 304.907C85.433 304.57 85.2644 304.317 85.032 304.148C84.7995
-			303.98 84.4965 303.896 84.1228 303.896C83.5713 303.896 83.1703 304.085 82.9196 304.463C82.6736 304.841
-			82.5505 305.409 82.5505 306.165ZM93.8982 302.214C94.7139 302.214 95.3702 302.437 95.8669 302.884C96.3637
-			303.326 96.612 304.037 96.612 305.017V310H94.5271V305.536C94.5271 304.989 94.4268 304.577 94.2263
-			304.299C94.0303 304.021 93.7204 303.882 93.2966 303.882C92.6586 303.882 92.2234 304.098 91.9909
-			304.531C91.7585 304.964 91.6423 305.589 91.6423 306.404V310H89.5573V302.357H91.1501L91.4304
-			303.335H91.5466C91.7107 303.071 91.9135 302.856 92.155 302.692C92.4011 302.528 92.6723 302.408 92.9685
-			302.33C93.2693 302.253 93.5792 302.214 93.8982 302.214Z"
-			fill="#443D3E"
-		/>
-		<mask
-			id="mask1_918_17"
-			style="mask-type: luminance;"
-			maskUnits="userSpaceOnUse"
-			x="125"
-			y="125"
-			width="34"
-			height="37"
-		>
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M72.4297 266.232L66.5399 248.231L35.8416 257.001L41.7314 275.003L72.4297 266.232Z"
-				fill="white"
-			/>
-		</mask>
-		<g mask="url(#mask3_918_17)">
-			<path
-				fill-rule="evenodd"
-				clip-rule="evenodd"
-				d="M36.2052 258.113C36.2366 258.208 36.2815 258.3 36.34 258.388C39.7533 263.47 44.3399 267.99 49.6069
-				271.457C49.9859 271.707 50.6944 272.176 51.61 272.12C52.4594 272.067 53.0662 271.595 53.4287
-				271.312L69.2675 259.03C69.8018 258.614 69.8788 257.885 69.4304 257.388C68.9874 256.897 68.196 256.833
-				67.6628 257.246L51.8212 269.531C51.7259 269.603 51.5069 269.774 51.4209 269.8C51.4331 269.786 51.2969
-				269.705 51.0719 269.557C46.0718 266.264 41.7167 261.975 38.478 257.149C38.1124 256.605 37.3368 256.442
-				36.7469 256.784C36.2519 257.069 36.0445 257.621 36.2052 258.113Z"
-				fill="#1A1919"
-			/>
-		</g>
-	</svg>
+	<!-- eslint-disable -->
+	<svg width="100%" height="100%" viewBox="0 0 219 359" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule: evenodd;clip-rule: evenodd;stroke-linejoin: round;stroke-miterlimit: 2;"><path d="M63.068,358.88c33.734,0 61.082,-26.126 61.082,-58.355c0,-32.228 -27.348,-58.354 -61.082,-58.354c-33.735,0 -61.082,26.126 -61.082,58.354c0,32.229 27.347,58.355 61.082,58.355Z" style="fill: #d8d8d8;fill-opacity: 0.5;"/><path d="M133.35,262.021c46.867,0 84.86,-39.03 84.86,-87.176c0,-48.146 -37.993,-87.176 -84.86,-87.176c-46.866,-0 -84.859,39.03 -84.859,87.176c0,48.146 37.993,87.176 84.859,87.176Z" style="fill: #d8d8d8;fill-opacity: 0.5;"/><rect x="84" y="184" width="104" height="14" style="fill: #f5a623;fill-opacity: 0.4;fill-rule: nonzero;"/><rect x="88" y="164" width="85" height="14" style="fill: #f5a623;fill-opacity: 0.4;fill-rule: nonzero;"/><path d="M102.975,161.006l-2.543,9.994l-2.413,0l-1.354,-5.25c-0.027,-0.1 -0.064,-0.253 -0.109,-0.458c-0.046,-0.205 -0.094,-0.428 -0.144,-0.67c-0.05,-0.246 -0.096,-0.476 -0.137,-0.69c-0.036,-0.219 -0.061,-0.392 -0.075,-0.52c-0.014,0.128 -0.041,0.299 -0.082,0.513c-0.036,0.214 -0.08,0.442 -0.13,0.683c-0.045,0.242 -0.091,0.468 -0.137,0.677c-0.045,0.21 -0.082,0.369 -0.109,0.479l-1.347,5.236l-2.406,0l-2.55,-9.994l2.085,0l1.279,5.455c0.036,0.164 0.077,0.36 0.123,0.588c0.05,0.228 0.098,0.467 0.143,0.718c0.05,0.246 0.094,0.485 0.13,0.717c0.041,0.228 0.071,0.426 0.089,0.595c0.023,-0.173 0.052,-0.374 0.089,-0.601c0.036,-0.233 0.075,-0.468 0.116,-0.705c0.046,-0.241 0.091,-0.464 0.137,-0.669c0.045,-0.206 0.086,-0.372 0.123,-0.5l1.456,-5.598l2.003,0l1.456,5.598c0.032,0.124 0.068,0.29 0.109,0.5c0.046,0.205 0.091,0.428 0.137,0.669c0.045,0.242 0.087,0.479 0.123,0.711c0.041,0.228 0.071,0.426 0.089,0.595c0.032,-0.228 0.075,-0.503 0.13,-0.827c0.059,-0.328 0.12,-0.654 0.184,-0.978c0.069,-0.323 0.128,-0.594 0.178,-0.813l1.272,-5.455l2.085,0Zm3.178,2.351l0,7.643l-2.085,0l-0,-7.643l2.085,0Zm-1.039,-2.994c0.31,0 0.577,0.073 0.8,0.219c0.223,0.141 0.335,0.408 0.335,0.8c0,0.387 -0.112,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,0 -0.583,-0.073 -0.806,-0.219c-0.219,-0.15 -0.329,-0.419 -0.329,-0.806c-0,-0.392 0.11,-0.659 0.329,-0.8c0.223,-0.146 0.492,-0.219 0.806,-0.219Zm5.319,0l0,4.758c0,0.287 -0.012,0.574 -0.035,0.861c-0.022,0.288 -0.048,0.575 -0.075,0.862l0.027,0c0.142,-0.201 0.285,-0.399 0.431,-0.595c0.151,-0.196 0.31,-0.385 0.479,-0.567l2.139,-2.325l2.352,0l-3.035,3.316l3.219,4.327l-2.406,0l-2.201,-3.097l-0.895,0.718l0,2.379l-2.085,0l-0,-10.637l2.085,0Zm8.681,2.994l0,7.643l-2.085,0l-0,-7.643l2.085,0Zm-1.039,-2.994c0.31,0 0.577,0.073 0.8,0.219c0.223,0.141 0.335,0.408 0.335,0.8c0,0.387 -0.112,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,0 -0.583,-0.073 -0.807,-0.219c-0.218,-0.15 -0.328,-0.419 -0.328,-0.806c0,-0.392 0.11,-0.659 0.328,-0.8c0.224,-0.146 0.493,-0.219 0.807,-0.219Zm12.209,2.851c0.866,0 1.52,0.223 1.962,0.67c0.447,0.442 0.67,1.153 0.67,2.133l0,4.983l-2.092,0l0,-4.464c0,-0.547 -0.093,-0.959 -0.28,-1.237c-0.187,-0.278 -0.476,-0.417 -0.868,-0.417c-0.552,0 -0.944,0.198 -1.176,0.595c-0.233,0.391 -0.349,0.954 -0.349,1.688l0,3.835l-2.085,0l0,-4.464c0,-0.364 -0.041,-0.67 -0.123,-0.916c-0.082,-0.246 -0.207,-0.431 -0.376,-0.554c-0.168,-0.123 -0.385,-0.184 -0.649,-0.184c-0.388,0 -0.693,0.098 -0.916,0.294c-0.219,0.191 -0.376,0.476 -0.472,0.854c-0.091,0.374 -0.137,0.832 -0.137,1.374l0,3.596l-2.085,0l0,-7.643l1.593,0l0.281,0.978l0.116,0c0.155,-0.264 0.348,-0.479 0.581,-0.643c0.237,-0.164 0.497,-0.284 0.779,-0.362c0.283,-0.077 0.57,-0.116 0.861,-0.116c0.561,0 1.035,0.091 1.422,0.273c0.392,0.183 0.693,0.465 0.903,0.848l0.184,0c0.228,-0.392 0.549,-0.677 0.964,-0.855c0.419,-0.177 0.85,-0.266 1.292,-0.266Zm7.93,-0c0.706,-0 1.315,0.137 1.825,0.41c0.51,0.269 0.905,0.661 1.183,1.176c0.278,0.515 0.417,1.144 0.417,1.887l0,1.011l-4.929,0c0.023,0.588 0.198,1.051 0.526,1.388c0.333,0.333 0.793,0.499 1.381,0.499c0.488,0 0.934,-0.05 1.34,-0.15c0.406,-0.101 0.823,-0.251 1.251,-0.452l-0,1.614c-0.378,0.187 -0.775,0.323 -1.19,0.41c-0.41,0.086 -0.909,0.13 -1.497,0.13c-0.765,0 -1.444,-0.142 -2.037,-0.424c-0.588,-0.283 -1.05,-0.713 -1.387,-1.292c-0.333,-0.579 -0.499,-1.308 -0.499,-2.188c0,-0.893 0.15,-1.636 0.451,-2.228c0.305,-0.597 0.729,-1.044 1.271,-1.34c0.543,-0.301 1.174,-0.451 1.894,-0.451Zm0.013,1.483c-0.405,0 -0.742,0.13 -1.011,0.39c-0.265,0.26 -0.417,0.668 -0.458,1.224l2.925,0c-0.004,-0.31 -0.061,-0.586 -0.17,-0.828c-0.105,-0.241 -0.265,-0.433 -0.479,-0.574c-0.21,-0.141 -0.478,-0.212 -0.807,-0.212Zm7.527,6.44c-0.852,0 -1.547,-0.333 -2.085,-0.998c-0.533,-0.67 -0.8,-1.652 -0.8,-2.947c0,-1.308 0.271,-2.296 0.814,-2.966c0.542,-0.675 1.25,-1.012 2.125,-1.012c0.365,0 0.686,0.05 0.964,0.15c0.278,0.101 0.518,0.235 0.718,0.404c0.205,0.168 0.378,0.357 0.52,0.567l0.068,0c-0.027,-0.146 -0.061,-0.36 -0.103,-0.643c-0.036,-0.287 -0.054,-0.581 -0.054,-0.881l0,-2.448l2.092,0l0,10.637l-1.6,0l-0.403,-0.991l-0.089,0c-0.132,0.209 -0.299,0.401 -0.499,0.574c-0.196,0.169 -0.431,0.303 -0.704,0.403c-0.274,0.101 -0.595,0.151 -0.964,0.151Zm0.731,-1.661c0.57,0 0.971,-0.169 1.203,-0.506c0.237,-0.342 0.363,-0.855 0.376,-1.538l-0,-0.226c-0,-0.743 -0.114,-1.31 -0.341,-1.702c-0.228,-0.397 -0.652,-0.595 -1.272,-0.595c-0.46,0 -0.82,0.198 -1.08,0.595c-0.26,0.396 -0.39,0.968 -0.39,1.716c-0,0.747 0.13,1.31 0.39,1.688c0.264,0.378 0.636,0.568 1.114,0.568Zm7.793,-6.119l-0,7.643l-2.085,0l0,-7.643l2.085,0Zm-1.039,-2.994c0.31,0 0.577,0.073 0.8,0.219c0.223,0.141 0.335,0.408 0.335,0.8c-0,0.387 -0.112,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,0 -0.583,-0.073 -0.806,-0.219c-0.219,-0.15 -0.329,-0.419 -0.329,-0.806c0,-0.392 0.11,-0.659 0.329,-0.8c0.223,-0.146 0.492,-0.219 0.806,-0.219Zm6.364,2.837c1.026,0 1.812,0.224 2.359,0.67c0.547,0.447 0.82,1.126 0.82,2.037l-0,5.093l-1.456,0l-0.403,-1.039l-0.055,0c-0.219,0.273 -0.442,0.497 -0.67,0.67c-0.228,0.173 -0.49,0.301 -0.786,0.383c-0.296,0.082 -0.656,0.123 -1.08,0.123c-0.451,0 -0.857,-0.087 -1.217,-0.26c-0.355,-0.173 -0.636,-0.438 -0.841,-0.793c-0.205,-0.36 -0.307,-0.816 -0.307,-1.367c-0,-0.811 0.285,-1.408 0.854,-1.791c0.57,-0.388 1.424,-0.602 2.564,-0.643l1.326,-0.041l-0,-0.335c-0,-0.401 -0.105,-0.695 -0.315,-0.882c-0.209,-0.186 -0.501,-0.28 -0.875,-0.28c-0.369,0 -0.731,0.053 -1.087,0.157c-0.355,0.105 -0.71,0.237 -1.066,0.397l-0.69,-1.408c0.405,-0.215 0.859,-0.383 1.36,-0.506c0.506,-0.123 1.028,-0.185 1.565,-0.185Zm1.108,4.259l-0.807,0.027c-0.674,0.019 -1.144,0.139 -1.408,0.363c-0.26,0.223 -0.39,0.517 -0.39,0.881c-0,0.319 0.094,0.547 0.281,0.684c0.186,0.132 0.43,0.198 0.731,0.198c0.447,0 0.823,-0.132 1.128,-0.396c0.31,-0.265 0.465,-0.64 0.465,-1.128l-0,-0.629Zm-66.746,17.448c-0,1.126 -0.217,2.067 -0.65,2.823c-0.428,0.752 -1.05,1.32 -1.866,1.703c-0.816,0.378 -1.798,0.567 -2.946,0.567l-2.83,0l-0,-9.994l3.137,0c1.049,0 1.958,0.187 2.728,0.56c0.77,0.37 1.367,0.919 1.791,1.648c0.424,0.724 0.636,1.622 0.636,2.693Zm-2.201,0.055c-0,-0.738 -0.11,-1.344 -0.329,-1.818c-0.214,-0.479 -0.533,-0.832 -0.957,-1.06c-0.419,-0.228 -0.938,-0.342 -1.558,-0.342l-1.128,0l-0,6.508l0.909,0c1.035,0 1.802,-0.276 2.304,-0.827c0.506,-0.552 0.759,-1.372 0.759,-2.461Zm7.259,-2.748c0.707,0 1.315,0.137 1.826,0.41c0.51,0.269 0.904,0.661 1.182,1.176c0.278,0.515 0.417,1.144 0.417,1.887l-0,1.011l-4.929,0c0.023,0.588 0.199,1.051 0.527,1.388c0.332,0.333 0.793,0.499 1.381,0.499c0.487,0 0.934,-0.05 1.34,-0.15c0.405,-0.101 0.822,-0.251 1.25,-0.452l-0,1.614c-0.378,0.187 -0.774,0.323 -1.189,0.41c-0.41,0.086 -0.909,0.13 -1.497,0.13c-0.766,0 -1.445,-0.142 -2.037,-0.424c-0.588,-0.283 -1.051,-0.713 -1.388,-1.292c-0.333,-0.579 -0.499,-1.308 -0.499,-2.188c0,-0.893 0.15,-1.636 0.451,-2.228c0.306,-0.597 0.729,-1.044 1.272,-1.34c0.542,-0.301 1.173,-0.451 1.893,-0.451Zm0.014,1.483c-0.406,0 -0.743,0.13 -1.012,0.39c-0.264,0.26 -0.417,0.668 -0.458,1.224l2.926,0c-0.004,-0.31 -0.061,-0.586 -0.171,-0.828c-0.105,-0.241 -0.264,-0.433 -0.478,-0.574c-0.21,-0.141 -0.479,-0.212 -0.807,-0.212Zm12.12,-1.34l-0,7.643l-1.599,0l-0.281,-0.978l-0.109,0c-0.164,0.26 -0.369,0.472 -0.615,0.636c-0.246,0.164 -0.518,0.285 -0.814,0.363c-0.296,0.077 -0.604,0.116 -0.923,0.116c-0.547,0 -1.023,-0.096 -1.428,-0.287c-0.406,-0.196 -0.723,-0.499 -0.951,-0.91c-0.223,-0.41 -0.335,-0.943 -0.335,-1.599l-0,-4.984l2.085,0l-0,4.464c-0,0.547 0.098,0.96 0.294,1.238c0.196,0.278 0.508,0.417 0.937,0.417c0.424,0 0.756,-0.096 0.998,-0.288c0.241,-0.195 0.41,-0.48 0.506,-0.854c0.1,-0.378 0.15,-0.839 0.15,-1.381l-0,-3.596l2.085,0Zm5.407,6.119c0.228,0 0.449,-0.023 0.663,-0.069c0.219,-0.045 0.436,-0.102 0.65,-0.171l-0,1.552c-0.223,0.1 -0.501,0.182 -0.834,0.246c-0.328,0.069 -0.688,0.103 -1.08,0.103c-0.456,0 -0.866,-0.073 -1.231,-0.219c-0.36,-0.15 -0.645,-0.408 -0.854,-0.772c-0.205,-0.37 -0.308,-0.882 -0.308,-1.539l-0,-3.684l-0.998,0l-0,-0.882l1.149,-0.697l0.601,-1.614l1.333,0l-0,1.627l2.14,0l-0,1.566l-2.14,0l-0,3.684c-0,0.292 0.082,0.511 0.246,0.657c0.169,0.141 0.39,0.212 0.663,0.212Zm8.197,-0.746c-0,0.52 -0.123,0.96 -0.369,1.32c-0.242,0.355 -0.604,0.626 -1.087,0.813c-0.483,0.183 -1.085,0.274 -1.805,0.274c-0.533,0 -0.991,-0.034 -1.374,-0.103c-0.378,-0.068 -0.761,-0.182 -1.149,-0.342l-0,-1.722c0.415,0.187 0.859,0.342 1.333,0.465c0.479,0.118 0.898,0.177 1.258,0.177c0.406,0 0.695,-0.059 0.868,-0.177c0.178,-0.123 0.267,-0.283 0.267,-0.479c-0,-0.128 -0.036,-0.241 -0.109,-0.342c-0.069,-0.105 -0.219,-0.221 -0.452,-0.348c-0.232,-0.133 -0.597,-0.303 -1.093,-0.513c-0.479,-0.201 -0.873,-0.403 -1.183,-0.608c-0.305,-0.206 -0.533,-0.447 -0.683,-0.725c-0.146,-0.283 -0.219,-0.64 -0.219,-1.073c-0,-0.707 0.273,-1.238 0.82,-1.593c0.552,-0.36 1.288,-0.54 2.208,-0.54c0.474,0 0.925,0.048 1.354,0.143c0.433,0.096 0.877,0.249 1.333,0.458l-0.629,1.504c-0.379,-0.164 -0.736,-0.298 -1.074,-0.403c-0.332,-0.105 -0.672,-0.157 -1.018,-0.157c-0.305,0 -0.536,0.041 -0.691,0.123c-0.154,0.082 -0.232,0.207 -0.232,0.376c-0,0.123 0.039,0.232 0.116,0.328c0.082,0.096 0.237,0.203 0.465,0.321c0.233,0.114 0.572,0.262 1.019,0.445c0.433,0.177 0.809,0.364 1.128,0.56c0.319,0.192 0.565,0.431 0.738,0.718c0.173,0.282 0.26,0.649 0.26,1.1Zm4.73,2.407c-0.756,0 -1.401,-0.137 -1.934,-0.41c-0.534,-0.278 -0.939,-0.707 -1.217,-1.286c-0.278,-0.578 -0.417,-1.319 -0.417,-2.221c-0,-0.935 0.157,-1.696 0.471,-2.283c0.319,-0.593 0.759,-1.028 1.32,-1.306c0.565,-0.278 1.219,-0.417 1.962,-0.417c0.528,0 0.984,0.052 1.367,0.157c0.387,0.1 0.724,0.221 1.012,0.362l-0.616,1.614c-0.328,-0.132 -0.633,-0.24 -0.916,-0.322c-0.282,-0.086 -0.565,-0.129 -0.847,-0.129c-0.365,0 -0.668,0.086 -0.909,0.259c-0.242,0.169 -0.422,0.424 -0.541,0.766c-0.118,0.342 -0.177,0.77 -0.177,1.285c-0,0.506 0.064,0.925 0.191,1.258c0.128,0.333 0.312,0.581 0.554,0.745c0.241,0.159 0.535,0.239 0.882,0.239c0.433,0 0.818,-0.057 1.155,-0.171c0.337,-0.118 0.665,-0.282 0.984,-0.492l-0,1.784c-0.319,0.201 -0.654,0.344 -1.005,0.431c-0.346,0.091 -0.786,0.137 -1.319,0.137Zm6.187,-10.774l-0,2.167c-0,0.379 -0.014,0.739 -0.041,1.08c-0.023,0.342 -0.041,0.584 -0.055,0.725l0.109,0c0.164,-0.264 0.358,-0.479 0.581,-0.643c0.228,-0.164 0.479,-0.284 0.752,-0.362c0.274,-0.077 0.568,-0.116 0.882,-0.116c0.552,0 1.032,0.098 1.443,0.294c0.41,0.191 0.729,0.494 0.957,0.909c0.227,0.41 0.341,0.943 0.341,1.6l-0,4.983l-2.085,0l-0,-4.464c-0,-0.547 -0.1,-0.959 -0.3,-1.237c-0.201,-0.278 -0.511,-0.417 -0.93,-0.417c-0.419,0 -0.75,0.098 -0.991,0.294c-0.242,0.191 -0.413,0.476 -0.513,0.854c-0.1,0.374 -0.15,0.832 -0.15,1.374l-0,3.596l-2.085,0l-0,-10.637l2.085,0Zm9.201,10.637l-2.085,0l-0,-10.637l2.085,0l-0,10.637Zm5.325,-7.8c1.025,0 1.812,0.224 2.358,0.67c0.547,0.447 0.821,1.126 0.821,2.037l-0,5.093l-1.456,0l-0.404,-1.039l-0.054,0c-0.219,0.273 -0.442,0.497 -0.67,0.67c-0.228,0.173 -0.49,0.301 -0.786,0.383c-0.297,0.082 -0.657,0.123 -1.08,0.123c-0.452,0 -0.857,-0.087 -1.217,-0.26c-0.356,-0.173 -0.636,-0.438 -0.841,-0.793c-0.205,-0.36 -0.308,-0.816 -0.308,-1.367c-0,-0.811 0.285,-1.408 0.855,-1.791c0.569,-0.388 1.424,-0.602 2.563,-0.643l1.326,-0.041l-0,-0.335c-0,-0.401 -0.104,-0.695 -0.314,-0.882c-0.21,-0.186 -0.501,-0.28 -0.875,-0.28c-0.369,0 -0.731,0.053 -1.087,0.157c-0.355,0.105 -0.711,0.237 -1.066,0.397l-0.691,-1.408c0.406,-0.215 0.859,-0.383 1.361,-0.506c0.505,-0.123 1.027,-0.185 1.565,-0.185Zm1.107,4.259l-0.806,0.027c-0.675,0.019 -1.144,0.139 -1.408,0.363c-0.26,0.223 -0.39,0.517 -0.39,0.881c-0,0.319 0.093,0.547 0.28,0.684c0.187,0.132 0.431,0.198 0.732,0.198c0.446,0 0.822,-0.132 1.128,-0.396c0.309,-0.265 0.464,-0.64 0.464,-1.128l-0,-0.629Zm8.566,-4.245c0.816,0 1.472,0.223 1.969,0.67c0.496,0.442 0.745,1.153 0.745,2.133l-0,4.983l-2.085,0l-0,-4.464c-0,-0.547 -0.101,-0.959 -0.301,-1.237c-0.196,-0.278 -0.506,-0.417 -0.93,-0.417c-0.638,0 -1.073,0.216 -1.305,0.649c-0.233,0.433 -0.349,1.058 -0.349,1.873l-0,3.596l-2.085,0l-0,-7.643l1.593,0l0.28,0.978l0.116,0c0.164,-0.264 0.367,-0.479 0.609,-0.643c0.246,-0.164 0.517,-0.284 0.813,-0.362c0.301,-0.077 0.611,-0.116 0.93,-0.116Zm7.28,7.923c-0.852,0 -1.547,-0.333 -2.085,-0.998c-0.533,-0.67 -0.8,-1.652 -0.8,-2.947c-0,-1.308 0.272,-2.296 0.814,-2.966c0.542,-0.675 1.251,-1.012 2.126,-1.012c0.364,0 0.686,0.05 0.964,0.15c0.278,0.101 0.517,0.235 0.717,0.404c0.206,0.168 0.379,0.357 0.52,0.567l0.068,0c-0.027,-0.146 -0.061,-0.36 -0.102,-0.643c-0.037,-0.287 -0.055,-0.581 -0.055,-0.881l-0,-2.448l2.092,0l-0,10.637l-1.6,0l-0.403,-0.991l-0.089,0c-0.132,0.209 -0.298,0.401 -0.499,0.574c-0.196,0.169 -0.431,0.303 -0.704,0.403c-0.273,0.101 -0.595,0.151 -0.964,0.151Zm0.732,-1.661c0.569,0 0.97,-0.169 1.203,-0.506c0.237,-0.342 0.362,-0.855 0.376,-1.538l-0,-0.226c-0,-0.743 -0.114,-1.31 -0.342,-1.702c-0.228,-0.397 -0.652,-0.595 -1.272,-0.595c-0.46,0 -0.82,0.198 -1.08,0.595c-0.259,0.396 -0.389,0.968 -0.389,1.716c-0,0.747 0.13,1.31 0.389,1.688c0.265,0.378 0.636,0.568 1.115,0.568Z" style="fill: #443d3e;fill-rule: nonzero;"/><rect x="20" y="285" width="86" height="14" style="fill: #b8e986;fill-opacity: 0.4;fill-rule: nonzero;"/><rect x="18" y="302" width="86" height="14" style="fill: #b8e986;fill-opacity: 0.4;fill-rule: nonzero;"/><path d="M138.094,88.654c26.199,-0 47.437,-19.846 47.437,-44.327c0,-24.481 -21.238,-44.327 -47.437,-44.327c-26.199,0 -47.437,19.846 -47.437,44.327c0,24.481 21.238,44.327 47.437,44.327Z" style="fill: #e67d89;"/><path d="M125.981,31.777l2.085,-4.115l2.283,-0l-3.315,6.104l0,3.89l-2.106,0l0,-3.821l-3.315,-6.173l2.296,-0l2.072,4.115Zm12.407,2.044c0,0.638 -0.087,1.203 -0.26,1.695c-0.168,0.492 -0.417,0.91 -0.745,1.251c-0.323,0.338 -0.715,0.593 -1.176,0.766c-0.455,0.173 -0.97,0.26 -1.545,0.26c-0.537,-0 -1.032,-0.087 -1.483,-0.26c-0.447,-0.173 -0.836,-0.428 -1.169,-0.766c-0.328,-0.341 -0.583,-0.758 -0.766,-1.251c-0.177,-0.492 -0.266,-1.057 -0.266,-1.695c-0,-0.848 0.15,-1.565 0.451,-2.153c0.301,-0.588 0.729,-1.035 1.285,-1.34c0.556,-0.305 1.219,-0.458 1.989,-0.458c0.716,-0 1.349,0.152 1.901,0.458c0.556,0.305 0.991,0.752 1.305,1.34c0.319,0.588 0.479,1.305 0.479,2.153Zm-5.284,0c-0,0.501 0.055,0.923 0.164,1.265c0.109,0.342 0.28,0.599 0.513,0.772c0.232,0.173 0.535,0.26 0.909,0.26c0.369,-0 0.667,-0.087 0.895,-0.26c0.233,-0.173 0.401,-0.43 0.506,-0.772c0.109,-0.342 0.164,-0.764 0.164,-1.265c-0,-0.506 -0.055,-0.925 -0.164,-1.258c-0.105,-0.337 -0.273,-0.59 -0.506,-0.759c-0.232,-0.168 -0.535,-0.252 -0.909,-0.252c-0.551,-0 -0.952,0.189 -1.203,0.567c-0.246,0.378 -0.369,0.946 -0.369,1.702Zm14.02,-3.808l-0,7.643l-1.599,0l-0.281,-0.977l-0.109,-0c-0.164,0.259 -0.369,0.471 -0.615,0.635c-0.246,0.164 -0.517,0.285 -0.814,0.363c-0.296,0.077 -0.603,0.116 -0.922,0.116c-0.547,-0 -1.024,-0.096 -1.429,-0.287c-0.406,-0.196 -0.723,-0.499 -0.95,-0.91c-0.224,-0.41 -0.335,-0.943 -0.335,-1.599l-0,-4.984l2.085,0l-0,4.464c-0,0.547 0.098,0.96 0.294,1.238c0.196,0.278 0.508,0.417 0.936,0.417c0.424,-0 0.757,-0.096 0.998,-0.288c0.242,-0.196 0.41,-0.48 0.506,-0.854c0.1,-0.378 0.15,-0.839 0.15,-1.381l-0,-3.596l2.085,0Zm6.453,-0.143c0.105,-0 0.226,0.007 0.363,0.02c0.141,0.009 0.255,0.023 0.342,0.041l-0.158,1.956c-0.068,-0.023 -0.166,-0.039 -0.294,-0.048c-0.123,-0.014 -0.23,-0.021 -0.321,-0.021c-0.269,0 -0.531,0.034 -0.786,0.103c-0.251,0.068 -0.476,0.18 -0.677,0.335c-0.2,0.15 -0.36,0.35 -0.478,0.601c-0.114,0.246 -0.171,0.549 -0.171,0.909l-0,3.89l-2.085,0l-0,-7.643l1.579,0l0.308,1.286l0.102,-0c0.15,-0.26 0.337,-0.497 0.561,-0.711c0.227,-0.219 0.485,-0.392 0.772,-0.52c0.292,-0.132 0.606,-0.198 0.943,-0.198Zm-43.681,26.923c-0.852,-0 -1.547,-0.333 -2.085,-0.998c-0.533,-0.67 -0.8,-1.652 -0.8,-2.947c-0,-1.308 0.271,-2.297 0.814,-2.966c0.542,-0.675 1.25,-1.012 2.125,-1.012c0.365,-0 0.686,0.05 0.964,0.15c0.278,0.1 0.518,0.235 0.718,0.404c0.205,0.168 0.378,0.357 0.52,0.567l0.068,-0c-0.027,-0.146 -0.061,-0.36 -0.103,-0.643c-0.036,-0.287 -0.054,-0.581 -0.054,-0.881l-0,-2.448l2.092,0l-0,10.637l-1.6,-0l-0.403,-0.991l-0.089,-0c-0.132,0.209 -0.299,0.401 -0.499,0.574c-0.196,0.169 -0.431,0.303 -0.704,0.403c-0.274,0.101 -0.595,0.151 -0.964,0.151Zm0.731,-1.661c0.57,-0 0.971,-0.169 1.203,-0.506c0.237,-0.342 0.363,-0.855 0.376,-1.538l-0,-0.226c-0,-0.743 -0.114,-1.31 -0.341,-1.702c-0.228,-0.397 -0.652,-0.595 -1.272,-0.595c-0.46,0 -0.82,0.198 -1.08,0.595c-0.26,0.396 -0.39,0.968 -0.39,1.716c-0,0.747 0.13,1.31 0.39,1.688c0.264,0.378 0.636,0.568 1.114,0.568Zm12.654,-2.311c-0,0.638 -0.087,1.203 -0.26,1.695c-0.169,0.492 -0.417,0.909 -0.745,1.251c-0.324,0.338 -0.716,0.593 -1.176,0.766c-0.456,0.173 -0.971,0.26 -1.545,0.26c-0.538,-0 -1.032,-0.087 -1.483,-0.26c-0.447,-0.173 -0.837,-0.428 -1.169,-0.766c-0.328,-0.342 -0.584,-0.759 -0.766,-1.251c-0.178,-0.492 -0.267,-1.057 -0.267,-1.695c-0,-0.848 0.151,-1.565 0.452,-2.153c0.3,-0.588 0.729,-1.035 1.285,-1.34c0.556,-0.306 1.219,-0.458 1.989,-0.458c0.715,-0 1.349,0.152 1.9,0.458c0.556,0.305 0.992,0.752 1.306,1.34c0.319,0.588 0.479,1.305 0.479,2.153Zm-5.285,-0c-0,0.501 0.055,0.923 0.164,1.265c0.11,0.341 0.281,0.599 0.513,0.772c0.233,0.173 0.536,0.26 0.909,0.26c0.369,-0 0.668,-0.087 0.896,-0.26c0.232,-0.173 0.401,-0.431 0.506,-0.772c0.109,-0.342 0.164,-0.764 0.164,-1.265c-0,-0.506 -0.055,-0.925 -0.164,-1.258c-0.105,-0.337 -0.274,-0.59 -0.506,-0.759c-0.233,-0.168 -0.536,-0.253 -0.909,-0.253c-0.552,0 -0.953,0.19 -1.203,0.568c-0.247,0.378 -0.37,0.945 -0.37,1.702Zm11.348,-3.951c0.816,-0 1.472,0.223 1.969,0.67c0.497,0.442 0.745,1.153 0.745,2.133l-0,4.983l-2.085,-0l-0,-4.464c-0,-0.547 -0.1,-0.959 -0.301,-1.237c-0.196,-0.278 -0.506,-0.417 -0.93,-0.417c-0.638,-0 -1.073,0.216 -1.305,0.649c-0.233,0.433 -0.349,1.057 -0.349,1.873l-0,3.596l-2.085,-0l-0,-7.643l1.593,0l0.28,0.978l0.116,-0c0.165,-0.264 0.367,-0.479 0.609,-0.643c0.246,-0.164 0.517,-0.284 0.813,-0.362c0.301,-0.077 0.611,-0.116 0.93,-0.116Zm7.991,-0.014c1.026,0 1.812,0.224 2.359,0.67c0.547,0.447 0.82,1.126 0.82,2.037l-0,5.093l-1.456,-0l-0.403,-1.039l-0.055,-0c-0.219,0.273 -0.442,0.497 -0.67,0.67c-0.228,0.173 -0.49,0.301 -0.786,0.383c-0.296,0.082 -0.656,0.123 -1.08,0.123c-0.451,-0 -0.857,-0.087 -1.217,-0.26c-0.355,-0.173 -0.636,-0.438 -0.841,-0.793c-0.205,-0.36 -0.307,-0.816 -0.307,-1.367c-0,-0.811 0.284,-1.408 0.854,-1.791c0.57,-0.388 1.424,-0.602 2.564,-0.643l1.326,-0.041l-0,-0.335c-0,-0.401 -0.105,-0.695 -0.315,-0.882c-0.209,-0.187 -0.501,-0.28 -0.875,-0.28c-0.369,0 -0.731,0.052 -1.087,0.157c-0.355,0.105 -0.711,0.237 -1.066,0.397l-0.691,-1.408c0.406,-0.215 0.86,-0.383 1.361,-0.506c0.506,-0.123 1.028,-0.185 1.565,-0.185Zm1.108,4.259l-0.807,0.027c-0.674,0.019 -1.144,0.139 -1.408,0.363c-0.26,0.223 -0.39,0.517 -0.39,0.881c-0,0.319 0.094,0.547 0.28,0.684c0.187,0.132 0.431,0.198 0.732,0.198c0.447,0 0.823,-0.132 1.128,-0.396c0.31,-0.265 0.465,-0.641 0.465,-1.128l-0,-0.629Zm7.444,2.017c0.228,-0 0.449,-0.023 0.663,-0.069c0.219,-0.045 0.435,-0.102 0.65,-0.171l-0,1.552c-0.224,0.1 -0.502,0.182 -0.834,0.246c-0.329,0.068 -0.689,0.103 -1.081,0.103c-0.455,-0 -0.865,-0.073 -1.23,-0.219c-0.36,-0.15 -0.645,-0.408 -0.855,-0.773c-0.205,-0.369 -0.307,-0.881 -0.307,-1.538l-0,-3.684l-0.998,-0l-0,-0.882l1.148,-0.697l0.602,-1.614l1.333,0l-0,1.627l2.139,0l-0,1.566l-2.139,-0l-0,3.684c-0,0.292 0.082,0.511 0.246,0.657c0.169,0.141 0.39,0.212 0.663,0.212Zm4.949,-6.119l-0,7.643l-2.085,-0l-0,-7.643l2.085,0Zm-1.039,-2.994c0.31,0 0.577,0.073 0.8,0.219c0.223,0.141 0.335,0.408 0.335,0.8c-0,0.387 -0.112,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,0 -0.583,-0.073 -0.806,-0.219c-0.219,-0.15 -0.329,-0.419 -0.329,-0.806c-0,-0.392 0.11,-0.659 0.329,-0.8c0.223,-0.146 0.492,-0.219 0.806,-0.219Zm10.179,6.802c-0,0.638 -0.087,1.203 -0.26,1.695c-0.168,0.492 -0.417,0.909 -0.745,1.251c-0.324,0.338 -0.715,0.593 -1.176,0.766c-0.456,0.173 -0.97,0.26 -1.545,0.26c-0.537,-0 -1.032,-0.087 -1.483,-0.26c-0.447,-0.173 -0.836,-0.428 -1.169,-0.766c-0.328,-0.342 -0.583,-0.759 -0.766,-1.251c-0.177,-0.492 -0.266,-1.057 -0.266,-1.695c-0,-0.848 0.15,-1.565 0.451,-2.153c0.301,-0.588 0.729,-1.035 1.285,-1.34c0.556,-0.306 1.219,-0.458 1.989,-0.458c0.716,-0 1.349,0.152 1.901,0.458c0.556,0.305 0.991,0.752 1.305,1.34c0.319,0.588 0.479,1.305 0.479,2.153Zm-5.284,-0c-0,0.501 0.054,0.923 0.164,1.265c0.109,0.341 0.28,0.599 0.512,0.772c0.233,0.173 0.536,0.26 0.91,0.26c0.369,-0 0.667,-0.087 0.895,-0.26c0.233,-0.173 0.401,-0.431 0.506,-0.772c0.109,-0.342 0.164,-0.764 0.164,-1.265c-0,-0.506 -0.055,-0.925 -0.164,-1.258c-0.105,-0.337 -0.273,-0.59 -0.506,-0.759c-0.232,-0.168 -0.535,-0.253 -0.909,-0.253c-0.551,0 -0.953,0.19 -1.203,0.568c-0.246,0.378 -0.369,0.945 -0.369,1.702Zm11.347,-3.951c0.816,-0 1.472,0.223 1.969,0.67c0.497,0.442 0.745,1.153 0.745,2.133l-0,4.983l-2.085,-0l-0,-4.464c-0,-0.547 -0.1,-0.959 -0.301,-1.237c-0.195,-0.278 -0.505,-0.417 -0.929,-0.417c-0.638,-0 -1.073,0.216 -1.306,0.649c-0.232,0.433 -0.348,1.057 -0.348,1.873l-0,3.596l-2.085,-0l-0,-7.643l1.592,0l0.281,0.978l0.116,-0c0.164,-0.264 0.367,-0.479 0.608,-0.643c0.246,-0.164 0.517,-0.284 0.814,-0.362c0.3,-0.077 0.61,-0.116 0.929,-0.116Z" style="fill: #ffffff;fill-rule: nonzero;"/><g><path d="M145.594,142.667c-0.408,0.22 -0.929,0.214 -1.34,-0.053c-0.56,-0.368 -0.693,-1.091 -0.296,-1.616c17.633,-23.334 19.377,-55.637 4.336,-80.382c-0.337,-0.555 -0.129,-1.259 0.463,-1.579l0.008,-0.004c0.597,-0.317 1.356,-0.122 1.694,0.434c15.505,25.508 13.709,58.809 -4.471,82.862c-0.107,0.143 -0.242,0.255 -0.394,0.338Z" style="fill: #1a1919;"/></g><g><path d="M157.559,152.466c-0.093,0.05 -0.193,0.089 -0.3,0.116c-6.205,1.541 -12.858,1.924 -19.24,1.103c-0.46,-0.059 -1.321,-0.167 -1.95,-0.792c-0.582,-0.58 -0.681,-1.312 -0.74,-1.749l-2.619,-19.078c-0.088,-0.644 0.388,-1.226 1.079,-1.304c0.682,-0.077 1.308,0.381 1.396,1.023l2.619,19.08c0.018,0.114 0.053,0.378 0.097,0.452c0.001,-0.018 0.16,0.01 0.433,0.044c6.06,0.779 12.375,0.418 18.266,-1.048c0.665,-0.165 1.351,0.21 1.533,0.836c0.153,0.524 -0.098,1.06 -0.574,1.317Z" style="fill: #1a1919;"/></g><g><path d="M51.144,258.343c0.137,0.421 0.523,0.749 1.018,0.815c0.678,0.088 1.303,-0.355 1.396,-0.993c4.134,-28.302 26.435,-53.039 55.495,-61.551c0.651,-0.191 1.013,-0.838 0.814,-1.449l-0.003,-0.008c-0.206,-0.612 -0.903,-0.954 -1.555,-0.763c-29.957,8.775 -52.948,34.274 -57.208,63.452c-0.025,0.172 -0.009,0.34 0.043,0.497Z" style="fill: #1a1919;"/></g><path d="M35.663,281.006l-2.543,9.994l-2.413,0l-1.354,-5.25c-0.027,-0.1 -0.064,-0.253 -0.109,-0.458c-0.046,-0.205 -0.094,-0.428 -0.144,-0.67c-0.05,-0.246 -0.095,-0.476 -0.136,-0.69c-0.037,-0.219 -0.062,-0.392 -0.076,-0.52c-0.013,0.128 -0.041,0.299 -0.082,0.513c-0.036,0.214 -0.079,0.442 -0.13,0.683c-0.045,0.242 -0.091,0.468 -0.136,0.677c-0.046,0.21 -0.082,0.369 -0.11,0.479l-1.346,5.236l-2.407,0l-2.549,-9.994l2.085,0l1.278,5.455c0.036,0.164 0.077,0.36 0.123,0.588c0.05,0.228 0.098,0.467 0.143,0.718c0.051,0.246 0.094,0.485 0.13,0.717c0.041,0.228 0.071,0.426 0.089,0.595c0.023,-0.173 0.053,-0.374 0.089,-0.601c0.037,-0.233 0.075,-0.468 0.116,-0.705c0.046,-0.241 0.091,-0.464 0.137,-0.669c0.046,-0.206 0.087,-0.372 0.123,-0.5l1.456,-5.598l2.003,-0l1.456,5.598c0.032,0.124 0.068,0.29 0.109,0.5c0.046,0.205 0.092,0.428 0.137,0.669c0.046,0.242 0.087,0.479 0.123,0.711c0.041,0.228 0.071,0.426 0.089,0.595c0.032,-0.228 0.075,-0.503 0.13,-0.827c0.059,-0.328 0.121,-0.654 0.185,-0.978c0.068,-0.323 0.127,-0.594 0.177,-0.813l1.272,-5.455l2.085,-0Zm3.178,2.351l0.001,7.643l-2.085,-0l-0,-7.643l2.085,-0Zm-1.039,-2.994c0.309,-0 0.576,0.073 0.799,0.219c0.224,0.141 0.335,0.408 0.335,0.8c0,0.387 -0.111,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.799,0.219c-0.315,-0 -0.584,-0.073 -0.807,-0.219c-0.219,-0.15 -0.328,-0.419 -0.328,-0.806c-0,-0.392 0.109,-0.659 0.328,-0.8c0.223,-0.146 0.492,-0.219 0.807,-0.219Zm5.318,-0l-0,4.758c-0,0.287 -0.012,0.574 -0.034,0.861c-0.023,0.288 -0.048,0.575 -0.076,0.862l0.028,-0c0.141,-0.201 0.285,-0.399 0.431,-0.595c0.15,-0.196 0.309,-0.385 0.478,-0.567l2.14,-2.325l2.351,0l-3.035,3.316l3.22,4.327l-2.406,0l-2.202,-3.097l-0.895,0.718l-0,2.379l-2.085,-0l-0,-10.637l2.085,-0Zm8.682,2.994l-0,7.643l-2.085,-0l-0,-7.643l2.085,-0Zm-1.04,-2.994c0.31,-0 0.577,0.073 0.8,0.219c0.224,0.141 0.335,0.408 0.335,0.8c0,0.387 -0.111,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,-0 -0.583,-0.073 -0.806,-0.219c-0.219,-0.15 -0.328,-0.419 -0.328,-0.806c-0,-0.392 0.109,-0.659 0.328,-0.8c0.223,-0.146 0.492,-0.219 0.806,-0.219Zm12.209,2.851c0.866,-0 1.52,0.223 1.962,0.67c0.447,0.442 0.67,1.153 0.67,2.133l0,4.983l-2.092,-0l0,-4.464c0,-0.547 -0.093,-0.959 -0.28,-1.237c-0.187,-0.278 -0.476,-0.417 -0.868,-0.417c-0.551,-0 -0.943,0.198 -1.176,0.595c-0.232,0.391 -0.348,0.954 -0.348,1.688l-0,3.835l-2.085,-0l-0,-4.464c-0,-0.364 -0.041,-0.67 -0.123,-0.916c-0.082,-0.246 -0.208,-0.431 -0.376,-0.554c-0.169,-0.123 -0.386,-0.184 -0.65,-0.184c-0.387,-0 -0.693,0.098 -0.916,0.294c-0.219,0.191 -0.376,0.476 -0.472,0.854c-0.091,0.374 -0.136,0.832 -0.136,1.374l-0,3.596l-2.085,-0l-0,-7.643l1.593,-0l0.28,0.978l0.116,-0c0.155,-0.264 0.349,-0.479 0.581,-0.643c0.237,-0.164 0.497,-0.284 0.779,-0.362c0.283,-0.077 0.57,-0.116 0.862,-0.116c0.56,-0 1.034,0.091 1.422,0.273c0.391,0.183 0.692,0.465 0.902,0.848l0.184,-0c0.228,-0.392 0.55,-0.677 0.964,-0.855c0.42,-0.177 0.85,-0.266 1.292,-0.266Zm7.93,-0c0.706,-0 1.315,0.137 1.825,0.41c0.511,0.269 0.905,0.661 1.183,1.176c0.278,0.515 0.417,1.144 0.417,1.887l-0,1.011l-4.929,-0c0.023,0.588 0.198,1.051 0.526,1.388c0.333,0.333 0.793,0.499 1.381,0.499c0.488,-0 0.935,-0.05 1.34,-0.15c0.406,-0.101 0.823,-0.251 1.251,-0.452l0,1.614c-0.378,0.187 -0.775,0.323 -1.189,0.41c-0.41,0.086 -0.909,0.13 -1.497,0.13c-0.766,-0 -1.445,-0.142 -2.037,-0.424c-0.588,-0.283 -1.051,-0.713 -1.388,-1.292c-0.333,-0.579 -0.499,-1.308 -0.499,-2.188c-0,-0.893 0.15,-1.636 0.451,-2.228c0.305,-0.597 0.729,-1.044 1.271,-1.34c0.543,-0.301 1.174,-0.451 1.894,-0.451Zm0.014,1.483c-0.406,-0 -0.743,0.13 -1.012,0.39c-0.264,0.26 -0.417,0.668 -0.458,1.224l2.926,-0c-0.005,-0.31 -0.062,-0.586 -0.171,-0.828c-0.105,-0.241 -0.264,-0.433 -0.479,-0.574c-0.209,-0.141 -0.478,-0.212 -0.806,-0.212Zm7.526,6.44c-0.852,-0 -1.547,-0.333 -2.085,-0.998c-0.533,-0.67 -0.8,-1.652 -0.8,-2.947c0,-1.308 0.271,-2.296 0.814,-2.966c0.542,-0.675 1.251,-1.012 2.126,-1.012c0.364,-0 0.686,0.05 0.964,0.15c0.278,0.101 0.517,0.235 0.717,0.404c0.205,0.168 0.379,0.357 0.52,0.567l0.068,-0c-0.027,-0.146 -0.061,-0.36 -0.102,-0.643c-0.037,-0.287 -0.055,-0.581 -0.055,-0.881l0,-2.448l2.092,-0l-0,10.637l-1.6,-0l-0.403,-0.991l-0.089,-0c-0.132,0.209 -0.298,0.401 -0.499,0.574c-0.196,0.169 -0.431,0.303 -0.704,0.403c-0.274,0.101 -0.595,0.151 -0.964,0.151Zm0.732,-1.661c0.569,-0 0.97,-0.169 1.203,-0.506c0.237,-0.342 0.362,-0.855 0.376,-1.538l-0,-0.226c-0,-0.743 -0.114,-1.31 -0.342,-1.702c-0.228,-0.397 -0.652,-0.595 -1.272,-0.595c-0.46,-0 -0.82,0.198 -1.08,0.595c-0.26,0.396 -0.389,0.968 -0.389,1.716c-0,0.747 0.129,1.31 0.389,1.688c0.265,0.378 0.636,0.568 1.115,0.568Zm7.792,-6.119l0,7.643l-2.084,-0l-0,-7.643l2.084,-0Zm-1.039,-2.994c0.31,-0 0.577,0.073 0.8,0.219c0.224,0.141 0.335,0.408 0.335,0.8c0,0.387 -0.111,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,-0 -0.583,-0.073 -0.806,-0.219c-0.219,-0.15 -0.328,-0.419 -0.328,-0.806c-0,-0.392 0.109,-0.659 0.328,-0.8c0.223,-0.146 0.492,-0.219 0.806,-0.219Zm6.365,2.837c1.025,-0 1.811,0.224 2.358,0.67c0.547,0.447 0.82,1.126 0.82,2.037l0,5.093l-1.456,-0l-0.403,-1.039l-0.055,-0c-0.218,0.273 -0.442,0.497 -0.67,0.67c-0.227,0.173 -0.489,0.301 -0.786,0.383c-0.296,0.082 -0.656,0.123 -1.08,0.123c-0.451,-0 -0.856,-0.087 -1.217,-0.26c-0.355,-0.173 -0.635,-0.438 -0.84,-0.793c-0.205,-0.36 -0.308,-0.816 -0.308,-1.367c0,-0.811 0.285,-1.408 0.855,-1.791c0.569,-0.388 1.424,-0.602 2.563,-0.643l1.326,-0.041l0,-0.335c0,-0.401 -0.105,-0.695 -0.314,-0.882c-0.21,-0.186 -0.502,-0.28 -0.875,-0.28c-0.369,-0 -0.732,0.053 -1.087,0.157c-0.356,0.105 -0.711,0.237 -1.067,0.397l-0.69,-1.408c0.406,-0.215 0.859,-0.383 1.36,-0.506c0.506,-0.123 1.028,-0.185 1.566,-0.185Zm1.107,4.259l-0.806,0.027c-0.675,0.019 -1.144,0.139 -1.409,0.363c-0.259,0.223 -0.389,0.517 -0.389,0.881c-0,0.319 0.093,0.547 0.28,0.684c0.187,0.132 0.431,0.198 0.731,0.198c0.447,-0 0.823,-0.132 1.128,-0.396c0.31,-0.265 0.465,-0.64 0.465,-1.128l0,-0.629Zm-72.7,22.541l-2.085,-0l0,-9.994l5.729,-0l-0,1.736l-3.644,-0l-0,2.577l3.391,-0l-0,1.73l-3.391,-0l-0,3.951Zm12.38,-3.835c-0,0.638 -0.087,1.203 -0.26,1.695c-0.169,0.493 -0.417,0.91 -0.745,1.251c-0.324,0.338 -0.715,0.593 -1.176,0.766c-0.456,0.173 -0.97,0.26 -1.545,0.26c-0.537,-0 -1.032,-0.087 -1.483,-0.26c-0.447,-0.173 -0.836,-0.428 -1.169,-0.766c-0.328,-0.341 -0.583,-0.758 -0.766,-1.251c-0.177,-0.492 -0.266,-1.057 -0.266,-1.695c-0,-0.848 0.15,-1.565 0.451,-2.153c0.301,-0.588 0.729,-1.035 1.285,-1.34c0.556,-0.305 1.219,-0.458 1.989,-0.458c0.716,-0 1.349,0.153 1.901,0.458c0.556,0.305 0.991,0.752 1.305,1.34c0.319,0.588 0.479,1.305 0.479,2.153Zm-5.284,-0c-0,0.501 0.054,0.923 0.164,1.265c0.109,0.341 0.28,0.599 0.512,0.772c0.233,0.173 0.536,0.26 0.91,0.26c0.369,-0 0.667,-0.087 0.895,-0.26c0.232,-0.173 0.401,-0.431 0.506,-0.772c0.109,-0.342 0.164,-0.764 0.164,-1.265c-0,-0.506 -0.055,-0.925 -0.164,-1.258c-0.105,-0.337 -0.274,-0.59 -0.506,-0.759c-0.232,-0.168 -0.535,-0.252 -0.909,-0.252c-0.552,-0 -0.953,0.189 -1.203,0.567c-0.246,0.378 -0.369,0.946 -0.369,1.702Zm14.02,-3.808l0,7.643l-1.6,-0l-0.28,-0.978l-0.109,-0c-0.164,0.26 -0.369,0.472 -0.615,0.636c-0.246,0.164 -0.518,0.285 -0.814,0.363c-0.296,0.077 -0.604,0.116 -0.923,0.116c-0.546,-0 -1.023,-0.096 -1.428,-0.287c-0.406,-0.196 -0.723,-0.499 -0.951,-0.91c-0.223,-0.41 -0.334,-0.943 -0.334,-1.599l-0,-4.984l2.084,-0l0,4.464c0,0.547 0.098,0.96 0.294,1.238c0.196,0.278 0.509,0.417 0.937,0.417c0.424,-0 0.756,-0.096 0.998,-0.288c0.242,-0.195 0.41,-0.48 0.506,-0.854c0.1,-0.378 0.15,-0.839 0.15,-1.381l0,-3.596l2.085,-0Zm6.529,-0.143c0.815,-0 1.472,0.223 1.968,0.67c0.497,0.442 0.745,1.153 0.745,2.133l0,4.983l-2.085,-0l0,-4.464c0,-0.547 -0.1,-0.959 -0.3,-1.237c-0.196,-0.278 -0.506,-0.417 -0.93,-0.417c-0.638,-0 -1.073,0.216 -1.306,0.649c-0.232,0.433 -0.348,1.058 -0.348,1.873l-0,3.596l-2.085,-0l-0,-7.643l1.592,-0l0.281,0.978l0.116,-0c0.164,-0.264 0.367,-0.479 0.608,-0.643c0.246,-0.164 0.518,-0.284 0.814,-0.362c0.301,-0.077 0.611,-0.116 0.93,-0.116Zm7.28,7.923c-0.852,-0 -1.547,-0.333 -2.085,-0.998c-0.533,-0.67 -0.8,-1.652 -0.8,-2.947c0,-1.308 0.271,-2.296 0.814,-2.966c0.542,-0.675 1.25,-1.012 2.125,-1.012c0.365,-0 0.686,0.05 0.964,0.15c0.278,0.101 0.518,0.235 0.718,0.404c0.205,0.168 0.378,0.357 0.52,0.567l0.068,-0c-0.027,-0.146 -0.062,-0.36 -0.103,-0.643c-0.036,-0.287 -0.054,-0.581 -0.054,-0.881l-0,-2.448l2.092,-0l-0,10.637l-1.6,-0l-0.403,-0.991l-0.089,-0c-0.132,0.209 -0.299,0.401 -0.499,0.574c-0.196,0.169 -0.431,0.303 -0.704,0.403c-0.274,0.101 -0.595,0.151 -0.964,0.151Zm0.731,-1.661c0.57,-0 0.971,-0.169 1.203,-0.506c0.237,-0.342 0.363,-0.855 0.376,-1.538l0,-0.226c0,-0.743 -0.114,-1.31 -0.341,-1.702c-0.228,-0.397 -0.652,-0.595 -1.272,-0.595c-0.46,-0 -0.82,0.198 -1.08,0.595c-0.26,0.396 -0.39,0.968 -0.39,1.716c0,0.747 0.13,1.31 0.39,1.688c0.264,0.378 0.636,0.568 1.114,0.568Zm8.839,-6.276c1.025,-0 1.812,0.224 2.358,0.67c0.547,0.447 0.821,1.126 0.821,2.037l-0,5.093l-1.456,-0l-0.404,-1.039l-0.054,-0c-0.219,0.273 -0.442,0.497 -0.67,0.67c-0.228,0.173 -0.49,0.301 -0.786,0.383c-0.297,0.082 -0.657,0.123 -1.08,0.123c-0.452,-0 -0.857,-0.087 -1.217,-0.26c-0.356,-0.173 -0.636,-0.438 -0.841,-0.793c-0.205,-0.36 -0.308,-0.816 -0.308,-1.367c0,-0.811 0.285,-1.408 0.855,-1.791c0.569,-0.388 1.424,-0.602 2.563,-0.643l1.327,-0.041l-0,-0.335c-0,-0.401 -0.105,-0.695 -0.315,-0.882c-0.21,-0.186 -0.501,-0.28 -0.875,-0.28c-0.369,-0 -0.731,0.053 -1.087,0.157c-0.355,0.105 -0.711,0.237 -1.066,0.397l-0.691,-1.408c0.406,-0.215 0.859,-0.383 1.361,-0.506c0.506,-0.123 1.027,-0.185 1.565,-0.185Zm1.108,4.259l-0.807,0.027c-0.675,0.019 -1.144,0.139 -1.408,0.363c-0.26,0.223 -0.39,0.517 -0.39,0.881c0,0.319 0.093,0.547 0.28,0.684c0.187,0.132 0.431,0.198 0.732,0.198c0.446,-0 0.822,-0.132 1.128,-0.396c0.31,-0.265 0.465,-0.64 0.465,-1.128l-0,-0.629Zm7.444,2.017c0.228,-0 0.449,-0.023 0.663,-0.069c0.219,-0.045 0.435,-0.102 0.649,-0.171l0,1.552c-0.223,0.1 -0.501,0.182 -0.834,0.246c-0.328,0.069 -0.688,0.103 -1.08,0.103c-0.455,-0 -0.866,-0.073 -1.23,-0.219c-0.36,-0.15 -0.645,-0.408 -0.855,-0.772c-0.205,-0.37 -0.307,-0.882 -0.307,-1.539l-0,-3.684l-0.998,-0l-0,-0.882l1.148,-0.697l0.602,-1.614l1.333,-0l-0,1.627l2.139,-0l0,1.566l-2.139,-0l-0,3.684c-0,0.292 0.082,0.511 0.246,0.657c0.168,0.141 0.389,0.212 0.663,0.212Zm4.949,-6.119l0,7.643l-2.085,-0l0,-7.643l2.085,-0Zm-1.039,-2.994c0.31,-0 0.577,0.073 0.8,0.219c0.223,0.141 0.335,0.408 0.335,0.8c-0,0.387 -0.112,0.656 -0.335,0.806c-0.223,0.146 -0.49,0.219 -0.8,0.219c-0.314,-0 -0.583,-0.073 -0.807,-0.219c-0.218,-0.15 -0.328,-0.419 -0.328,-0.806c0,-0.392 0.11,-0.659 0.328,-0.8c0.224,-0.146 0.493,-0.219 0.807,-0.219Zm10.179,6.802c-0,0.638 -0.087,1.203 -0.26,1.695c-0.169,0.493 -0.417,0.91 -0.745,1.251c-0.324,0.338 -0.716,0.593 -1.176,0.766c-0.456,0.173 -0.971,0.26 -1.545,0.26c-0.538,-0 -1.032,-0.087 -1.483,-0.26c-0.447,-0.173 -0.837,-0.428 -1.169,-0.766c-0.328,-0.341 -0.584,-0.758 -0.766,-1.251c-0.178,-0.492 -0.266,-1.057 -0.266,-1.695c-0,-0.848 0.15,-1.565 0.451,-2.153c0.301,-0.588 0.729,-1.035 1.285,-1.34c0.556,-0.305 1.219,-0.458 1.989,-0.458c0.716,-0 1.349,0.153 1.901,0.458c0.556,0.305 0.991,0.752 1.305,1.34c0.319,0.588 0.479,1.305 0.479,2.153Zm-5.284,-0c-0,0.501 0.054,0.923 0.164,1.265c0.109,0.341 0.28,0.599 0.512,0.772c0.233,0.173 0.536,0.26 0.909,0.26c0.37,-0 0.668,-0.087 0.896,-0.26c0.232,-0.173 0.401,-0.431 0.506,-0.772c0.109,-0.342 0.164,-0.764 0.164,-1.265c-0,-0.506 -0.055,-0.925 -0.164,-1.258c-0.105,-0.337 -0.274,-0.59 -0.506,-0.759c-0.232,-0.168 -0.535,-0.252 -0.909,-0.252c-0.552,-0 -0.953,0.189 -1.203,0.567c-0.246,0.378 -0.369,0.946 -0.369,1.702Zm11.347,-3.951c0.816,-0 1.472,0.223 1.969,0.67c0.497,0.442 0.745,1.153 0.745,2.133l0,4.983l-2.085,-0l0,-4.464c0,-0.547 -0.1,-0.959 -0.301,-1.237c-0.196,-0.278 -0.506,-0.417 -0.929,-0.417c-0.638,-0 -1.074,0.216 -1.306,0.649c-0.232,0.433 -0.349,1.058 -0.349,1.873l0,3.596l-2.085,-0l0,-7.643l1.593,-0l0.28,0.978l0.117,-0c0.164,-0.264 0.367,-0.479 0.608,-0.643c0.246,-0.164 0.517,-0.284 0.814,-0.362c0.3,-0.077 0.61,-0.116 0.929,-0.116Z" style="fill: #443d3e;fill-rule: nonzero;"/><g><path d="M36.205,258.113c0.032,0.095 0.077,0.187 0.135,0.275c3.413,5.082 8,9.602 13.267,13.069c0.379,0.25 1.087,0.719 2.003,0.663c0.849,-0.053 1.456,-0.525 1.819,-0.808l15.838,-12.282c0.535,-0.416 0.612,-1.145 0.163,-1.642c-0.443,-0.491 -1.234,-0.555 -1.767,-0.142l-15.842,12.285c-0.095,0.072 -0.314,0.243 -0.4,0.269c0.012,-0.014 -0.124,-0.095 -0.349,-0.243c-5,-3.293 -9.355,-7.582 -12.594,-12.408c-0.366,-0.544 -1.141,-0.707 -1.731,-0.365c-0.495,0.285 -0.703,0.837 -0.542,1.329Z" style="fill: #1a1919;"/></g></svg>
 </template>
-
-<script setup lang="ts">
-</script>
diff --git a/src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble.scss b/src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble.scss
index 68dd716bc..a7604bd17 100644
--- a/src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble.scss
+++ b/src/themes/Treedip/DonationForm/BubbleForm/SelectCustomAmountRadioBubble.scss
@@ -71,3 +71,14 @@ $font-size: 0.9em !default;
 		}
 	}
 }
+
+html[ lang='en' ] .wmde-banner {
+	.wmde-banner-select-custom-amount-euro-symbol {
+		right: auto;
+		left: 20px;
+	}
+
+	.wmde-banner-select-custom-amount-input {
+		padding: 0 10px 0 30px;
+	}
+}
diff --git a/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss b/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
index 4fc1a296f..279055b90 100644
--- a/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
+++ b/src/themes/Treedip/DonationForm/Forms/MainDonationFormDonationReceipt.scss
@@ -26,6 +26,7 @@ $padding: 0 !default;
 
 	&-form-donation-receipt-checkbox {
 		input[ type='checkbox' ] {
+			cursor: pointer;
 			appearance: none;
 			background: var( --input-checkbox-background );
 			border: 1px solid var( --input-checkbox-border );
@@ -37,5 +38,9 @@ $padding: 0 !default;
 				border-color: var( --input-checkbox-border-checked );
 			}
 		}
+
+		label {
+			cursor: pointer;
+		}
 	}
 }
diff --git a/test/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.spec.ts b/test/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.spec.ts
new file mode 100644
index 000000000..dc4b3afd4
--- /dev/null
+++ b/test/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.spec.ts
@@ -0,0 +1,79 @@
+import { describe, expect, test } from 'vitest';
+import { useFormModel } from '@src/components/composables/useFormModel';
+import { shallowMount } from '@vue/test-utils';
+import { Intervals } from '@src/utils/FormItemsBuilder/fields/Intervals';
+import { PaymentMethods } from '@src/utils/FormItemsBuilder/fields/PaymentMethods';
+import MainDonationFormPaymentsAndReceiptButton from '@src/components/DonationForm/Forms/MainDonationFormPaymentsAndReceiptButton.vue';
+import { AddressTypes } from '@src/utils/FormItemsBuilder/fields/AddressTypes';
+
+const translate = ( key: string ): string => key;
+
+describe( 'MainDonationFormPaymentsAndReceiptButton.vue', () => {
+
+	test.each( [
+		[ Intervals.ONCE.value, 'submit-label-short' ],
+		[ Intervals.MONTHLY.value, 'submit-label' ],
+		[ Intervals.BIANNUAL.value, 'submit-label' ],
+		[ Intervals.YEARLY.value, 'submit-label' ],
+		[ Intervals.QUARTERLY.value, 'submit-label' ]
+	] )( 'shows the correct label for interval %i', ( interval: string, label: string ) => {
+		const formModel = useFormModel();
+		formModel.interval.value = interval;
+		formModel.addressType.value = interval;
+		formModel.paymentMethod.value = PaymentMethods.PAYPAL.value;
+
+		const wrapper = shallowMount( MainDonationFormPaymentsAndReceiptButton, {
+			global: {
+				provide: {
+					translator: { translate }
+				}
+			}
+		} );
+
+		expect( wrapper.text() ).toStrictEqual( label );
+	} );
+
+	test.each( [
+		[ AddressTypes.ANONYMOUS.value, 'submit-label-paypal' ],
+		[ AddressTypes.EMAIL.value, 'submit-label' ],
+		[ AddressTypes.FULL.value, 'submit-label' ]
+	] )( 'shows the correct label for address type %s', ( addressType: string, label: string ) => {
+		const formModel = useFormModel();
+		formModel.addressType.value = addressType;
+		formModel.paymentMethod.value = PaymentMethods.PAYPAL.value;
+
+		const wrapper = shallowMount( MainDonationFormPaymentsAndReceiptButton, {
+			global: {
+				provide: {
+					translator: { translate }
+				}
+			}
+		} );
+
+		expect( wrapper.text() ).toStrictEqual( label );
+	} );
+
+	test.each( [
+		[ PaymentMethods.PAYPAL.value, 'submit-label-paypal' ],
+		[ PaymentMethods.BANK_TRANSFER.value, 'submit-label-bank-transfer' ],
+		[ PaymentMethods.CREDIT_CARD.value, 'submit-label-credit-card' ],
+		[ PaymentMethods.SOFORT.value, 'submit-label-sofort' ],
+		[ PaymentMethods.DIRECT_DEBIT.value, 'submit-label' ]
+	] )( 'shows the correct label when anonymous for payment method %s', ( paymentMethod: string, label: string ) => {
+		const formModel = useFormModel();
+		formModel.interval.value = Intervals.MONTHLY.value;
+		formModel.addressType.value = AddressTypes.ANONYMOUS.value;
+		formModel.paymentMethod.value = paymentMethod;
+
+		const wrapper = shallowMount( MainDonationFormPaymentsAndReceiptButton, {
+			global: {
+				provide: {
+					translator: { translate }
+				}
+			}
+		} );
+
+		expect( wrapper.text() ).toStrictEqual( label );
+	} );
+
+} );