@sunrise-upc/sales-static-components 0.1.17 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Constants.d.ts +126 -0
- package/dist/cjs/components/FalconButton/falconButton.d.ts +46 -0
- package/dist/cjs/components/FalconDescription/FalconDescription.d.ts +14 -0
- package/dist/cjs/components/FalconTitle/FalconTitle.d.ts +11 -0
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.d.ts +19 -0
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.d.ts +27 -0
- package/dist/cjs/components/InternetAndTvCardsBenefits/index.d.ts +1 -0
- package/dist/cjs/components/ResponsiveRow/row.d.ts +6 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.d.ts +1 -2
- package/dist/cjs/components/RichText/richText.d.ts +2 -7
- package/dist/cjs/components/Spacer/spacer.d.ts +11 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/utils/AnalyticsConstants.d.ts +229 -0
- package/dist/cjs/utils/StyleUtils.d.ts +6 -1
- package/dist/cjs/utils/data-source.d.ts +16 -0
- package/dist/cjs/utils/storyblok-types.d.ts +97 -0
- package/dist/esm/components/Constants.d.ts +126 -0
- package/dist/esm/components/FalconButton/falconButton.d.ts +46 -0
- package/dist/esm/components/FalconDescription/FalconDescription.d.ts +14 -0
- package/dist/esm/components/FalconTitle/FalconTitle.d.ts +11 -0
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.d.ts +19 -0
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.d.ts +27 -0
- package/dist/esm/components/InternetAndTvCardsBenefits/index.d.ts +1 -0
- package/dist/esm/components/ResponsiveRow/row.d.ts +6 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.d.ts +1 -2
- package/dist/esm/components/RichText/richText.d.ts +2 -7
- package/dist/esm/components/Spacer/spacer.d.ts +11 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/utils/AnalyticsConstants.d.ts +229 -0
- package/dist/esm/utils/StyleUtils.d.ts +6 -1
- package/dist/esm/utils/data-source.d.ts +16 -0
- package/dist/esm/utils/storyblok-types.d.ts +97 -0
- package/dist/index.d.ts +3 -1
- package/package.json +9 -3
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as n,useEffect as t}from"react";import{render as r}from"storyblok-rich-text-react-renderer-ts";import{getCookie as o}from"cookies-next";function i(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}i(".ribbonComponent_Wrapper{\r\n width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n display: flex;\r\n align-items: center;\r\n padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n margin-top: 5px;\r\n margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n height: 24px;\r\n width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n margin: 8px 0;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n width: 1px;\r\n height: 32px;\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n border-radius: 1px;\r\n opacity: 0.2;\r\n flex-shrink: 0;\r\n background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n border-radius: 28px;\r\n cursor: pointer;\r\n display: inline-block;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n padding: 10px 24px;\r\n text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n background-size: contain;\r\n display: inline-flex;\r\n height: 19px;\r\n margin: 0 8px 0 10px;\r\n width: 19px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n .falcon-primary-button-v1-JC:visited {\r\n background-color: #e97f77;\r\n }\r\n .ribbonComponent_Card {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-left: 16px;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n margin-right: 0;\r\n position: absolute;\r\n right: 16px;\r\n margin-top: 16px;\r\n }\r\n .ribbonComponent_ButtonSection {\r\n display: flex;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n padding-bottom: 16px;\r\n padding-top: 8px;\r\n margin-left: 32px;\r\n }\r\n .ribbonComponent_descriptionBlockSection {\r\n padding-top:16px;\r\n padding-right: 78px;\r\n margin-left: 16px;\r\n }\r\n .ribbonComponent_Timer{\r\n margin-left: 8px;\r\n padding-bottom: 8px;\r\n }\r\n .ribbonComponent_Button{\r\n margin-left: 8px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n display: none;\r\n }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n .ribbonComponent_HrBreaker {\r\n display: none;\r\n }\r\n .ribbonComponent_Button {\r\n padding-bottom: 16px;\r\n }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n .ribbonComponent_Card{\r\n justify-content: space-between;\r\n }\r\n .ribbonComponent_ButtonSection {\r\n display: flex;\r\n flex-direction: column;\r\n padding-right: 90px;\r\n padding-left:70px;\r\n margin: 6px 0 0 0;\r\n align-items: flex-end;\r\n }\r\n .ribbonComponent_Button{\r\n margin: 8px 0;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n display: none;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n margin-right: 0;\r\n position: absolute;\r\n right: 40px;\r\n padding-left: 16px;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin-left:40px;\r\n }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n .ribbonComponent_Card{\r\n justify-content: space-between;\r\n margin-left:0;\r\n }\r\n .ribbonComponent_Button{\r\n margin: 0 16px;\r\n text-wrap:nowrap;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin:0 42px;\r\n }\r\n .ribbonComponent_ButtonSection{\r\n padding-left: 60px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n margin-right: 42px;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n display: none;\r\n }\r\n}\r\n@media (min-width: 1440px){\r\n .ribbonComponent_Card{\r\n max-width: 1440px;\r\n margin: auto;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin:0 72px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n margin-right: 72px;\r\n }\r\n .ribbonComponent_ButtonSection{\r\n padding-left: 80px;\r\n }\r\n .ribbonComponent_OnlyTimer{\r\n width:60px;\r\n } \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n background-color: #da291c;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n background-color: #e6e3df;\r\n color: #b3aeaa;\r\n cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n background-color: #ffffff;\r\n color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n background-color: #e97f77;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n background-color: #961c13;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n background-color: #e6e3df;\r\n color: #b3aeaa;\r\n cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n background-color: transparent;\r\n border: 2px solid #da291c;\r\n color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n background-color: transparent;\r\n border: 2px solid #da291c;\r\n color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding-left: 0;\r\n padding-right: 0;\r\n color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding: 0;\r\n color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding: 0;\r\n color: #3d3935;\r\n font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n background-color: transparent;\r\n color: #3d3935;\r\n border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n background: #5f5955;\r\n padding: 10px 24px;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n background: #86807c;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n background: #86807c;\r\n box-sizing: border-box;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n padding: 8px 22px;\r\n border: 2px solid #5f5955;\r\n}\r\n");const a=n=>e.createElement("div",null,r(n.content,{markResolvers:{link:(t,r)=>{const{href:o,target:i,linktype:a}=r;return"email"===a?e.createElement("a",{href:`mailto:${o}`,target:null===i||"_self"===i?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:o,target:null===i||"_self"===i?"_top":"_blank"},t):e.createElement("a",{href:o,target:null===i?"":i,onClick:()=>{return e=t,void("function"==typeof(null==n?void 0:n.callBack)&&(null==n||n.callBack(e)));var e}},t)}}}));i("/* Mobile only viewport */\r\n@media all and (max-width: 768px) {\r\n .timer-wrap {\r\n text-align: center !important;\r\n margin-left: -4px !important;\r\n margin-right: 0 !important;\r\n }\r\n .timer-container {\r\n min-width: fit-content;\r\n }\r\n .timer-message {\r\n margin-bottom: 10px;\r\n }\r\n .timer-section {\r\n justify-content: center;\r\n margin-top: 4px;\r\n margin-left: unset !important;\r\n margin-right: unset !important;\r\n }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n .timer-message {\r\n margin-top: unset;\r\n }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n .timer-section {\r\n margin-top: unset;\r\n }\r\n}\r\n\r\n.timer-container {\r\n color: black;\r\n display: inline-block;\r\n max-width: 100%;\r\n min-width: fit-content;\r\n}\r\n.colon {\r\n font-weight: 700;\r\n font-size: 28px;\r\n line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n display: flex;\r\n padding: 8px 18px 8px 24px;\r\n}\r\n.timer-element {\r\n display: inline-block;\r\n min-width: 42px;\r\n padding: 0 6px;\r\n text-align: center;\r\n}\r\n.timer-value {\r\n font-weight: 700;\r\n font-size: 32px;\r\n line-height: 36px;\r\n}\r\n.timer-label {\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n padding-left: 0;\r\n}\r\n");var l="FalconButtonStageTeaserV2-module_button__kDRB6",d="FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.FalconButtonStageTeaserV2-module_button__kDRB6 {\n background: #da291c;\n border: none;\n border-radius: 28px;\n color: #ffffff;\n font-weight: 700;\n overflow: visible;\n padding: 14px 24px;\n text-align: center;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:focus {\n box-shadow: none;\n color: #ffffff !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:hover {\n color: #ffffff !important;\n background-color: #961c13;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:active {\n color: #ffffff !important;\n background-color: #c7355f;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:disabled {\n background-color: #e6e3df;\n color: #b3aeaa;\n cursor: default;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6 .FalconButtonStageTeaserV2-module_icon__CfvbX {\n pointer-events: none;\n mask-size: cover;\n height: 24px;\n width: 24px;\n display: inline-block;\n background-color: currentColor;\n vertical-align: middle;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4 {\n border: none;\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4 .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:hover {\n color: #961c13 !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:active {\n color: #c7355f !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:focus {\n color: #da291c !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:disabled {\n color: #b3aeaa;\n cursor: default;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa {\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n border: 2px solid currentColor;\n padding: 12px 24px;\n text-decoration: none;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:hover {\n color: #961c13 !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:active {\n color: #c7355f !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:focus {\n color: #da291c !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:disabled {\n color: #b3aeaa;\n cursor: default;\n}\n\n@media (max-width: 767px) {\n .FalconButtonStageTeaserV2-module_button__kDRB6 {\n padding: 10px 24px;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa {\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n border: 2px solid currentColor;\n padding: 8px 24px;\n text-decoration: none;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:hover {\n color: #961c13 !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:active {\n color: #c7355f !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:focus {\n color: #da291c !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:disabled {\n color: #b3aeaa;\n cursor: default;\n }\n}");const s=e=>{switch(e){case"Primary-V1":return`${l}`;case"Secondary-V1":return`${l} ${d}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},c=e=>{let n=new Date(e);return n=((e,n,t,r,o,i,a)=>{const l=new Date(Date.UTC(n,t,r,o,i,a)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:e})),c=d.getTime()-s.getTime();return l.setTime(l.getTime()+c),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},m=()=>{const[e,r]=n(0);return t((()=>{const e=()=>{r(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e>=1440?"large-desktop":e<1440&&e>=1024?"desktop":e<1024&&e>=768?"tablet":e<768&&e>0?"mobile":""},u="center",p="left",g="transparent",h="00";var b="RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA",f="RibbonTimerV2-module_stage-teaser-ribbon-timer-element__35yCh",x="RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT",v="RibbonTimerV2-module_stage-teaser-ribbon-timer-label__tYyQr",_="RibbonTimerV2-module_stage-teaser-ribbon-timer-colon__g27mV",T="RibbonTimerV2-module_expirylabel__hx56K";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n display: flex;\n padding: 8px 24px;\n}\n@media (max-width: 767px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n padding: 12px 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n padding: 8px 24px;\n }\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-element__35yCh {\n display: inline-block;\n text-align: center;\n padding: 0 6px;\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 24px;\n font-weight: 700;\n line-height: 32px;\n}\n@media (max-width: 767px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 24px;\n line-height: 32px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 28px;\n line-height: 36px;\n }\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-label__tYyQr {\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-colon__g27mV {\n font-weight: 700;\n font-size: 24px;\n line-height: 32px;\n}\n\n.RibbonTimerV2-module_expirylabel__hx56K {\n padding-top: 16px;\n}");const y=({content:n})=>{var t;const r=m();return e.createElement("div",{style:{justifyContent:n.timerAlignment===u?"center":n.timerAlignment===p?"left":"right"}},e.createElement("div",{className:`${b}`,style:{color:null==n?void 0:n.timerColor,backgroundColor:null==n?void 0:n.backgroundColor,marginLeft:n.backgroundColor===g&&n.timerAlignment===p?"-9px":"unset",marginRight:n.backgroundColor===g&&"right"===n.timerAlignment?"-24px":"unset"}},e.createElement("div",{className:`${f}`},e.createElement("div",{className:`${x}`}," ",h," "),e.createElement("div",{className:`${v}`},n.dayLabel)),e.createElement("div",{className:`${_}`},":"),e.createElement("div",{className:`${f}`},e.createElement("div",{className:`${x}`}," ",h," "),e.createElement("div",{className:`${v}`},n.hourLabel)),e.createElement("div",{className:`${_}`},":"),e.createElement("div",{className:`${f}`},e.createElement("div",{className:`${x}`}," ",h," "),e.createElement("div",{className:`${v}`},n.minuteLabel)),e.createElement("div",{className:`${_}`},":"),e.createElement("div",{className:`${f}`},e.createElement("div",{className:`${x}`}," ",h),e.createElement("div",{className:`${v}`},null==n?void 0:n.secondLabel))),e.createElement("div",{style:{color:null===(t=null==n?void 0:n.expiryLabelColor)||void 0===t?void 0:t.color,justifyContent:(null==n?void 0:n.timerAlignment)===u?"center":(null==n?void 0:n.timerAlignment)===p?"left":"right"},className:`${"mobile"!==r&&"d-flex"} ${T}`},null==n?void 0:n.expiryLabel))},w=({content:r,setTimerExpired:o})=>{var i,a,l,d,s,m,g,h;const b=c(new Date(null===(i=null==r?void 0:r.endTime)||void 0===i?void 0:i.replace(/-/g,"/"))),T=c(new Date(null===(a=null==r?void 0:r.startTime)||void 0===a?void 0:a.replace(/-/g,"/"))),w=(null==r?void 0:r.colorChangeTime)&&c(new Date(null===(l=null==r?void 0:r.colorChangeTime)||void 0===l?void 0:l.replace(/-/g,"/"))),[S,C]=n(!1),[B,k]=n(null!==(d=null==r?void 0:r.timerColor)&&void 0!==d?d:""),[P,I]=n(!1),E=()=>{const e=new Date;w&&!P&&e.getTime()>w.getTime()&&(k("#da291c"),I(!0)),e.getTime()>=T.getTime()&&!S&&C(!0);const n=b.getTime()-e.getTime();if(n>0&&S){const e=("0"+Math.floor(n/864e5)).slice(-2),t=("0"+Math.floor(n/36e5%24)).slice(-2),r=("0"+Math.floor(n/1e3/60%60)).slice(-2),i=("0"+Math.floor(n/1e3%60)).slice(-2);return o(!1),{days:e,hours:t,mins:r,sec:i}}return o(!0),null},W={timerColor:B,backgroundColor:null==r?void 0:r.backgroundColor,expiryLabel:null==r?void 0:r.expiryLabel,timerAlignment:null==r?void 0:r.timerAlignment,dayLabel:null==r?void 0:r.dayLabel,hourLabel:null==r?void 0:r.hourLabel,minuteLabel:null==r?void 0:r.minuteLabel,secondLabel:null==r?void 0:r.secondLabel,expiryLabelColor:null==r?void 0:r.expiryLabelColor},[R,N]=n(E());t((()=>{N(E());const e=setInterval((()=>{N(E())}),1e3);return()=>{clearInterval(e)}}),[]);const D=[{label:null!==(s=null==r?void 0:r.hourLabel)&&void 0!==s?s:"",value:null==R?void 0:R.hours},{label:null!==(m=null==r?void 0:r.minuteLabel)&&void 0!==m?m:"",value:null==R?void 0:R.mins},{label:null!==(g=null==r?void 0:r.secondLabel)&&void 0!==g?g:"",value:null==R?void 0:R.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:r.timerAlignment===u?"center":r.timerAlignment===p?"left":"right"}},S&&e.createElement("div",{className:"timer-container"},R?e.createElement("div",{className:"timer-section",style:{color:(null==r?void 0:r.isDarkMode)?"#ffffff":B,backgroundColor:null!==(h=null==r?void 0:r.backgroundColor)&&void 0!==h?h:"transparent"}},e.createElement("div",{className:` ${f} transparent-element`},e.createElement("div",{className:`${x}`}," ",null==R?void 0:R.days),e.createElement("div",{className:`${v}`},null==r?void 0:r.dayLabel)),D.map(((n,t)=>e.createElement(e.Fragment,{key:t},e.createElement("div",{className:`${_}`},":"),e.createElement("div",{className:`${f}`},e.createElement("div",{className:`${x}`}," ",null==n?void 0:n.value),e.createElement("div",{className:`${v}`},null==n?void 0:n.label)))))):e.createElement("div",null,e.createElement(y,{content:W}))))},S=({content:r})=>{var i,l,d,m,u,p,g,h,b,f,x,v,_,T,y,S,C,B,k,P,I,E,W,R,N,D;const[M,A]=n(!1),L=o("sunriseAuth"),[V,G]=n(!1),z=new Date,[F,O]=n(null==r?void 0:r.teaserTimer[0]),j=c(new Date(null===(l=null===(i=null==r?void 0:r.teaserTimer[0])||void 0===i?void 0:i.endTime)||void 0===l?void 0:l.replace(/-/g,"/"))),$=c(new Date(null===(m=null===(d=null==r?void 0:r.teaserTimer[0])||void 0===d?void 0:d.startTime)||void 0===m?void 0:m.replace(/-/g,"/"))),X=((null==r?void 0:r.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",J=((null==r?void 0:r.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[H,U]=n(!1),Q=()=>{const e=j.getTime()-z.getTime();if(e>0&&H){return{days:("0"+Math.floor(e/864e5)).slice(-2),hours:("0"+Math.floor(e/36e5%24)).slice(-2),mins:("0"+Math.floor(e/1e3/60%60)).slice(-2),sec:("0"+Math.floor(e/1e3%60)).slice(-2)}}return null},[K,Y]=n(Q()),Z=()=>{!1===M&&A(!0)};return t((()=>{var e;if(null===(e=null==r?void 0:r.teaserTimer[0])||void 0===e?void 0:e.startTime){const e=null==r?void 0:r.teaserTimer[0];e.isDarkMode=null==r?void 0:r.enableDarkMode,O(e)}!L&&"nauth"===(null==r?void 0:r.targetCustomer)||"both"===(null==r?void 0:r.targetCustomer)||L&&"auth"===(null==r?void 0:r.targetCustomer)?G(!0):G(!1)}),[]),t((()=>{Y(Q()),z.getTime()>=$.getTime()&&!H&&U(!0);const e=setInterval((()=>{Y(Q())}),1e3);return()=>{clearInterval(e)}}),[H]),e.createElement(e.Fragment,null,!1===M&&(void 0===(null===(u=null==r?void 0:r.teaserTimer[0])||void 0===u?void 0:u.startTime)&&null===K||void 0!==(null===(p=null==r?void 0:r.teaserTimer[0])||void 0===p?void 0:p.startTime)&&null!==K)&&V&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==r?void 0:r.backgroundColor}},e.createElement("div",{className:X},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(g=null==r?void 0:r.icon)||void 0===g?void 0:g.filename)&&e.createElement("div",{className:"ribbonComponent_Image"},e.createElement("img",{className:"ribbonComponent_Icon",src:(null==r?void 0:r.enableDarkMode)?null===(h=null==r?void 0:r.darkModeIcon)||void 0===h?void 0:h.filename:null===(b=null==r?void 0:r.icon)||void 0===b?void 0:b.filename})),(null==r?void 0:r.description)&&e.createElement("div",{className:J},e.createElement(a,{content:null==r?void 0:r.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(f=null==r?void 0:r.teaserTimer[0])||void 0===f?void 0:f.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(w,{content:F})),(null==r?void 0:r.buttonText)||(null==r?void 0:r.hotlineNumber)?e.createElement("div",{className:"ribbonComponent_HrBreaker"}):e.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==r?void 0:r.buttonText)&&(null===(x=null==r?void 0:r.link)||void 0===x?void 0:x.url)||(null==r?void 0:r.hotlineNumber)&&(null===(v=null==r?void 0:r.buttonIcon)||void 0===v?void 0:v.filename))&&e.createElement("div",{className:"ribbonComponent_Button"},e.createElement("a",{href:(null==r?void 0:r.hotlineNumber)?`tel:${(null==r?void 0:r.hotlineNumber)||0}`:null===(_=null==r?void 0:r.link)||void 0===_?void 0:_.url,target:null!==(T=null==r?void 0:r.target)&&void 0!==T?T:"",rel:"_blank"===(null==r?void 0:r.target)?"opener":"noopener"},e.createElement("div",{className:s(null==r?void 0:r.buttonType)},(null==r?void 0:r.hotlineNumber)&&"left"===(null==r?void 0:r.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(y=null==r?void 0:r.buttonIcon)||void 0===y?void 0:y.filename}),(null==r?void 0:r.hotlineNumber)?null==r?void 0:r.hotlineNumber:null==r?void 0:r.buttonText,(null==r?void 0:r.hotlineNumber)&&"right"===(null==r?void 0:r.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(S=null==r?void 0:r.buttonIcon)||void 0===S?void 0:S.filename})))),(null===(C=null==r?void 0:r.closeIcon)||void 0===C?void 0:C.filename)&&(null==r?void 0:r.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>Z()},e.createElement("img",{src:(null==r?void 0:r.enableDarkMode)?null!==(k=null===(B=null==r?void 0:r.darkModeCloseIcon)||void 0===B?void 0:B.filename)&&void 0!==k?k:null===(P=null==r?void 0:r.closeIcon)||void 0===P?void 0:P.filename:null===(I=null==r?void 0:r.closeIcon)||void 0===I?void 0:I.filename}))),(null===(E=null==r?void 0:r.closeIcon)||void 0===E?void 0:E.filename)&&(null==r?void 0:r.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Z()},e.createElement("img",{src:(null==r?void 0:r.enableDarkMode)?null!==(R=null===(W=null==r?void 0:r.darkModeCloseIcon)||void 0===W?void 0:W.filename)&&void 0!==R?R:null===(N=null==r?void 0:r.closeIcon)||void 0===N?void 0:N.filename:null===(D=null==r?void 0:r.closeIcon)||void 0===D?void 0:D.filename}))))))};i("\r\n.stageTeaserMain {\r\n height: 100%;\r\n}\r\nvideo {\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n overflow: hidden;\r\n text-align: center;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.stageTeaserContainer {\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n border-radius: 8px;\r\n flex-direction: row;\r\n width: calc(100% - 10px);\r\n height: 100%;\r\n}\r\n.stageTeaserRightWrapper {\r\n position: relative;\r\n}\r\n.stageTeaserTopText {\r\n margin-bottom: 0px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n}\r\n@media all and (max-width: 1023px) {\r\n .stageTeaserTopText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n }\r\n}\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .stageTeaserTopText {\r\n font-size: 16px;\r\n line-height: 20px;\r\n }\r\n}\r\n.stageTeaserMainTexth1,\r\nh2,\r\nh3,\r\nh4 {\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n font-weight: 700;\r\n margin-bottom: 0px !important;\r\n}\r\n\r\n@media (min-width: 1440px) and (max-width: 1441px) {\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 4% !important;\r\n }\r\n \r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4% !important;\r\n }\r\n}\r\n@media (min-width: 1441px) and (max-width: 1920px) {\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 13% !important;\r\n }\r\n \r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 13% !important;\r\n }\r\n}\r\n\r\n@media (min-width: 1921px){\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 24% !important;\r\n }\r\n \r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 24% !important;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1439px){\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 2% !important;\r\n }\r\n \r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 2% !important;\r\n }\r\n}\r\n@media (min-width:1441px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 32px;\r\n line-height: 40px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n\r\n \r\n}\r\n\r\n@media (min-width:320px)and (max-width:1440px) {\r\n /* .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 4% !important;\r\n }\r\n \r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4% !important;\r\n } */\r\n .stageTeaserMainTexth1 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n}\r\n.stageTeaserMainTextdisplay {\r\n font-size: 48px;\r\n line-height: 60px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n.stageTeaserBottomText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserSecondaryPromoText {\r\n overflow-wrap: anywhere;\r\n font-size: 14px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserSecondaryPromoPercent {\r\n font-size: 34px;\r\n line-height: 38px;\r\n font-weight: 700;\r\n}\r\n\r\n.stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserLeftWrapperBackground {\r\n background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-list {\r\n position: initial;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n background: #ffffff;\r\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n border-radius: 24px;\r\n font-size: 16px;\r\n height: 44px;\r\n width: 44px;\r\n padding: 10px;\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n color: #da291c;\r\n font-size: 16px;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n color: #b3aeaa;\r\n}\r\n\r\n/* .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 4% !important;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4% !important;\r\n} */\r\n/* dots */\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n background: #ffffff;\r\n opacity: 0.3;\r\n border: 0px;\r\n transition: none;\r\n}\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n background: #da291c;\r\n opacity: 1;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n background: #da291c;\r\n}\r\n@media all and (max-width: 1439px) {\r\n .stageTeaserMainTextdisplay {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n margin-bottom: 0px;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .stageTeaserContainer {\r\n flex-direction: column;\r\n }\r\n .stageTeaserPromoPercent {\r\n font-weight: 700;\r\n }\r\n .stageTeaserPromoText {\r\n font-size: 14px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n.teaserTimer {\r\n padding-top: 16px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width : 768px) {\r\n video {\r\n border-top-right-radius: 0px;\r\n border-bottom-right-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n }\r\n\r\n .stageTeaserRightWrapper {\r\n height: 400px;\r\n }\r\n\r\n .stageTeaserLeftWrapper {\r\n padding: 24px;\r\n text-align: center;\r\n }\r\n\r\n .stageTeaserSecondaryPromoPercent {\r\n font-size:28px;\r\n }\r\n}\r\n\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n .stageTeaserRightWrapper {\r\n width: 100%;\r\n }\r\n\r\n .promoImage{\r\n padding-right: 51px;\r\n padding-top: 114px;\r\n }\r\n .stageTeaserLeftWrapper {\r\n padding: 55px;\r\n }\r\n}\r\n@media (width : 1024px) {\r\n .stageTeaserRightWrapper {\r\n width: 50%;\r\n }\r\n}\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n .stageTeaserLeftWrapper {\r\n padding: 120px 80px 120px 68px;\r\n }\r\n}\r\n\r\n\r\n#inboxCount{\r\n position: absolute;\r\n top: 0;\r\n right:0;\r\n}");i(".stageTeaserPromoBubble {\r\n display: flex;\r\n text-align: center;\r\n padding: 0px 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 4px;\r\n flex-shrink: 0;\r\n border-radius: 50%;\r\n position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n width: 160px;\r\n height: 160px;\r\n background: var(--primary-colour-ice-white, #ffffff);\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n background: var(--primary-colour-ice-white, #ffffff);\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n top: 171px;\r\n color: #ffffff;\r\n background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 52px;\r\n line-height: 52px;\r\n font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n /* primary bubble size*/\r\n .stageTeaserPrimaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n }\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n font-size: 10px;\r\n line-height: 14px;\r\n }\r\n /* primary with secondary size*/\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n\r\n /* secondary bubble size*/\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 84px;\r\n height: 84px;\r\n }\r\n\r\n .stageTeaserSecondaryPromoPercent {\r\n font-size: 21px;\r\n line-height: 24px;\r\n }\r\n\r\n .stageTeaserSecondaryPromoText {\r\n font-size: 12px;\r\n line-height: 12px;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n /* primary with secondary size*/\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 42px;\r\n }\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n .stageTeaserSecondaryPromoPercent{\r\n font-size: 26px;\r\n }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 42px;\r\n }\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n .stageTeaserSecondaryPromoPercent{\r\n font-size: 26px;\r\n }\r\n}\r\n");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 86px;\r\n left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 40px;\r\n left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n bottom: 40px;\r\n top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 46px;\r\n left: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 6px;\r\n left: initial;\r\n bottom: 102px;\r\n }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 192px;\r\n left: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 128px;\r\n left: initial;\r\n bottom: 102px;\r\n }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 48px;\r\n left: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 22px;\r\n left: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 48px;\r\n left: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 22px;\r\n left: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 40px;\r\n }\r\n .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n bottom: 40px;\r\n }\r\n \r\n /* primary with secondary */\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 86px;\r\n right: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n bottom: 131px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 40px;\r\n right: initial;\r\n }\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n bottom: 40px;\r\n top: initial;\r\n }\r\n \r\n \r\n /*All small devices - phones*/\r\n @media screen and (max-width : 768px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 58px;\r\n right: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 8px;\r\n right: initial;\r\n bottom: 102px;\r\n }\r\n }\r\n \r\n /*Tablet - md*/\r\n @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 48px;\r\n right: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 22px;\r\n right: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n }\r\n \r\n /*Tablet - lg*/\r\n @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 48px;\r\n right: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 22px;\r\n right: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n }\r\n \r\n /*Desktop, Laptop & Large Desktops*/\r\n @media only screen and (min-width : 1025px) {\r\n }\r\n \r\n /*Extra Large Screens*/\r\n @media only screen and (min-width : 2000px) {\r\n }");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 38px;\r\n right: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 2px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 112px;\r\n right: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 61px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 132px;\r\n right: initial;\r\n top: 84px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 61px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 0px;\r\n right: initial;\r\n top: 18px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -33px;\r\n right: initial;\r\n top: 111px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 22px;\r\n right: initial;\r\n top: 22px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -22px;\r\n right: initial;\r\n top: 108px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 72px;\r\n right: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 20px;\r\n right: initial;\r\n top: 126px;\r\n bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 0px;\r\n right: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -62px;\r\n right: initial;\r\n top: 41px;\r\n bottom: initial;\r\n}\r\n\r\n\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 38px;\r\n left: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 2px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 112px;\r\n left: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 61px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 132px;\r\n left: initial;\r\n top: 84px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 61px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 72px;\r\n left: initial;\r\n top: 18px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 24px;\r\n left: initial;\r\n top: 111px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 78px;\r\n left: initial;\r\n top: 22px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 26px;\r\n left: initial;\r\n top: 108px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 72px;\r\n left: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 20px;\r\n left: initial;\r\n top: 126px;\r\n bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 0px;\r\n left: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 44px;\r\n left: initial;\r\n top: 322px;\r\n bottom: initial;\r\n}\r\n\r\n\r\n}");i(".falcon-grey-600 {\r\n color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n border-radius: 8px;\r\n background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n border-radius: 8px;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n background: rgba(0, 0, 0, 1);\r\n}\r\n");var C="DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm",B="DoubleGridRedefined-module_double-grid-btns__0Sbnd",k="DoubleGridRedefined-module_full-width-container__nNB5c";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.DoubleGridRedefined-module_double-grid-teaser-section__00-ih {\n padding: 140px 80px 140px 68px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-top-text__Ifb0r {\n font-size: 18px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.DoubleGridRedefined-module_double-grid-main-text__CUOi1, .DoubleGridRedefined-module_double-grid-teaser-main-text-h4__UbSpA, .DoubleGridRedefined-module_double-grid-teaser-main-text-h3__yyb57, .DoubleGridRedefined-module_double-grid-teaser-main-text-h2__T2tmJ, .DoubleGridRedefined-module_double-grid-teaser-main-text-h1__PHZjG {\n padding-top: 4px;\n padding-bottom: 8px;\n font-weight: 700;\n margin-bottom: 0px !important;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h1__PHZjG {\n font-size: 32px;\n line-height: 40px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h2__T2tmJ {\n font-size: 28px;\n line-height: 36px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h3__yyb57 {\n font-size: 24px;\n line-height: 32px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h4__UbSpA {\n font-size: 20px;\n line-height: 28px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-display__XrrBz {\n font-size: 48px;\n line-height: 60px;\n font-weight: 500;\n text-transform: uppercase;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-bottom-text__Z-fhk {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm {\n display: inline-flex;\n padding-top: 22px;\n}\n@media (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm {\n display: inline-flex;\n flex-direction: column;\n padding-bottom: 8px;\n }\n}\n@media (max-width: 767px) {\n .DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm {\n padding-top: 6px;\n }\n}\n\n.DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-right: 16px;\n}\n@media (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-bottom: 8px;\n padding-right: 0px;\n }\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-bottom: 16px;\n padding-right: 0px;\n }\n}\n.DoubleGridRedefined-module_double-grid-btns__0Sbnd a {\n text-decoration: none;\n}\n\n.DoubleGridRedefined-module_full-width-container__nNB5c {\n margin-left: auto;\n margin-right: auto;\n padding-left: 16px;\n padding-right: 16px;\n max-width: 1308px;\n width: 100%;\n}\n.DoubleGridRedefined-module_full-width-container__nNB5c .DoubleGridRedefined-module_full-width-container__nNB5c {\n padding: 0px;\n max-width: 100%;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .DoubleGridRedefined-module_full-width-container__nNB5c {\n max-width: 972px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .DoubleGridRedefined-module_full-width-container__nNB5c {\n max-width: 720px;\n }\n}\n@media (max-width: 767px) {\n .DoubleGridRedefined-module_full-width-container__nNB5c {\n max-width: 100%;\n }\n}");const P=({content:r})=>{var o,i,a,l,d,c,m,u,p,g,h,b,f,x,v,_,T,y,S,P,I,E,W,R,N,D,M,A,L,V,G,z,F,O,j,$,X,J,H,U,Q,K,Y,Z;const q="none"!==(null==r?void 0:r.gradientBgColor)?(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==r?void 0:r.gradientBgColor):(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==r?void 0:r.GenericBgColor),ee="none"===(null==r?void 0:r.gradientBgColor)&&"none"===(null==r?void 0:r.GenericBgColor)?null===(o=null==r?void 0:r.solidBgColor)||void 0===o?void 0:o.color:"",ne=(null==r?void 0:r.EnableTextBgColor)?null===(i=null==r?void 0:r.textbgcolor)||void 0===i?void 0:i.color:"",te=()=>{switch(null==r?void 0:r.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},re=null===(d=null===(l=null===(a=null==r?void 0:r.primaryPromoBubble)||void 0===a?void 0:a[0])||void 0===l?void 0:l.bgcolor)||void 0===d?void 0:d.color,oe=null===(u=null===(m=null===(c=null==r?void 0:r.primaryPromoBubble)||void 0===c?void 0:c[0])||void 0===m?void 0:m.textcolor)||void 0===u?void 0:u.color,ie=null===(h=null===(g=null===(p=null==r?void 0:r.SecondaryPromoBubble)||void 0===p?void 0:p[0])||void 0===g?void 0:g.bgcolor)||void 0===h?void 0:h.color,ae=null===(x=null===(f=null===(b=null==r?void 0:r.SecondaryPromoBubble)||void 0===b?void 0:b[0])||void 0===f?void 0:f.textcolor)||void 0===x?void 0:x.color,le=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[de,se]=n(!1),[ce,me]=n(""),[ue,pe]=n(""),[ge,he]=n(!1),be=()=>{var e,n,t,o,i,a,l,d,s;const c=window.innerWidth;c<=767?(se(null==r?void 0:r.mobileImageFirst),le(null===(e=null==r?void 0:r.MobilePromoImage)||void 0===e?void 0:e.filename)?me(null===(n=null==r?void 0:r.MobilePromoImage)||void 0===n?void 0:n.filename):pe(null===(t=null==r?void 0:r.MobilePromoImage)||void 0===t?void 0:t.filename)):c>=768&&c<=1024?(se(null==r?void 0:r.tabletImageFirst),le(null===(o=null==r?void 0:r.TabletPromoImage)||void 0===o?void 0:o.filename)?me(null===(i=null==r?void 0:r.TabletPromoImage)||void 0===i?void 0:i.filename):pe(null===(a=null==r?void 0:r.TabletPromoImage)||void 0===a?void 0:a.filename)):c>=1025&&(se(null==r?void 0:r.desktopImageFirst),le(null===(l=null==r?void 0:r.DesktopPromoImage)||void 0===l?void 0:l.filename)?me(null===(d=null==r?void 0:r.DesktopPromoImage)||void 0===d?void 0:d.filename):pe(null===(s=null==r?void 0:r.DesktopPromoImage)||void 0===s?void 0:s.filename))};t((()=>{be(),window.addEventListener("resize",be)}),[]);const fe=null===(v=null==r?void 0:r.textcolor)||void 0===v?void 0:v.color,xe=null===(P=null===(S=null===(y=null===(T=null===(_=null==r?void 0:r.mainheading)||void 0===_?void 0:_.content)||void 0===T?void 0:T[0])||void 0===y?void 0:y.content)||void 0===S?void 0:S[0])||void 0===P?void 0:P.text;return e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:ee?"":q,style:{backgroundColor:ee}},e.createElement("div",{className:`${(null==r?void 0:r.isFullWidth)?k:""} stageTeaserContainer d-flex`},e.createElement("div",{className:(de?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:ne,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText",style:{color:fe}},null===(N=null===(R=null===(W=null===(E=null===(I=null==r?void 0:r.primaryheading)||void 0===I?void 0:I.content)||void 0===E?void 0:E[0])||void 0===W?void 0:W.content)||void 0===R?void 0:R[0])||void 0===N?void 0:N.text),e.createElement("div",null,"h1"===(null==r?void 0:r.mainText)?e.createElement("h1",{className:"stageTeaserMainTexth1",style:{color:fe}},xe):"h2"===(null==r?void 0:r.mainText)?e.createElement("h2",{className:"stageTeaserMainTexth2",style:{color:fe}},xe):"h3"===(null==r?void 0:r.mainText)?e.createElement("h3",{className:"stageTeaserMainTexth3",style:{color:fe}},xe):"h4"===(null==r?void 0:r.mainText)?e.createElement("h4",{className:"stageTeaserMainTexth4",style:{color:fe}},xe):e.createElement("div",{className:"stageTeaserMainTextdisplay",style:{color:fe}},xe)),e.createElement("div",{className:"stageTeaserBottomText",style:{color:fe}},null===(V=null===(L=null===(A=null===(M=null===(D=null==r?void 0:r.secondaryheading)||void 0===D?void 0:D.content)||void 0===M?void 0:M[0])||void 0===A?void 0:A.content)||void 0===L?void 0:L[0])||void 0===V?void 0:V.text),(null===(z=null===(G=null==r?void 0:r.timer)||void 0===G?void 0:G[0])||void 0===z?void 0:z.enableCounter)&&e.createElement("div",{className:"teaserTimer text-center"},e.createElement(w,{content:null===(F=null==r?void 0:r.timer)||void 0===F?void 0:F[0],setTimerExpired:he})),!ge&&e.createElement("div",{className:`${C}`},null===(O=null==r?void 0:r.teaserButtonConfig)||void 0===O?void 0:O.map((n=>{var t,o,i,a,l,d;return e.createElement("div",{className:`${B}`},e.createElement("a",{href:`${(null===(t=null==n?void 0:n.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:s(null==n?void 0:n.buttonType)},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"before"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"after"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==n?void 0:n.buttonIcon)||void 0===d?void 0:d.filename}))))})))),e.createElement("div",{className:(de?"order-0":"order-1")+" stageTeaserRightWrapper col-md-6",style:{background:`url(${ce}) center / contain no-repeat`}},""!==ue&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:ue})),(null===(j=null==r?void 0:r.primaryPromoBubble)||void 0===j?void 0:j.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${te()}`,style:{backgroundColor:re,color:oe}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(X=null===($=null==r?void 0:r.primaryPromoBubble)||void 0===$?void 0:$[0])||void 0===X?void 0:X.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(H=null===(J=null==r?void 0:r.primaryPromoBubble)||void 0===J?void 0:J[0])||void 0===H?void 0:H.secondarytext)),(null===(U=null==r?void 0:r.SecondaryPromoBubble)||void 0===U?void 0:U.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${te()}`,style:{backgroundColor:ie,color:ae}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(K=null===(Q=null==r?void 0:r.SecondaryPromoBubble)||void 0===Q?void 0:Q[0])||void 0===K?void 0:K.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(Z=null===(Y=null==r?void 0:r.SecondaryPromoBubble)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.secondarytext))))))};var I="SingleGridRedefined-module_single-grid__NikxO",E="SingleGridRedefined-module_single-grid-background-img__HQngE",W="SingleGridRedefined-module_single-grid-text-container__b6Z7R",R="SingleGridRedefined-module_single-grid-overline__1eceF",N="SingleGridRedefined-module_single-grid-headline__BocYX",D="SingleGridRedefined-module_single-grid-text__R1k6c",M="SingleGridRedefined-module_single-grid-timer__n94Jv",A="SingleGridRedefined-module_single-grid-btn-section__gdt-4",L="SingleGridRedefined-module_single-grid-btn-right__zjTnA",V="SingleGridRedefined-module_full-width-container__WJvqw";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n height: 680px;\n padding: 170px 108px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n padding: 32px 24px;\n height: 640px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n height: 580px;\n padding: 90px 60px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-text-container__b6Z7R {\n display: flex;\n flex-direction: column;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-overline__1eceF {\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 24px;\n padding-bottom: 4px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-overline__1eceF {\n font-size: 14px;\n line-height: 20px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-headline__BocYX {\n font-size: 48px;\n font-style: normal;\n font-weight: 500;\n line-height: 60px;\n padding-bottom: 8px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-headline__BocYX {\n font-size: 24px;\n line-height: 32px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-text__R1k6c {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-timer__n94Jv {\n padding: 16px 0;\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-timer__n94Jv {\n display: flex;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 {\n padding-top: 16px;\n padding-right: 16px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 {\n padding-bottom: 8px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 a {\n text-decoration: none;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-right__zjTnA {\n padding-right: 0;\n padding-left: 16px;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_full-width-container__WJvqw {\n margin-left: auto;\n margin-right: auto;\n max-width: 1308px;\n width: 100%;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_full-width-container__WJvqw {\n max-width: 972px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_full-width-container__WJvqw {\n max-width: 720px;\n }\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_full-width-container__WJvqw {\n max-width: 100%;\n }\n}");const G=({content:r})=>{var o,i,a,l,d,c,u,p,g,h,b,f,x,v,_,T,y,S,C,B;const[k,P]=n(""),[G,z]=n(""),[F,O]=n(!1),j=m(),$=null===(d=null===(l=null===(a=null===(i=null===(o=null==r?void 0:r.primaryheading)||void 0===o?void 0:o.content)||void 0===i?void 0:i[0])||void 0===a?void 0:a.content)||void 0===l?void 0:l[0])||void 0===d?void 0:d.text,X=null===(h=null===(g=null===(p=null===(u=null===(c=null==r?void 0:r.mainheading)||void 0===c?void 0:c.content)||void 0===u?void 0:u[0])||void 0===p?void 0:p.content)||void 0===g?void 0:g[0])||void 0===h?void 0:h.text,J=null===(_=null===(v=null===(x=null===(f=null===(b=null==r?void 0:r.secondaryheading)||void 0===b?void 0:b.content)||void 0===f?void 0:f[0])||void 0===x?void 0:x.content)||void 0===v?void 0:v[0])||void 0===_?void 0:_.text,H="left"===(null==r?void 0:r.textposition)?"flex-start":"right"===(null==r?void 0:r.textposition)?"flex-end":"center",U="left"===(null==r?void 0:r.textposition)?"left":"right"===(null==r?void 0:r.textposition)?"right":"center",Q=()=>{var e,n,t;const o=window.innerWidth;o<=767?(P(`url(${null===(e=null==r?void 0:r.mobileImage)||void 0===e?void 0:e.filename}) center center / cover no-repeat`),z(null==r?void 0:r.verticaltextpostion)):o>=768&&o<=1439?(P(`url(${null===(n=null==r?void 0:r.tabImage)||void 0===n?void 0:n.filename}) center center / cover no-repeat`),z("")):o>=1440&&(P(`url(${null===(t=null==r?void 0:r.desktopimage)||void 0===t?void 0:t.filename}) center center / cover no-repeat`),z(""))};t((()=>{Q(),window.addEventListener("resize",Q)}),[]);const K=null===(T=null==r?void 0:r.textcolor)||void 0===T?void 0:T.color;return e.createElement(e.Fragment,null,e.createElement("div",{className:`${I}`},""!==k&&e.createElement("div",{style:{background:k}},e.createElement("div",{className:` ${(null==r?void 0:r.isFullWidth)?V:""} ${E} `,style:{justifyContent:"top"===G?"flex-start":"bottom"===G?"flex-end":U}},e.createElement("div",{className:`${W}`},e.createElement("div",null,e.createElement("div",{style:{color:K,alignItems:""===G?H:"center",textAlign:""===G?U:"center"}},$&&e.createElement("div",{className:`${R}`},$),X&&e.createElement("div",null,"h1"===(null==r?void 0:r.mainText)?e.createElement("h1",{className:"stageTeaserMainTexth1",style:{color:K}},X):"h2"===(null==r?void 0:r.mainText)?e.createElement("h2",{className:"stageTeaserMainTexth2",style:{color:K}},X):"h3"===(null==r?void 0:r.mainText)?e.createElement("h3",{className:"stageTeaserMainTexth3",style:{color:K}},X):"h4"===(null==r?void 0:r.mainText)?e.createElement("h4",{className:"stageTeaserMainTexth4",style:{color:K}},X):e.createElement("div",{className:`${N}`,style:{color:K}},X)),J&&e.createElement("div",{className:`${D}`},J)))),(null===(S=null===(y=null==r?void 0:r.timer)||void 0===y?void 0:y[0])||void 0===S?void 0:S.enableCounter)&&e.createElement("div",{className:`${M}\n \n `,style:{justifyContent:"top"===G?"flex-start":"bottom"===G?"flex-end":H}},e.createElement(w,{content:null===(C=null==r?void 0:r.timer)||void 0===C?void 0:C[0],setTimerExpired:O})),!F&&e.createElement("div",{className:""+("mobile"!==j?"d-flex":""),style:{justifyContent:""===G?H:"",alignItems:""!==G?"center":""}},null===(B=null==r?void 0:r.teaserButtonConfig)||void 0===B?void 0:B.map((n=>{var t,o,i,a,l,d;return e.createElement("div",{className:`${A} ${"flex-end"===H&&"mobile"!==j&&L}`},e.createElement("a",{href:`${(null===(t=null==n?void 0:n.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:`${s(null==n?void 0:n.buttonType)}`},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"before"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"after"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==n?void 0:n.buttonIcon)||void 0===d?void 0:d.filename}))))})))))))},z=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(G,{content:n}):e.createElement(P,{content:n}));var F={"wrapper-img":"ImageComponent-module_wrapper-img__v4UKy","image-wrapper":"ImageComponent-module_image-wrapper__dvPl9","text-container-center":"ImageComponent-module_text-container-center__i6mB-","text-container":"ImageComponent-module_text-container__v5YHL","image-title":"ImageComponent-module_image-title__WLw4-","image-description":"ImageComponent-module_image-description__wTnjQ","text-right":"ImageComponent-module_text-right__SQQol","text-center":"ImageComponent-module_text-center__ks4IT","text-left":"ImageComponent-module_text-left__8cSZR"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageComponent-module_wrapper-img__v4UKy {\n width: 99%;\n height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n -webkit-border-radius: 24px;\n -moz-border-radius: 24px;\n border-radius: 24px;\n position: relative;\n height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container-center__i6mB- {\n position: absolute;\n bottom: 40px;\n left: 40px;\n color: white;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container__v5YHL {\n position: relative;\n bottom: 120px;\n left: 40px;\n color: white;\n}\n\n.ImageComponent-module_image-title__WLw4- {\n color: white !important;\n font-size: 18px;\n line-height: 24px;\n}\n\n.ImageComponent-module_image-description__wTnjQ {\n color: #ffffff !important;\n font-size: 18px;\n line-height: 24px;\n}\n@media (max-width: 1439px) {\n .ImageComponent-module_image-description__wTnjQ {\n font-size: 14px;\n line-height: 20px;\n }\n}\n\n@media (max-width: 1439px) {\n .ImageComponent-module_wrapper-img__v4UKy {\n width: 100%;\n height: 100%;\n }\n .ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n border-radius: 10px;\n margin-right: 4px;\n margin-left: 4px;\n padding-right: 26px;\n border-bottom-left-radius: 18px;\n border-bottom-right-radius: 18px;\n width: 100%;\n height: 100%;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 32.31%, rgba(0, 0, 0, 0) 50%);\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n }\n .ImageComponent-module_text-right__SQQol {\n position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\n }\n}");const O=({content:n,alignment:t})=>{var r;const o=m(),i=`url(${(null===(r=null==n?void 0:n.img)||void 0===r?void 0:r.filename)+"/m/"}) center center / cover no-repeat`,l="center"===t?"text-container-center":"text-container";return e.createElement("div",{className:F["wrapper-img"]},""!==i&&e.createElement(e.Fragment,null,e.createElement("div",{className:F["image-wrapper"],style:{background:i}}),e.createElement("div",{className:`${"large-desktop"!=o?F[`text-${null==n?void 0:n.textAlignment}`]:F[l]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:F["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:F["image-description"]},e.createElement(a,{content:null==n?void 0:n.description})))))};var j={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};i(".TextComponent-module_overline__BDtDE {\n color: #86807C;\n}\n\n.TextComponent-module_h3content__B0Ipy {\n color: #3D3935;\n}\n\n.TextComponent-module_desciption__uP3Ih {\n font-size: 20px;\n line-height: 26px;\n color: #3d3935;\n}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");i(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\r\n\r\n.primary {\r\n text-align: center;\r\n background: #da291c;\r\n color: white;\r\n border: none;\r\n border-radius: 28px;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n\r\n a {\r\n color: white;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.secondary {\r\n text-align: center;\r\n background: white;\r\n color: #da291c;\r\n border: 2px solid #da291c;\r\n border-radius: 28px;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n}\r\n\r\n.vertical-left {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.text{\r\n text-align: center;\r\n color: #da291c;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n a{\r\n color: #da291c;\r\n text-decoration: none; \r\n }\r\n}");const $="gaEvent",X="Text_Image_Component",J=(e,n,t)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},t))},H=({content:n,analyticsTitle:t})=>{var r;const o=m(),i=()=>{J($,"article_select_promotion",{banner_promotion_name:t,component:X})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(r=null==n?void 0:n.buttons)||void 0===r?void 0:r.length)>0&&n.buttons.map(((n,t)=>{var r;return e.createElement("div",{className:null==n?void 0:n.type,key:t},e.createElement("a",{href:null===(r=null==n?void 0:n.link)||void 0===r?void 0:r.cached_url,onClick:i},null==n?void 0:n.text))}))))},U=({content:n,analyticsTitle:t})=>{var r;const o=m();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=o?j[`textline-${null==n?void 0:n.alignment}`]:j["textline-container"]}`},(null==n?void 0:n.overline)&&e.createElement("div",{className:j.overline},null==n?void 0:n.overline),(null==n?void 0:n.headline)&&e.createElement("h3",{className:j.h3content},null==n?void 0:n.headline),(null==n?void 0:n.description)&&e.createElement("div",{className:j.description},e.createElement(a,{content:null==n?void 0:n.description})),(null===(r=null==n?void 0:n.btnGroup)||void 0===r?void 0:r.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(H,{content:n,analyticsTitle:t}))))))};var Q={"main-container":"ImageWithText-module_main-container__fnrz1","img-text-container":"ImageWithText-module_img-text-container__M5Xx0","img-section":"ImageWithText-module_img-section__NsiT4","text-section":"ImageWithText-module_text-section__jTDBS","img-text-right":"ImageWithText-module_img-text-right__rKz7C","img-text-left":"ImageWithText-module_img-text-left__hmJKl","img-text-center":"ImageWithText-module_img-text-center__Js5hv"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n height: 260px;\n width: 100%;\n}\n@media (min-width: 768px) and (max-width: 1439px) {\n .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n height: 450px;\n }\n}\n@media (max-width: 1439px) {\n .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_text-section__jTDBS {\n width: 90%;\n position: relative;\n top: auto;\n background: rgba(255, 255, 255, 0.7490196078);\n margin: 0 auto;\n border-radius: 12px;\n padding: 16px !important;\n bottom: 30px;\n }\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C {\n flex-direction: row-reverse;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C .ImageWithText-module_text-section__jTDBS {\n padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl {\n flex-direction: row;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl .ImageWithText-module_text-section__jTDBS {\n padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv {\n position: relative;\n align-items: center;\n height: 450px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_text-section__jTDBS {\n background: rgba(255, 255, 255, 0.7490196078);\n position: absolute;\n left: 40%;\n max-height: 450px;\n padding: 40px !important;\n width: 48%;\n border-radius: 12px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_img-section__NsiT4 {\n width: 50%;\n height: 100%;\n border-radius: 24px;\n}");const K=({content:n,index:r})=>{var o,i,a,l;const d=m();return t((()=>{0!==r&&void 0!==r||J($,"article_view_promotion",{banner_promotion_name:n.analyticsTitle,component:X})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:Q["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===d?Q[`img-text-${null==n?void 0:n.alignment}`]:Q["img-text-container"]}`},(null===(o=null==n?void 0:n.image)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${Q["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(O,{content:null===(i=null==n?void 0:n.image)||void 0===i?void 0:i[0],alignment:null==n?void 0:n.alignment})),(null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a.length)>0&&e.createElement("div",{className:`${Q["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(U,{content:null===(l=null==n?void 0:n.textBlok)||void 0===l?void 0:l[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var Y="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Z(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var q,ee={},ne={get exports(){return ee},set exports(e){ee=e}},te={},re={},oe={},ie={};q=ie,Object.defineProperty(q,"__esModule",{value:!0}),q.getOriginalCounterPart=function(e,n,t){var r=n.slidesToShow,o=n.currentSlide;return t.length>2*r?e+2*r:o>=t.length?t.length+e:e},q.getOriginalIndexLookupTableByClones=function(e,n){if(n.length>2*e){for(var t={},r=n.length-2*e,o=n.length-r,i=r,a=0;a<o;a++)t[a]=i,i++;var l=n.length+o,d=l+n.slice(0,2*e).length,s=0;for(a=l;a<=d;a++)t[a]=s,s++;var c=l,m=0;for(a=o;a<c;a++)t[a]=m,m++;return t}t={};var u=3*n.length,p=0;for(a=0;a<u;a++)t[a]=p,++p===n.length&&(p=0);return t},q.getClones=function(e,n){return n.length<e?n:n.length>2*e?n.slice(n.length-2*e,n.length).concat(n,n.slice(0,2*e)):n.concat(n,n)},q.getInitialSlideInInfiniteMode=function(e,n){return n.length>2*e?2*e:n.length},q.checkClonesPosition=function(e,n,t){var r,o=e.currentSlide,i=e.slidesToShow,a=e.itemWidth,l=e.totalItems,d=0,s=0,c=0===o,m=n.length-(n.length-2*i);return n.length<i?(s=d=0,c=r=!1):n.length>2*i?((r=o>=m+n.length)&&(s=-a*(d=o-n.length)),c&&(s=-a*(d=m+(n.length-2*i)))):((r=o>=2*n.length)&&(s=-a*(d=o-n.length)),c&&(s=t.showDots?-a*(d=n.length):-a*(d=l/3))),{isReachingTheEnd:r,isReachingTheStart:c,nextSlide:d,nextPosition:s}};var ae={};Object.defineProperty(ae,"__esModule",{value:!0});var le=!1;ae.getPartialVisibilityGutter=function(e,n,t,r){var o=0,i=r||t;return n&&i&&(!le&&"production"!==process.env.NODE_ENV&&e[i].paritialVisibilityGutter&&(le=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),o=e[i].partialVisibilityGutter||e[i].paritialVisibilityGutter),o},ae.getWidthFromDeviceType=function(e,n){var t;return n[e]&&(t=(100/n[e].items).toFixed(1)),t},ae.getItemClientSideWidth=function(e,n,t){return Math.round(t/(n+(e.centerMode?1:0)))};var de={};Object.defineProperty(de,"__esModule",{value:!0});var se=ae;function ce(e){var n=e.slidesToShow;return e.totalItems<n}function me(e,n,t){var r=t||e.transform;return!n.infinite&&0===e.currentSlide||ce(e)?r:r+e.itemWidth/2}function ue(e){var n=e.currentSlide,t=e.totalItems;return!(n+e.slidesToShow<t)}function pe(e,n,t,r){void 0===n&&(n=0);var o=e.currentSlide,i=e.slidesToShow,a=ue(e),l=!t.infinite&&a,d=r||e.transform;if(ce(e))return d;var s=d+o*n;return l?s+(e.containerWidth-(e.itemWidth-n)*i):s}function ge(e,n){return e.rtl?-1*n:n}de.notEnoughChildren=ce,de.getInitialState=function(e,n){var t,r=e.domLoaded,o=e.slidesToShow,i=e.containerWidth,a=e.itemWidth,l=n.deviceType,d=n.responsive,s=n.ssr,c=n.partialVisbile,m=n.partialVisible,u=Boolean(r&&o&&i&&a);s&&l&&!u&&(t=se.getWidthFromDeviceType(l,d));var p=Boolean(s&&l&&!u&&t);return{shouldRenderOnSSR:p,flexBisis:t,domFullyLoaded:u,partialVisibilityGutter:se.getPartialVisibilityGutter(d,c||m,l,e.deviceType),shouldRenderAtAll:p||u}},de.getIfSlideIsVisbile=function(e,n){var t=n.currentSlide,r=n.slidesToShow;return t<=e&&e<t+r},de.getTransformForCenterMode=me,de.isInLeftEnd=function(e){return!(0<e.currentSlide)},de.isInRightEnd=ue,de.getTransformForPartialVsibile=pe,de.parsePosition=ge,de.getTransform=function(e,n,t){var r=n.partialVisbile,o=n.partialVisible,i=n.responsive,a=n.deviceType,l=n.centerMode,d=t||e.transform,s=se.getPartialVisibilityGutter(i,r||o,a,e.deviceType);return ge(n,o||r?pe(e,s,n,t):l?me(e,n,t):d)},de.getSlidesToSlide=function(e,n){var t=e.domLoaded,r=e.slidesToShow,o=e.containerWidth,i=e.itemWidth,a=n.deviceType,l=n.responsive,d=n.slidesToSlide||1,s=Boolean(t&&r&&o&&i);return n.ssr&&n.deviceType&&!s&&Object.keys(l).forEach((function(e){var n=l[e].slidesToSlide;a===e&&n&&(d=n)})),s&&Object.keys(l).forEach((function(e){var n=l[e],t=n.breakpoint,r=n.slidesToSlide,o=t.max,i=t.min;r&&window.innerWidth>=i&&window.innerWidth<=o&&(d=r)})),d};var he={};Object.defineProperty(he,"__esModule",{value:!0});he.default=function(e,n,t){var r;return function(){var o=arguments;r||(e.apply(this,o),r=!0,"function"==typeof t&&t(!0),setTimeout((function(){r=!1,"function"==typeof t&&t(!1)}),n))}};var be={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e,n){var t=n.partialVisbile,r=n.partialVisible,o=n.centerMode,i=n.ssr,a=n.responsive;if((t||r)&&o)throw new Error("center mode can not be used at the same time with partialVisible");if(!a)throw i?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(a&&"object"!=typeof a)throw new Error("responsive prop must be an object")}}(be);var fe={};Object.defineProperty(fe,"__esModule",{value:!0});var xe=de;fe.populateNextSlides=function(e,n,t){void 0===t&&(t=0);var r,o,i=e.slidesToShow,a=e.currentSlide,l=e.itemWidth,d=e.totalItems,s=xe.getSlidesToSlide(e,n),c=a+1+t+i+(0<t?0:s);return o=c<=d?-l*(r=a+t+(0<t?0:s)):d<c&&a!==d-i?-l*(r=d-i):r=void 0,{nextSlides:r,nextPosition:o}};var ve={};Object.defineProperty(ve,"__esModule",{value:!0});var _e=e,Te=de,ye=de;ve.populatePreviousSlides=function(e,n,t){void 0===t&&(t=0);var r,o,i=e.currentSlide,a=e.itemWidth,l=e.slidesToShow,d=n.children,s=n.showDots,c=n.infinite,m=Te.getSlidesToSlide(e,n),u=i-t-(0<t?0:m),p=(_e.Children.toArray(d).length-l)%m;return o=0<=u?(r=u,s&&!c&&0<p&&ye.isInRightEnd(e)&&(r=i-p),-a*r):r=u<0&&0!==i?0:void 0,{nextSlides:r,nextPosition:o}};var we={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.populateSlidesOnMouseTouchMove=function(e,n,t,r,o,i){var a,l,d=e.itemWidth,s=e.slidesToShow,c=e.totalItems,m=e.currentSlide,u=n.infinite,p=!1,g=Math.round((t-r)/d),h=Math.round((r-t)/d),b=t<o;if(o<t&&g<=s){a="right";var f=Math.abs(-d*(c-s)),x=i-(r-o),v=m===c-s;(Math.abs(x)<=f||v&&u)&&(l=x,p=!0)}return b&&h<=s&&(a="left",((x=i+(o-r))<=0||0===m&&u)&&(p=!0,l=x)),{direction:a,nextPosition:l,canContinue:p}}}(we),Object.defineProperty(oe,"__esModule",{value:!0});var Se=ie;oe.getOriginalCounterPart=Se.getOriginalCounterPart,oe.getClones=Se.getClones,oe.checkClonesPosition=Se.checkClonesPosition,oe.getInitialSlideInInfiniteMode=Se.getInitialSlideInInfiniteMode;var Ce=ae;oe.getWidthFromDeviceType=Ce.getWidthFromDeviceType,oe.getPartialVisibilityGutter=Ce.getPartialVisibilityGutter,oe.getItemClientSideWidth=Ce.getItemClientSideWidth;var Be=de;oe.getInitialState=Be.getInitialState,oe.getIfSlideIsVisbile=Be.getIfSlideIsVisbile,oe.getTransformForCenterMode=Be.getTransformForCenterMode,oe.getTransformForPartialVsibile=Be.getTransformForPartialVsibile,oe.isInLeftEnd=Be.isInLeftEnd,oe.isInRightEnd=Be.isInRightEnd,oe.notEnoughChildren=Be.notEnoughChildren,oe.getSlidesToSlide=Be.getSlidesToSlide;var ke=he;oe.throttle=ke.default;var Pe=be;oe.throwError=Pe.default;var Ie=fe;oe.populateNextSlides=Ie.populateNextSlides;var Ee=ve;oe.populatePreviousSlides=Ee.populatePreviousSlides;var We=we;oe.populateSlidesOnMouseTouchMove=We.populateSlidesOnMouseTouchMove;var Re,Ne={},De=Y&&Y.__extends||(Re=function(e,n){return(Re=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}Re(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(Ne,"__esModule",{value:!0});var Me=e;Ne.isMouseMoveEvent=function(e){return"clientY"in e};var Ae=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return De(n,e),n}(Me.Component);Ne.default=Ae;var Le={},Ve={};Object.defineProperty(Ve,"__esModule",{value:!0});var Ge=ie,ze=de;Ve.getLookupTableForNextSlides=function(e,n,t,r){var o={},i=ze.getSlidesToSlide(n,t);return Array(e).fill(0).forEach((function(e,t){var a=Ge.getOriginalCounterPart(t,n,r);if(0===t)o[0]=a;else{var l=o[t-1]+i;o[t]=l}})),o},Object.defineProperty(Le,"__esModule",{value:!0});var Fe=e,Oe=ie,je=Ve,$e=de;Le.default=function(e){var n=e.props,t=e.state,r=e.goToSlide,o=e.getState,i=n.showDots,a=n.customDot,l=n.dotListClass,d=n.infinite,s=n.children;if(!i||$e.notEnoughChildren(t))return null;var c,m=t.currentSlide,u=t.slidesToShow,p=$e.getSlidesToSlide(t,n),g=Fe.Children.toArray(s);c=d?Math.ceil(g.length/p):Math.ceil((g.length-u)/p)+1;var h=je.getLookupTableForNextSlides(c,t,n,g),b=Oe.getOriginalIndexLookupTableByClones(u,g),f=b[m];return Fe.createElement("ul",{className:"react-multi-carousel-dot-list "+l},Array(c).fill(0).map((function(e,n){var t,i;if(d){i=h[n];var l=b[i];t=f===l||l<=f&&f<l+p}else{var s=g.length-u,c=n*p;t=(i=s<c?s:c)===m||i<m&&m<i+p&&m<g.length-u}return a?Fe.cloneElement(a,{index:n,active:t,key:n,onClick:function(){return r(i)},carouselState:o()}):Fe.createElement("li",{"data-index":n,key:n,className:"react-multi-carousel-dot "+(t?"react-multi-carousel-dot--active":"")},Fe.createElement("button",{"aria-label":"Go to slide "+(n+1),onClick:function(){return r(i)}}))})))};var Xe={};Object.defineProperty(Xe,"__esModule",{value:!0});var Je=e;Xe.LeftArrow=function(e){var n=e.customLeftArrow,t=e.getState,r=e.previous,o=e.disabled,i=e.rtl;if(n)return Je.cloneElement(n,{onClick:function(){return r()},carouselState:t(),disabled:o,rtl:i});var a=i?"rtl":"";return Je.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+a,onClick:function(){return r()},type:"button",disabled:o})};Xe.RightArrow=function(e){var n=e.customRightArrow,t=e.getState,r=e.next,o=e.disabled,i=e.rtl;if(n)return Je.cloneElement(n,{onClick:function(){return r()},carouselState:t(),disabled:o,rtl:i});var a=i?"rtl":"";return Je.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+a,onClick:function(){return r()},type:"button",disabled:o})};var He={};Object.defineProperty(He,"__esModule",{value:!0});var Ue=e,Qe=oe;He.default=function(e){var n=e.props,t=e.state,r=e.goToSlide,o=e.clones,i=e.notEnoughChildren,a=t.itemWidth,l=n.children,d=n.infinite,s=n.itemClass,c=n.itemAriaLabel,m=n.partialVisbile,u=n.partialVisible,p=Qe.getInitialState(t,n),g=p.flexBisis,h=p.shouldRenderOnSSR,b=p.domFullyLoaded,f=p.partialVisibilityGutter;return p.shouldRenderAtAll?(m&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),Ue.createElement(Ue.Fragment,null,(d?o:Ue.Children.toArray(l)).map((function(e,o){return Ue.createElement("li",{key:o,"data-index":o,onClick:function(){n.focusOnSelect&&r(o)},"aria-hidden":Qe.getIfSlideIsVisbile(o,t)?"false":"true","aria-label":c||(e.props.ariaLabel?e.props.ariaLabel:null),style:{flex:h?"1 0 "+g+"%":"auto",position:"relative",width:b?((m||u)&&f&&!i?a-f:a)+"px":"auto"},className:"react-multi-carousel-item "+(Qe.getIfSlideIsVisbile(o,t)?"react-multi-carousel-item--active":"")+" "+s},e)})))):null};var Ke=Y&&Y.__extends||function(){var e=function(n,t){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(n,t)};return function(n,t){function r(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}}();Object.defineProperty(re,"__esModule",{value:!0});var Ye=e,Ze=oe,qe=Ne,en=Le,nn=Xe,tn=He,rn=de,on=400,an="transform 400ms ease-in-out",ln=function(e){function n(n){var t=e.call(this,n)||this;return t.containerRef=Ye.createRef(),t.listRef=Ye.createRef(),t.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:Ye.Children.count(n.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},t.onResize=t.onResize.bind(t),t.handleDown=t.handleDown.bind(t),t.handleMove=t.handleMove.bind(t),t.handleOut=t.handleOut.bind(t),t.onKeyUp=t.onKeyUp.bind(t),t.handleEnter=t.handleEnter.bind(t),t.setIsInThrottle=t.setIsInThrottle.bind(t),t.next=Ze.throttle(t.next.bind(t),n.transitionDuration||on,t.setIsInThrottle),t.previous=Ze.throttle(t.previous.bind(t),n.transitionDuration||on,t.setIsInThrottle),t.goToSlide=Ze.throttle(t.goToSlide.bind(t),n.transitionDuration||on,t.setIsInThrottle),t.onMove=!1,t.initialX=0,t.lastX=0,t.isAnimationAllowed=!1,t.direction="",t.initialY=0,t.isInThrottle=!1,t.transformPlaceHolder=0,t}return Ke(n,e),n.prototype.resetTotalItems=function(){var e=this,n=Ye.Children.count(this.props.children),t=Ze.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,n));this.setState({totalItems:n,currentSlide:t},(function(){e.setContainerAndItemWidth(e.state.slidesToShow,!0)}))},n.prototype.setIsInThrottle=function(e){void 0===e&&(e=!1),this.isInThrottle=e},n.prototype.setTransformDirectly=function(e,n){var t=this.props.additionalTransfrom;this.transformPlaceHolder=e;var r=rn.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(n),this.listRef.current.style.transform="translate3d("+(r+t)+"px,0,0)")},n.prototype.setAnimationDirectly=function(e){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=e?this.props.customTransition||an:"none")},n.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.setClones=function(e,n,t,r){var o=this;void 0===r&&(r=!1),this.isAnimationAllowed=!1;var i=Ye.Children.toArray(this.props.children),a=Ze.getInitialSlideInInfiniteMode(e||this.state.slidesToShow,i),l=Ze.getClones(this.state.slidesToShow,i),d=i.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:l.length,currentSlide:t&&!r?d:a},(function(){o.correctItemsPosition(n||o.state.itemWidth)}))},n.prototype.setItemsToShow=function(e,n){var t=this,r=this.props.responsive;Object.keys(r).forEach((function(o){var i=r[o],a=i.breakpoint,l=i.items,d=a.max,s=a.min,c=[window.innerWidth];window.screen&&window.screen.width&&c.push(window.screen.width);var m=Math.min.apply(Math,c);s<=m&&m<=d&&(t.setState({slidesToShow:l,deviceType:o}),t.setContainerAndItemWidth(l,e,n))}))},n.prototype.setContainerAndItemWidth=function(e,n,t){var r=this;if(this.containerRef&&this.containerRef.current){var o=this.containerRef.current.offsetWidth,i=Ze.getItemClientSideWidth(this.props,e,o);this.setState({containerWidth:o,itemWidth:i},(function(){r.props.infinite&&r.setClones(e,i,n,t)})),n&&this.correctItemsPosition(i)}},n.prototype.correctItemsPosition=function(e,n,t){n&&(this.isAnimationAllowed=!0),!n&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var r=this.state.totalItems<this.state.slidesToShow?0:-e*this.state.currentSlide;t&&this.setTransformDirectly(r,!0),this.setState({transform:r})},n.prototype.onResize=function(e){var n;n=!(!this.props.infinite||"boolean"==typeof e&&e),this.setItemsToShow(n)},n.prototype.componentDidUpdate=function(e,t){var r=this,o=e.keyBoardControl,i=e.autoPlay,a=e.children,l=t.containerWidth,d=t.domLoaded,s=t.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==l&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout((function(){r.setItemsToShow(!0)}),this.props.transitionDuration||on)),o&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!o&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),i&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),i||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),a.length!==this.props.children.length?n.clonesTimeout=setTimeout((function(){r.props.infinite?r.setClones(r.state.slidesToShow,r.state.itemWidth,!0,!0):r.resetTotalItems()}),this.props.transitionDuration||on):this.props.infinite&&this.state.currentSlide!==s&&this.correctClonesPosition({domLoaded:d}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&Ze.isInRightEnd(this.state)){var c=this.props.transitionDuration||on;n.isInThrottleTimeout=setTimeout((function(){r.setIsInThrottle(!1),r.resetAutoplayInterval(),r.goToSlide(0,void 0,!!r.props.rewindWithAnimation)}),c+this.props.autoPlaySpeed)}},n.prototype.correctClonesPosition=function(e){var t=this,r=e.domLoaded,o=Ye.Children.toArray(this.props.children),i=Ze.checkClonesPosition(this.state,o,this.props),a=i.isReachingTheEnd,l=i.isReachingTheStart,d=i.nextSlide,s=i.nextPosition;this.state.domLoaded&&r&&(a||l)&&(this.isAnimationAllowed=!1,n.transformTimeout=setTimeout((function(){t.setState({transform:s,currentSlide:d})}),this.props.transitionDuration||on))},n.prototype.next=function(e){var t=this;void 0===e&&(e=0);var r=this.props,o=r.afterChange,i=r.beforeChange;if(!Ze.notEnoughChildren(this.state)){var a=Ze.populateNextSlides(this.state,this.props,e),l=a.nextSlides,d=a.nextPosition,s=this.state.currentSlide;void 0!==l&&void 0!==d&&("function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout=setTimeout((function(){o(s,t.getState())}),t.props.transitionDuration||on))})))}},n.prototype.previous=function(e){var t=this;void 0===e&&(e=0);var r=this.props,o=r.afterChange,i=r.beforeChange;if(!Ze.notEnoughChildren(this.state)){var a=Ze.populatePreviousSlides(this.state,this.props,e),l=a.nextSlides,d=a.nextPosition;if(void 0!==l&&void 0!==d){var s=this.state.currentSlide;"function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout2=setTimeout((function(){o(s,t.getState())}),t.props.transitionDuration||on))}))}}},n.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),n.clonesTimeout&&clearTimeout(n.clonesTimeout),n.isInThrottleTimeout&&clearTimeout(n.isInThrottleTimeout),n.transformTimeout&&clearTimeout(n.transformTimeout),n.afterChangeTimeout&&clearTimeout(n.afterChangeTimeout),n.afterChangeTimeout2&&clearTimeout(n.afterChangeTimeout2),n.afterChangeTimeout3&&clearTimeout(n.afterChangeTimeout3)},n.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},n.prototype.getCords=function(e){var n=e.clientX,t=e.clientY;return{clientX:rn.parsePosition(this.props,n),clientY:rn.parsePosition(this.props,t)}},n.prototype.handleDown=function(e){if(!(!qe.isMouseMoveEvent(e)&&!this.props.swipeable||qe.isMouseMoveEvent(e)&&!this.props.draggable||this.isInThrottle)){var n=this.getCords(qe.isMouseMoveEvent(e)?e:e.touches[0]),t=n.clientX,r=n.clientY;this.onMove=!0,this.initialX=t,this.initialY=r,this.lastX=t,this.isAnimationAllowed=!1}},n.prototype.handleMove=function(e){if(!(!qe.isMouseMoveEvent(e)&&!this.props.swipeable||qe.isMouseMoveEvent(e)&&!this.props.draggable||Ze.notEnoughChildren(this.state))){var n=this.getCords(qe.isMouseMoveEvent(e)?e:e.touches[0]),t=n.clientX,r=n.clientY,o=this.initialX-t,i=this.initialY-r;if(this.onMove){if(!(Math.abs(o)>Math.abs(i)))return;var a=Ze.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,t,this.transformPlaceHolder),l=a.direction,d=a.nextPosition,s=a.canContinue;l&&(this.direction=l,s&&void 0!==d&&this.setTransformDirectly(d)),this.lastX=t}}},n.prototype.handleOut=function(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var n="touchend"===e.type&&!this.props.swipeable,t=("mouseleave"===e.type||"mouseup"===e.type)&&!this.props.draggable;if(!n&&!t&&this.onMove){if(this.setAnimationDirectly(!0),"right"===this.direction)if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var r=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(r)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);"left"===this.direction&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(r=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(r)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},n.prototype.isInViewport=function(e){var n=e.getBoundingClientRect(),t=n.top,r=void 0===t?0:t,o=n.left,i=void 0===o?0:o,a=n.bottom,l=void 0===a?0:a,d=n.right,s=void 0===d?0:d;return 0<=r&&0<=i&&l<=(window.innerHeight||document.documentElement.clientHeight)&&s<=(window.innerWidth||document.documentElement.clientWidth)},n.prototype.isChildOfCarousel=function(e){return!!(e instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(e)},n.prototype.onKeyUp=function(e){var n=e.target;switch(e.keyCode){case 37:if(this.isChildOfCarousel(n))return this.previous();break;case 39:if(this.isChildOfCarousel(n))return this.next();break;case 9:if(this.isChildOfCarousel(n)&&n instanceof HTMLInputElement&&this.isInViewport(n))return this.next()}},n.prototype.handleEnter=function(e){qe.isMouseMoveEvent(e)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},n.prototype.goToSlide=function(e,t,r){var o=this;if(void 0===r&&(r=!0),!this.isInThrottle){var i=this.state.itemWidth,a=this.props,l=a.afterChange,d=a.beforeChange,s=this.state.currentSlide;"function"!=typeof d||t&&("object"!=typeof t||t.skipBeforeChange)||d(e,this.getState()),this.isAnimationAllowed=r,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:e,transform:-i*e},(function(){o.props.infinite&&o.correctClonesPosition({domLoaded:!0}),"function"!=typeof l||t&&("object"!=typeof t||t.skipAfterChange)||(n.afterChangeTimeout3=setTimeout((function(){l(s,o.getState())}),o.props.transitionDuration||on))}))}},n.prototype.getState=function(){return this.state},n.prototype.renderLeftArrow=function(e){var n=this,t=this.props,r=t.customLeftArrow,o=t.rtl;return Ye.createElement(nn.LeftArrow,{customLeftArrow:r,getState:function(){return n.getState()},previous:this.previous,disabled:e,rtl:o})},n.prototype.renderRightArrow=function(e){var n=this,t=this.props,r=t.customRightArrow,o=t.rtl;return Ye.createElement(nn.RightArrow,{customRightArrow:r,getState:function(){return n.getState()},next:this.next,disabled:e,rtl:o})},n.prototype.renderButtonGroups=function(){var e=this,n=this.props.customButtonGroup;return n?Ye.cloneElement(n,{previous:function(){return e.previous()},next:function(){return e.next()},goToSlide:function(n,t){return e.goToSlide(n,t)},carouselState:this.getState()}):null},n.prototype.renderDotsList=function(){var e=this;return Ye.createElement(en.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return e.getState()}})},n.prototype.renderCarouselItems=function(){var e=[];if(this.props.infinite){var n=Ye.Children.toArray(this.props.children);e=Ze.getClones(this.state.slidesToShow,n)}return Ye.createElement(tn.default,{clones:e,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:Ze.notEnoughChildren(this.state),props:this.props})},n.prototype.render=function(){var e=this.props,n=e.deviceType,t=e.arrows,r=e.renderArrowsWhenDisabled,o=e.removeArrowOnDeviceType,i=e.infinite,a=e.containerClass,l=e.sliderClass,d=e.customTransition,s=e.additionalTransfrom,c=e.renderDotsOutside,m=e.renderButtonGroupOutside,u=e.className,p=e.rtl;"production"!==process.env.NODE_ENV&&Ze.throwError(this.state,this.props);var g=Ze.getInitialState(this.state,this.props),h=g.shouldRenderOnSSR,b=g.shouldRenderAtAll,f=Ze.isInLeftEnd(this.state),x=Ze.isInRightEnd(this.state),v=t&&!(o&&(n&&-1<o.indexOf(n)||this.state.deviceType&&-1<o.indexOf(this.state.deviceType)))&&!Ze.notEnoughChildren(this.state)&&b,_=!i&&f,T=!i&&x,y=rn.getTransform(this.state,this.props);return Ye.createElement(Ye.Fragment,null,Ye.createElement("div",{className:"react-multi-carousel-list "+a+" "+u,dir:p?"rtl":"ltr",ref:this.containerRef},Ye.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+l,style:{transition:this.isAnimationAllowed?d||an:"none",overflow:h?"hidden":"unset",transform:"translate3d("+(y+s)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),v&&(!_||r)&&this.renderLeftArrow(_),v&&(!T||r)&&this.renderRightArrow(T),b&&!m&&this.renderButtonGroups(),b&&!c&&this.renderDotsList()),b&&c&&this.renderDotsList(),b&&m&&this.renderButtonGroups())},n.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},n}(Ye.Component);re.default=ln,Object.defineProperty(te,"__esModule",{value:!0});var dn=re;te.default=dn.default,ne.exports=te;var sn=Z(ee),cn={carouselContainer:"ImageWithTextWrapper-module_carouselContainer__ornBf",arrowButton:"ImageWithTextWrapper-module_arrowButton__UINad",leftArrow:"ImageWithTextWrapper-module_leftArrow__p4Lpk",rightArrow:"ImageWithTextWrapper-module_rightArrow__5kd-p",carousel_dot:"ImageWithTextWrapper-module_carousel_dot__0oj6A",carouselItem:"ImageWithTextWrapper-module_carouselItem__xJoh5",stageTeaserTabActive:"ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt"};i('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageWithTextWrapper-module_carouselContainer__ornBf {\n position: static;\n border-radius: 24px;\n}\n@media (min-width: 1440px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf {\n margin-bottom: 110px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n background: #ffffff;\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n border-radius: 24px;\n font-size: 16px;\n height: 44px;\n width: 44px;\n padding: 10px;\n position: absolute;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n color: #da291c;\n font-size: 20px;\n display: block;\n font-family: revicons;\n text-align: center;\n z-index: 1;\n position: relative;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: 20%;\n bottom: -90px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n margin-right: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: -32px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n content: "\\e825";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p:disabled {\n background: #e6e3df;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: 20%;\n bottom: -90px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n margin-left: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: -32px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before {\n content: "\\e824";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk:disabled {\n background: #e6e3df;\n}\n\n.ImageWithTextWrapper-module_carousel_dot__0oj6A {\n top: auto;\n margin: 0 auto;\n bottom: -100px;\n}\n\n.ImageWithTextWrapper-module_carouselItem__xJoh5 {\n position: relative;\n width: 100%;\n}\n@media (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselItem__xJoh5 :active {\n padding-right: 30px;\n }\n}\n\n.ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt {\n border-radius: 12px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n background-color: #FFFFFF;\n}');const mn=({content:n})=>{var t;const r=m();return e.createElement("div",{style:{position:"relative"}},e.createElement(sn,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},mobile:{breakpoint:{max:767,min:0},items:1,partialVisibilityGutter:30}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(t=null==n?void 0:n.productTeaserSlides)||void 0===t?void 0:t.length),customDot:"large-desktop"===r?e.createElement((t=>{var r,o,i;const{onClick:a,active:l,index:d}=t;return e.createElement("div",{className:l?cn.stageTeaserTabActive:cn.stageTeaserTab,onClick:()=>(()=>{var e,t;const r=null===(t=null===(e=n.bloks)||void 0===e?void 0:e[d])||void 0===t?void 0:t.analyticsTitle;a(),J($,"article_pagination_icon_click",{banner_promotion_name:r,component:X})})()},e.createElement("img",{src:null===(i=null===(o=null===(r=null==n?void 0:n.bloks)||void 0===r?void 0:r[d])||void 0===o?void 0:o.thumbImage)||void 0===i?void 0:i.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:cn.carousel_dot,itemClass:cn.carouselItem,ssr:!0,arrows:!1,containerClass:cn.carouselContainer,sliderClass:cn.sliderClass,customButtonGroup:e.createElement((t=>{var o,i,a,l;const d=null===(o=null==t?void 0:t.carouselState)||void 0===o?void 0:o.currentSlide;return e.createElement(e.Fragment,null,(null===(i=null==n?void 0:n.bloks)||void 0===i?void 0:i.length)>1&&"large-desktop"===r&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(a=null==t?void 0:t.carouselState)||void 0===a?void 0:a.currentSlide),className:cn.leftArrow,onClick:()=>(()=>{var e,r;const o=d<=0?0:d-1,i=null===(r=null===(e=n.bloks)||void 0===e?void 0:e[o])||void 0===r?void 0:r.analyticsTitle;t.previous(),J($,"article_pagination_left_click",{banner_promotion_name:i,component:X})})()}),e.createElement("button",{disabled:(null===(l=null==t?void 0:t.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==t?void 0:t.carouselState.totalItems),className:cn.rightArrow,onClick:()=>{(()=>{var e,r,o;const i=null===(e=null==t?void 0:t.carouselState)||void 0===e?void 0:e.totalItems,a=d>=i?i:d+1,l=null===(o=null===(r=n.bloks)||void 0===r?void 0:r[a])||void 0===o?void 0:o.analyticsTitle;t.next(),J($,"article_pagination_right_click",{banner_promotion_name:l,component:X})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==r},n.bloks.map(((n,t)=>e.createElement(K,{content:n,key:t,index:t})))))};export{H as ButtonGroup,O as ImageComponent,K as ImageWithText,mn as ImageWithTextWrapper,S as RibbonComponent,z as StageTeaserComponent,U as TextComponent};
|
|
1
|
+
import e,{useState as n,useEffect as t}from"react";import{getCookie as r}from"cookies-next";import{render as o}from"storyblok-rich-text-react-renderer-ts";function i(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}i(".ribbonComponent_Wrapper{\r\n width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n display: flex;\r\n align-items: center;\r\n padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n margin-top: 5px;\r\n margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n height: 24px;\r\n width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n margin: 8px 0;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n width: 1px;\r\n height: 32px;\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n border-radius: 1px;\r\n opacity: 0.2;\r\n flex-shrink: 0;\r\n background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n border-radius: 28px;\r\n cursor: pointer;\r\n display: inline-block;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n padding: 10px 24px;\r\n text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n background-size: contain;\r\n display: inline-flex;\r\n height: 19px;\r\n margin: 0 8px 0 10px;\r\n width: 19px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n .falcon-primary-button-v1-JC:visited {\r\n background-color: #e97f77;\r\n }\r\n .ribbonComponent_Card {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-left: 16px;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n margin-right: 0;\r\n position: absolute;\r\n right: 16px;\r\n margin-top: 16px;\r\n }\r\n .ribbonComponent_ButtonSection {\r\n display: flex;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n padding-bottom: 16px;\r\n padding-top: 8px;\r\n margin-left: 32px;\r\n }\r\n .ribbonComponent_descriptionBlockSection {\r\n padding-top:16px;\r\n padding-right: 78px;\r\n margin-left: 16px;\r\n }\r\n .ribbonComponent_Timer{\r\n margin-left: 8px;\r\n padding-bottom: 8px;\r\n }\r\n .ribbonComponent_Button{\r\n margin-left: 8px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n display: none;\r\n }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n .ribbonComponent_HrBreaker {\r\n display: none;\r\n }\r\n .ribbonComponent_Button {\r\n padding-bottom: 16px;\r\n }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n .ribbonComponent_Card{\r\n justify-content: space-between;\r\n }\r\n .ribbonComponent_ButtonSection {\r\n display: flex;\r\n flex-direction: column;\r\n padding-right: 90px;\r\n padding-left:70px;\r\n margin: 6px 0 0 0;\r\n align-items: flex-end;\r\n }\r\n .ribbonComponent_Button{\r\n margin: 8px 0;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n display: none;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n margin-right: 0;\r\n position: absolute;\r\n right: 40px;\r\n padding-left: 16px;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin-left:40px;\r\n }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n .ribbonComponent_Card{\r\n justify-content: space-between;\r\n margin-left:0;\r\n }\r\n .ribbonComponent_Button{\r\n margin: 0 16px;\r\n text-wrap:nowrap;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin:0 42px;\r\n }\r\n .ribbonComponent_ButtonSection{\r\n padding-left: 60px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n margin-right: 42px;\r\n }\r\n .ribbonComponent_CloseIcon1{\r\n display: none;\r\n }\r\n}\r\n@media (min-width: 1440px){\r\n .ribbonComponent_Card{\r\n max-width: 1440px;\r\n margin: auto;\r\n }\r\n .ribbonComponent_descriptionBlockSection{\r\n margin:0 72px;\r\n }\r\n .ribbonComponent_CloseIcon{\r\n margin-right: 72px;\r\n }\r\n .ribbonComponent_ButtonSection{\r\n padding-left: 80px;\r\n }\r\n .ribbonComponent_OnlyTimer{\r\n width:60px;\r\n } \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n background-color: #da291c;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n background-color: #e6e3df;\r\n color: #b3aeaa;\r\n cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n background-color: #ffffff;\r\n color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n background-color: #e97f77;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n background-color: #961c13;\r\n color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n background-color: #e6e3df;\r\n color: #b3aeaa;\r\n cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n background-color: transparent;\r\n border: 2px solid #da291c;\r\n color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n background-color: transparent;\r\n border: 2px solid #da291c;\r\n color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding-left: 0;\r\n padding-right: 0;\r\n color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding: 0;\r\n color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n border-color: #c7355f;\r\n color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n border-color: #961c13;\r\n color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n border-color: #e6e3df;\r\n color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n background-color: transparent;\r\n padding: 0;\r\n color: #3d3935;\r\n font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n background-color: transparent;\r\n color: #3d3935;\r\n border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n background: #5f5955;\r\n padding: 10px 24px;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n background: #86807c;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n background: #86807c;\r\n box-sizing: border-box;\r\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n padding: 8px 22px;\r\n border: 2px solid #5f5955;\r\n}\r\n");i("/* Mobile only viewport */\r\n@media all and (max-width: 768px) {\r\n .timer-wrap {\r\n text-align: center !important;\r\n margin-left: -4px !important;\r\n margin-right: 0 !important;\r\n }\r\n .timer-container {\r\n min-width: fit-content;\r\n }\r\n .timer-message {\r\n margin-bottom: 10px;\r\n }\r\n .timer-section {\r\n justify-content: center;\r\n margin-top: 4px;\r\n margin-left: unset !important;\r\n margin-right: unset !important;\r\n }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n .timer-message {\r\n margin-top: unset;\r\n }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n .timer-section {\r\n margin-top: unset;\r\n }\r\n}\r\n\r\n.timer-container {\r\n color: black;\r\n display: inline-block;\r\n max-width: 100%;\r\n min-width: fit-content;\r\n /* padding-top: 10px; */\r\n}\r\n.colon {\r\n font-weight: 700;\r\n font-size: 28px;\r\n line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n display: flex;\r\n /* margin-top: 12px; */\r\n padding: 8px 0;\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n}\r\n.timer-element {\r\n display: inline-block;\r\n min-width: 42px;\r\n padding: 0 6px;\r\n text-align: center;\r\n}\r\n.timer-value {\r\n font-weight: 700;\r\n font-size: 32px;\r\n line-height: 36px;\r\n}\r\n.timer-label {\r\n font-weight: 400;\r\n font-size: 12px;\r\n line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n padding-left: 0;\r\n}\r\n");var a="FalconButtonStageTeaserV2-module_button__kDRB6",l="FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.FalconButtonStageTeaserV2-module_button__kDRB6 {\n background: #da291c;\n border: none;\n border-radius: 28px;\n color: #ffffff;\n font-weight: 700;\n overflow: visible;\n padding: 14px 24px;\n text-align: center;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:focus {\n box-shadow: none;\n color: #ffffff !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:hover {\n color: #ffffff !important;\n background-color: #961c13;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:active {\n color: #ffffff !important;\n background-color: #c7355f;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6:disabled {\n background-color: #e6e3df;\n color: #b3aeaa;\n cursor: default;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6 .FalconButtonStageTeaserV2-module_icon__CfvbX {\n pointer-events: none;\n mask-size: cover;\n height: 24px;\n width: 24px;\n display: inline-block;\n background-color: currentColor;\n vertical-align: middle;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4 {\n border: none;\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4 .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:hover {\n color: #961c13 !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:active {\n color: #c7355f !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:focus {\n color: #da291c !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V4__nQGe4:disabled {\n color: #b3aeaa;\n cursor: default;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa {\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n border: 2px solid currentColor;\n padding: 12px 24px;\n text-decoration: none;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:hover {\n color: #961c13 !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:active {\n color: #c7355f !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:focus {\n color: #da291c !important;\n}\n.FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:disabled {\n color: #b3aeaa;\n cursor: default;\n}\n\n@media (max-width: 767px) {\n .FalconButtonStageTeaserV2-module_button__kDRB6 {\n padding: 10px 24px;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa {\n background-color: transparent;\n color: #da291c;\n border: 2px solid currentColor;\n text-decoration: none;\n text-align: center;\n border: 2px solid currentColor;\n padding: 8px 24px;\n text-decoration: none;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa .FalconButtonStageTeaserV2-module_icon__CfvbX {\n background-color: currentColor;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:hover {\n color: #961c13 !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:active {\n color: #c7355f !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:focus {\n color: #da291c !important;\n }\n .FalconButtonStageTeaserV2-module_button__kDRB6.FalconButtonStageTeaserV2-module_Secondary-V1__4PNAa:disabled {\n color: #b3aeaa;\n cursor: default;\n }\n}");const d=e=>{switch(e){case"Primary-V1":return`${a}`;case"Secondary-V1":return`${a} ${l}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},s=e=>{let n=new Date(e);return n=((e,n,t,r,o,i,a)=>{const l=new Date(Date.UTC(n,t,r,o,i,a)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:e})),u=d.getTime()-s.getTime();return l.setTime(l.getTime()+u),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},u=()=>{const[e,r]=n(0);return t((()=>{const e=()=>{r(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e>=1440?"large-desktop":e<1440&&e>=1024?"desktop":e<1024&&e>=768?"tablet":e<768&&e>0?"mobile":""},c="center",m="left",p="right",g="transparent",h="00",v="after",b="h1",f="h2",_="h3",x="none",T="stack",y="col-lg-4",w="icon",C="PreToPost";var B="RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA",I="RibbonTimerV2-module_stage-teaser-ribbon-timer-element__35yCh",k="RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT",S="RibbonTimerV2-module_stage-teaser-ribbon-timer-label__tYyQr",P="RibbonTimerV2-module_stage-teaser-ribbon-timer-colon__g27mV";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n display: flex;\n}\n@media (max-width: 767px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n padding: 12px 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-section__GB8GA {\n padding: 8px 24px;\n }\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-element__35yCh {\n display: inline-block;\n text-align: center;\n padding: 0 6px;\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 24px;\n font-weight: 700;\n line-height: 32px;\n}\n@media (max-width: 767px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 24px;\n line-height: 32px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .RibbonTimerV2-module_stage-teaser-ribbon-timer-value__0U5CT {\n font-size: 28px;\n line-height: 36px;\n }\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-label__tYyQr {\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n}\n\n.RibbonTimerV2-module_stage-teaser-ribbon-timer-colon__g27mV {\n font-weight: 700;\n font-size: 24px;\n line-height: 32px;\n}");const E=({content:n})=>{var t;const r=u();return e.createElement("div",{style:{justifyContent:n.timerAlignment===c?"center":n.timerAlignment===m?"left":"right"}},e.createElement("div",{className:`${B}`,style:{color:n.timerColor,backgroundColor:n.backgroundColor,marginLeft:n.backgroundColor===g&&n.timerAlignment===m?"-9px":"unset",marginRight:n.backgroundColor===g&&n.timerAlignment===p?"-24px":"unset"}},e.createElement("div",{className:`${I}`},e.createElement("div",{className:`${k}`}," ",h," "),e.createElement("div",{className:`${S}`},n.dayLabel)),e.createElement("div",{className:`${P}`},":"),e.createElement("div",{className:`${I}`},e.createElement("div",{className:`${k}`}," ",h," "),e.createElement("div",{className:`${S}`},n.hourLabel)),e.createElement("div",{className:`${P}`},":"),e.createElement("div",{className:`${I}`},e.createElement("div",{className:`${k}`}," ",h," "),e.createElement("div",{className:`${S}`},n.minuteLabel)),e.createElement("div",{className:`${P}`},":"),e.createElement("div",{className:`${I}`},e.createElement("div",{className:`${k}`}," ",h),e.createElement("div",{className:`${S}`},n.secondLabel))),e.createElement("div",{style:{color:null===(t=null==n?void 0:n.expiryLabelColor)||void 0===t?void 0:t.color,justifyContent:(null==n?void 0:n.timerAlignment)===c?"center":(null==n?void 0:n.timerAlignment)===m?"left":"right"},className:`${"mobile"!==r&&"d-flex"}`},n.expiryLabel))},A=({content:r})=>{var o,i,a,l,d,u,p,g;const h=s(new Date(null===(o=null==r?void 0:r.endTime)||void 0===o?void 0:o.replace(/-/g,"/"))),v=s(new Date(null===(i=null==r?void 0:r.startTime)||void 0===i?void 0:i.replace(/-/g,"/"))),b=(null==r?void 0:r.colorChangeTime)&&s(new Date(null===(a=null==r?void 0:r.colorChangeTime)||void 0===a?void 0:a.replace(/-/g,"/"))),[f,_]=n(!1),[x,T]=n(null!==(l=null==r?void 0:r.timerColor)&&void 0!==l?l:""),[y,w]=n(!1),C=()=>{const e=new Date;b&&!y&&e.getTime()>b.getTime()&&(T("#da291c"),w(!0)),e.getTime()>=v.getTime()&&!f&&_(!0);const n=h.getTime()-e.getTime();if(n>0&&f){return{days:("0"+Math.floor(n/864e5)).slice(-2),hours:("0"+Math.floor(n/36e5%24)).slice(-2),mins:("0"+Math.floor(n/1e3/60%60)).slice(-2),sec:("0"+Math.floor(n/1e3%60)).slice(-2)}}return null},B={timerColor:x,backgroundColor:null==r?void 0:r.backgroundColor,expiryLabel:r.expiryLabel,timerAlignment:r.timerAlignment,dayLabel:r.dayLabel,hourLabel:r.hourLabel,minuteLabel:r.minuteLabel,secondLabel:r.secondLabel,expiryLabelColor:r.expiryLabelColor},[A,W]=n(C());t((()=>{W(C());const e=setInterval((()=>{W(C())}),1e3);return()=>{clearInterval(e)}}),[]);const R=[{label:null!==(d=null==r?void 0:r.hourLabel)&&void 0!==d?d:"",value:null==A?void 0:A.hours},{label:null!==(u=null==r?void 0:r.minuteLabel)&&void 0!==u?u:"",value:null==A?void 0:A.mins},{label:null!==(p=null==r?void 0:r.secondLabel)&&void 0!==p?p:"",value:null==A?void 0:A.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:r.timerAlignment===c?"center":r.timerAlignment===m?"left":"right"}},f&&e.createElement("div",{className:"timer-container"},A?e.createElement("div",{className:"timer-section",style:{color:(null==r?void 0:r.isDarkMode)?"#ffffff":x,backgroundColor:null!==(g=null==r?void 0:r.backgroundColor)&&void 0!==g?g:"transparent"}},e.createElement("div",{className:` ${I} transparent-element`},e.createElement("div",{className:`${k}`}," ",null==A?void 0:A.days),e.createElement("div",{className:`${S}`},r.dayLabel)),R.map(((n,t)=>e.createElement(e.Fragment,{key:t},e.createElement("div",{className:`${P}`},":"),e.createElement("div",{className:`${I}`},e.createElement("div",{className:`${k}`}," ",n.value),e.createElement("div",{className:`${S}`},n.label)))))):e.createElement(E,{content:B})))},W="gaEvent",R="Text_Image_Component",N="cta_button_click",L="cta_text_click",F=(e,n,t)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},t))},M=n=>e.createElement("div",null,o(n.content,{markResolvers:{link:(t,r)=>{const{href:o,target:i,linktype:a}=r;return"email"===a?e.createElement("a",{href:`mailto:${o}`,target:null===i||"_self"===i?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:o,target:null===i||"_self"===i?"_top":"_blank"},t):e.createElement("a",{href:o,target:null===i?"":i,onClick:()=>(e=>{["help","hilfe","aide","aiuto"].some((n=>e.includes(n)))&&F(W,"contact_helpcenter_click",{component:"Text_link"})})(o)},t)}}})),D=({content:o})=>{var i,a,l,u,c,m,p,g,h,v,b,f,_,x,T,y,w,C,B,I,k,S,P,E,W,R;const[N,L]=n(!1),F=r("sunriseAuth"),[D,z]=n(!1),V=new Date,[O,G]=n(null==o?void 0:o.teaserTimer[0]),$=s(new Date(null===(a=null===(i=null==o?void 0:o.teaserTimer[0])||void 0===i?void 0:i.endTime)||void 0===a?void 0:a.replace(/-/g,"/"))),j=s(new Date(null===(u=null===(l=null==o?void 0:o.teaserTimer[0])||void 0===l?void 0:l.startTime)||void 0===u?void 0:u.replace(/-/g,"/"))),Q=((null==o?void 0:o.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",H=((null==o?void 0:o.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[U,J]=n(!1),X=()=>{const e=$.getTime()-V.getTime();if(e>0&&U){return{days:("0"+Math.floor(e/864e5)).slice(-2),hours:("0"+Math.floor(e/36e5%24)).slice(-2),mins:("0"+Math.floor(e/1e3/60%60)).slice(-2),sec:("0"+Math.floor(e/1e3%60)).slice(-2)}}return null},[K,Y]=n(X()),Z=()=>{!1===N&&L(!0)};return t((()=>{var e;if(null===(e=null==o?void 0:o.teaserTimer[0])||void 0===e?void 0:e.startTime){const e=null==o?void 0:o.teaserTimer[0];e.isDarkMode=null==o?void 0:o.enableDarkMode,G(e)}!F&&"nauth"===(null==o?void 0:o.targetCustomer)||"both"===(null==o?void 0:o.targetCustomer)||F&&"auth"===(null==o?void 0:o.targetCustomer)?z(!0):z(!1)}),[]),t((()=>{Y(X()),V.getTime()>=j.getTime()&&!U&&J(!0);const e=setInterval((()=>{Y(X())}),1e3);return()=>{clearInterval(e)}}),[U]),e.createElement(e.Fragment,null,!1===N&&(void 0===(null===(c=null==o?void 0:o.teaserTimer[0])||void 0===c?void 0:c.startTime)&&null===K||void 0!==(null===(m=null==o?void 0:o.teaserTimer[0])||void 0===m?void 0:m.startTime)&&null!==K)&&D&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==o?void 0:o.backgroundColor}},e.createElement("div",{className:Q},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(p=null==o?void 0:o.icon)||void 0===p?void 0:p.filename)&&e.createElement("div",{className:"ribbonComponent_Image"},e.createElement("img",{className:"ribbonComponent_Icon",src:(null==o?void 0:o.enableDarkMode)?null===(g=null==o?void 0:o.darkModeIcon)||void 0===g?void 0:g.filename:null===(h=null==o?void 0:o.icon)||void 0===h?void 0:h.filename})),(null==o?void 0:o.description)&&e.createElement("div",{className:H},e.createElement(M,{content:null==o?void 0:o.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(v=null==o?void 0:o.teaserTimer[0])||void 0===v?void 0:v.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(A,{content:O})),(null==o?void 0:o.buttonText)||(null==o?void 0:o.hotlineNumber)?e.createElement("div",{className:"ribbonComponent_HrBreaker"}):e.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==o?void 0:o.buttonText)&&(null===(b=null==o?void 0:o.link)||void 0===b?void 0:b.url)||(null==o?void 0:o.hotlineNumber)&&(null===(f=null==o?void 0:o.buttonIcon)||void 0===f?void 0:f.filename))&&e.createElement("div",{className:"ribbonComponent_Button"},e.createElement("a",{href:(null==o?void 0:o.hotlineNumber)?`tel:${(null==o?void 0:o.hotlineNumber)||0}`:null===(_=null==o?void 0:o.link)||void 0===_?void 0:_.url,target:null!==(x=null==o?void 0:o.target)&&void 0!==x?x:"",rel:"_blank"===(null==o?void 0:o.target)?"opener":"noopener"},e.createElement("div",{className:d(null==o?void 0:o.buttonType)},(null==o?void 0:o.hotlineNumber)&&"left"===(null==o?void 0:o.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(T=null==o?void 0:o.buttonIcon)||void 0===T?void 0:T.filename}),(null==o?void 0:o.hotlineNumber)?null==o?void 0:o.hotlineNumber:null==o?void 0:o.buttonText,(null==o?void 0:o.hotlineNumber)&&"right"===(null==o?void 0:o.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(y=null==o?void 0:o.buttonIcon)||void 0===y?void 0:y.filename})))),(null===(w=null==o?void 0:o.closeIcon)||void 0===w?void 0:w.filename)&&(null==o?void 0:o.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>Z()},e.createElement("img",{src:(null==o?void 0:o.enableDarkMode)?null!==(B=null===(C=null==o?void 0:o.darkModeCloseIcon)||void 0===C?void 0:C.filename)&&void 0!==B?B:null===(I=null==o?void 0:o.closeIcon)||void 0===I?void 0:I.filename:null===(k=null==o?void 0:o.closeIcon)||void 0===k?void 0:k.filename}))),(null===(S=null==o?void 0:o.closeIcon)||void 0===S?void 0:S.filename)&&(null==o?void 0:o.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Z()},e.createElement("img",{src:(null==o?void 0:o.enableDarkMode)?null!==(E=null===(P=null==o?void 0:o.darkModeCloseIcon)||void 0===P?void 0:P.filename)&&void 0!==E?E:null===(W=null==o?void 0:o.closeIcon)||void 0===W?void 0:W.filename:null===(R=null==o?void 0:o.closeIcon)||void 0===R?void 0:R.filename}))))))};i("\r\n.stageTeaserMain {\r\n height: 100%;\r\n}\r\nvideo {\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n overflow: hidden;\r\n text-align: center;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.stageTeaserContainer {\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n border-radius: 8px;\r\n flex-direction: row;\r\n width: calc(100% - 10px);\r\n height: 100%;\r\n}\r\n.stageTeaserRightWrapper {\r\n position: relative;\r\n}\r\n.stageTeaserTopText {\r\n margin-bottom: 0px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n}\r\n@media all and (max-width: 1023px) {\r\n .stageTeaserTopText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n }\r\n}\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .stageTeaserTopText {\r\n font-size: 16px;\r\n line-height: 20px;\r\n }\r\n}\r\n.stageTeaserMainTexth1,\r\nh2,\r\nh3,\r\nh4 {\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n font-weight: 700;\r\n margin-bottom: 0px !important;\r\n}\r\n\r\n@media (min-width:1440px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 32px;\r\n line-height: 40px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n}\r\n\r\n@media (min-width:320px)and (max-width:1439px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n}\r\n.stageTeaserMainTextdisplay {\r\n font-size: 48px;\r\n line-height: 60px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n.stageTeaserBottomText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserSecondaryPromoText {\r\n overflow-wrap: anywhere;\r\n font-size: 14px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserSecondaryPromoPercent {\r\n font-size: 34px;\r\n line-height: 38px;\r\n font-weight: 700;\r\n}\r\n\r\n.stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserLeftWrapperBackground {\r\n background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-list {\r\n position: initial;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n background: #ffffff;\r\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n border-radius: 24px;\r\n font-size: 16px;\r\n height: 44px;\r\n width: 44px;\r\n padding: 10px;\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n color: #da291c;\r\n font-size: 16px;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n color: #b3aeaa;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 3%;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 3%;\r\n}\r\n/* dots */\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n background: #ffffff;\r\n opacity: 0.3;\r\n border: 0px;\r\n transition: none;\r\n}\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n background: #da291c;\r\n opacity: 1;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n background: #da291c;\r\n}\r\n@media all and (max-width: 1439px) {\r\n .stageTeaserMainTextdisplay {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n margin-bottom: 0px;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .stageTeaserContainer {\r\n flex-direction: column;\r\n }\r\n .stageTeaserPromoPercent {\r\n font-weight: 700;\r\n }\r\n .stageTeaserPromoText {\r\n font-size: 14px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 376px) and (max-width: 768px) {\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 4%;\r\n }\r\n\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4%;\r\n }\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 5%;\r\n }\r\n\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 5%;\r\n }\r\n}\r\n.teaserTimer {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width : 768px) {\r\n video {\r\n border-top-right-radius: 0px;\r\n border-bottom-right-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n }\r\n\r\n .stageTeaserRightWrapper {\r\n height: 400px;\r\n }\r\n\r\n .stageTeaserLeftWrapper {\r\n padding: 24px;\r\n text-align: center;\r\n }\r\n\r\n .stageTeaserSecondaryPromoPercent {\r\n font-size:28px;\r\n }\r\n}\r\n\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n .stageTeaserRightWrapper {\r\n width: 100%;\r\n }\r\n\r\n .promoImage{\r\n padding-right: 51px;\r\n padding-top: 114px;\r\n }\r\n .stageTeaserLeftWrapper {\r\n padding: 55px;\r\n }\r\n}\r\n@media (width : 1024px) {\r\n .stageTeaserRightWrapper {\r\n width: 50%;\r\n }\r\n}\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n .stageTeaserLeftWrapper {\r\n padding: 120px 80px 120px 68px;\r\n }\r\n}\r\n\r\n\r\n#inboxCount{\r\n position: absolute;\r\n top: 0;\r\n right:0;\r\n}");i(".stageTeaserPromoBubble {\r\n display: flex;\r\n text-align: center;\r\n padding: 0px 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 4px;\r\n flex-shrink: 0;\r\n border-radius: 50%;\r\n position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n width: 160px;\r\n height: 160px;\r\n background: var(--primary-colour-ice-white, #ffffff);\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n background: var(--primary-colour-ice-white, #ffffff);\r\n z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n top: 171px;\r\n color: #ffffff;\r\n background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 52px;\r\n line-height: 52px;\r\n font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n /* primary bubble size*/\r\n .stageTeaserPrimaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n }\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n font-size: 10px;\r\n line-height: 14px;\r\n }\r\n /* primary with secondary size*/\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n\r\n /* secondary bubble size*/\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 84px;\r\n height: 84px;\r\n }\r\n\r\n .stageTeaserSecondaryPromoPercent {\r\n font-size: 21px;\r\n line-height: 24px;\r\n }\r\n\r\n .stageTeaserSecondaryPromoText {\r\n font-size: 12px;\r\n line-height: 12px;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n /* primary with secondary size*/\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 42px;\r\n }\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n .stageTeaserSecondaryPromoPercent{\r\n font-size: 26px;\r\n }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n .stageTeaserPromoPercent,\r\n .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n font-size: 42px;\r\n }\r\n .stageTeaserSecondaryPromoBubble {\r\n width: 96px;\r\n height: 96px;\r\n }\r\n .stageTeaserSecondaryPromoPercent{\r\n font-size: 26px;\r\n }\r\n}\r\n");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 86px;\r\n left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 40px;\r\n left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n bottom: 40px;\r\n top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 46px;\r\n left: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 6px;\r\n left: initial;\r\n bottom: 102px;\r\n }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 192px;\r\n left: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 128px;\r\n left: initial;\r\n bottom: 102px;\r\n }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 48px;\r\n left: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 22px;\r\n left: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n right: 48px;\r\n left: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n right: 22px;\r\n left: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 40px;\r\n }\r\n .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n bottom: 40px;\r\n }\r\n \r\n /* primary with secondary */\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 86px;\r\n right: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n bottom: 131px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 40px;\r\n right: initial;\r\n }\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n bottom: 40px;\r\n top: initial;\r\n }\r\n \r\n \r\n /*All small devices - phones*/\r\n @media screen and (max-width : 768px) {\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 58px;\r\n right: initial;\r\n bottom: 48px;\r\n top: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 8px;\r\n right: initial;\r\n bottom: 102px;\r\n }\r\n }\r\n \r\n /*Tablet - md*/\r\n @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 48px;\r\n right: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 22px;\r\n right: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n }\r\n \r\n /*Tablet - lg*/\r\n @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n left: 48px;\r\n right: initial;\r\n bottom: 128px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n left: 22px;\r\n right: initial;\r\n bottom: 60px;\r\n top: initial;\r\n }\r\n }\r\n \r\n /*Desktop, Laptop & Large Desktops*/\r\n @media only screen and (min-width : 1025px) {\r\n }\r\n \r\n /*Extra Large Screens*/\r\n @media only screen and (min-width : 2000px) {\r\n }");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 38px;\r\n right: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 2px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 112px;\r\n right: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 61px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 132px;\r\n right: initial;\r\n top: 84px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 61px;\r\n right: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 0px;\r\n right: initial;\r\n top: 18px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -33px;\r\n right: initial;\r\n top: 111px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 22px;\r\n right: initial;\r\n top: 22px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -22px;\r\n right: initial;\r\n top: 108px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 72px;\r\n right: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: 20px;\r\n right: initial;\r\n top: 126px;\r\n bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n left: 0px;\r\n right: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n left: -62px;\r\n right: initial;\r\n top: 41px;\r\n bottom: initial;\r\n}\r\n\r\n\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 38px;\r\n left: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 2px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 112px;\r\n left: initial;\r\n top: 68px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 61px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 132px;\r\n left: initial;\r\n top: 84px;\r\n bottom: initial;\r\n }\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 61px;\r\n left: initial;\r\n top: -12px;\r\n }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 72px;\r\n left: initial;\r\n top: 18px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 24px;\r\n left: initial;\r\n top: 111px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 78px;\r\n left: initial;\r\n top: 22px;\r\n }\r\n /* secondary bubble */\r\n .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 26px;\r\n left: initial;\r\n top: 108px;\r\n bottom: initial;\r\n }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 72px;\r\n left: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 20px;\r\n left: initial;\r\n top: 126px;\r\n bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n right: 0px;\r\n left: initial;\r\n top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n right: 44px;\r\n left: initial;\r\n top: 322px;\r\n bottom: initial;\r\n}\r\n\r\n\r\n}");i(".falcon-grey-600 {\r\n color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n border-radius: 8px;\r\n background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n border-radius: 8px;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n background: rgba(0, 0, 0, 1);\r\n}\r\n");const z=e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"black":return"black-gradient";case"skyfuel-vertical":return"falcon-gradient-skyfuel-vertical";case"black-friday":return"falcon-gradient-black-friday";default:return""}},V=e=>{switch(e){case"grey-600":return"falcon-grey-600";case"grey-500":return"falcon-grey-500";case"grey-100":return"falcon-grey-100";case"grey-400":return"falcon-grey-400";case"ice-white":return"falcon-ice-white";default:return""}};var O="DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm",G="DoubleGridRedefined-module_double-grid-btns__0Sbnd";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.DoubleGridRedefined-module_double-grid-teaser-section__00-ih {\n padding: 140px 80px 140px 68px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-top-text__Ifb0r {\n font-size: 18px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.DoubleGridRedefined-module_double-grid-main-text__CUOi1, .DoubleGridRedefined-module_double-grid-teaser-main-text-h4__UbSpA, .DoubleGridRedefined-module_double-grid-teaser-main-text-h3__yyb57, .DoubleGridRedefined-module_double-grid-teaser-main-text-h2__T2tmJ, .DoubleGridRedefined-module_double-grid-teaser-main-text-h1__PHZjG {\n padding-top: 4px;\n padding-bottom: 8px;\n font-weight: 700;\n margin-bottom: 0px !important;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h1__PHZjG {\n font-size: 32px;\n line-height: 40px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h2__T2tmJ {\n font-size: 28px;\n line-height: 36px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h3__yyb57 {\n font-size: 24px;\n line-height: 32px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-h4__UbSpA {\n font-size: 20px;\n line-height: 28px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-main-text-display__XrrBz {\n font-size: 48px;\n line-height: 60px;\n font-weight: 500;\n text-transform: uppercase;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-bottom-text__Z-fhk {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm {\n display: inline-flex;\n}\n@media (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-teaser-btn-section__Q1jBm {\n display: inline-flex;\n flex-direction: column;\n padding-bottom: 8px;\n }\n}\n\n.DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-right: 16px;\n}\n@media (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-bottom: 8px;\n padding-right: 0px;\n }\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .DoubleGridRedefined-module_double-grid-btns__0Sbnd {\n padding-bottom: 16px;\n padding-right: 0px;\n }\n}\n.DoubleGridRedefined-module_double-grid-btns__0Sbnd a {\n text-decoration: none;\n}");const $=({content:r})=>{var o,i,a,l,s,u,c,m,p,g,h,v,x,T,y,w,C,B,I,k,S,P,E,W,R,N,L,F,M,D,V,$,j,Q,H,U,J,X,K,Y,Z,q,ee,ne,te,re,oe,ie,ae,le,de,se,ue,ce,me,pe,ge,he,ve,be;const fe="none"!==(null==r?void 0:r.gradientBgColor)?z(null==r?void 0:r.gradientBgColor):(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==r?void 0:r.GenericBgColor),_e="none"===(null==r?void 0:r.gradientBgColor)&&"none"===(null==r?void 0:r.GenericBgColor)?null===(o=null==r?void 0:r.solidBgColor)||void 0===o?void 0:o.color:"",xe=(null==r?void 0:r.EnableTextBgColor)?null===(i=null==r?void 0:r.textbgcolor)||void 0===i?void 0:i.color:"",Te=()=>{switch(null==r?void 0:r.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},ye=null===(s=null===(l=null===(a=null==r?void 0:r.primaryPromoBubble)||void 0===a?void 0:a[0])||void 0===l?void 0:l.bgcolor)||void 0===s?void 0:s.color,we=null===(m=null===(c=null===(u=null==r?void 0:r.primaryPromoBubble)||void 0===u?void 0:u[0])||void 0===c?void 0:c.textcolor)||void 0===m?void 0:m.color,Ce=null===(h=null===(g=null===(p=null==r?void 0:r.SecondaryPromoBubble)||void 0===p?void 0:p[0])||void 0===g?void 0:g.bgcolor)||void 0===h?void 0:h.color,Be=null===(T=null===(x=null===(v=null==r?void 0:r.SecondaryPromoBubble)||void 0===v?void 0:v[0])||void 0===x?void 0:x.textcolor)||void 0===T?void 0:T.color,Ie=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[ke,Se]=n(!1),[Pe,Ee]=n(""),[Ae,We]=n(""),Re=()=>{var e,n,t,o,i,a,l,d,s;const u=window.innerWidth;u<=767?(Se(null==r?void 0:r.mobileImageFirst),Ie(null===(e=null==r?void 0:r.MobilePromoImage)||void 0===e?void 0:e.filename)?Ee(null===(n=null==r?void 0:r.MobilePromoImage)||void 0===n?void 0:n.filename):We(null===(t=null==r?void 0:r.MobilePromoImage)||void 0===t?void 0:t.filename)):u>=768&&u<=1024?(Se(null==r?void 0:r.tabletImageFirst),Ie(null===(o=null==r?void 0:r.TabletPromoImage)||void 0===o?void 0:o.filename)?Ee(null===(i=null==r?void 0:r.TabletPromoImage)||void 0===i?void 0:i.filename):We(null===(a=null==r?void 0:r.TabletPromoImage)||void 0===a?void 0:a.filename)):u>=1025&&(Se(null==r?void 0:r.desktopImageFirst),Ie(null===(l=null==r?void 0:r.DesktopPromoImage)||void 0===l?void 0:l.filename)?Ee(null===(d=null==r?void 0:r.DesktopPromoImage)||void 0===d?void 0:d.filename):We(null===(s=null==r?void 0:r.DesktopPromoImage)||void 0===s?void 0:s.filename))};return t((()=>{Re(),window.addEventListener("resize",Re)}),[]),e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:_e?"stageTeaserContainer d-flex":fe+" stageTeaserContainer d-flex",style:{backgroundColor:_e}},e.createElement("div",{className:(ke?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:xe,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText"},null===(I=null===(B=null===(C=null===(w=null===(y=null==r?void 0:r.primaryheading)||void 0===y?void 0:y.content)||void 0===w?void 0:w[0])||void 0===C?void 0:C.content)||void 0===B?void 0:B[0])||void 0===I?void 0:I.text),e.createElement("div",null,(null==r?void 0:r.mainText)===b?e.createElement("h1",{className:"stageTeaserMainTexth1"},null===(W=null===(E=null===(P=null===(S=null===(k=null==r?void 0:r.mainheading)||void 0===k?void 0:k.content)||void 0===S?void 0:S[0])||void 0===P?void 0:P.content)||void 0===E?void 0:E[0])||void 0===W?void 0:W.text):(null==r?void 0:r.mainText)===f?e.createElement("h2",{className:"stageTeaserMainTexth2"},null===(M=null===(F=null===(L=null===(N=null===(R=null==r?void 0:r.mainheading)||void 0===R?void 0:R.content)||void 0===N?void 0:N[0])||void 0===L?void 0:L.content)||void 0===F?void 0:F[0])||void 0===M?void 0:M.text):(null==r?void 0:r.mainText)===_?e.createElement("h3",{className:"stageTeaserMainTexth3"},null===(Q=null===(j=null===($=null===(V=null===(D=null==r?void 0:r.mainheading)||void 0===D?void 0:D.content)||void 0===V?void 0:V[0])||void 0===$?void 0:$.content)||void 0===j?void 0:j[0])||void 0===Q?void 0:Q.text):"h4"===(null==r?void 0:r.mainText)?e.createElement("h4",{className:"stageTeaserMainTexth4"},null===(K=null===(X=null===(J=null===(U=null===(H=null==r?void 0:r.mainheading)||void 0===H?void 0:H.content)||void 0===U?void 0:U[0])||void 0===J?void 0:J.content)||void 0===X?void 0:X[0])||void 0===K?void 0:K.text):e.createElement("div",{className:"stageTeaserMainTextdisplay"},null===(ne=null===(ee=null===(q=null===(Z=null===(Y=null==r?void 0:r.mainheading)||void 0===Y?void 0:Y.content)||void 0===Z?void 0:Z[0])||void 0===q?void 0:q.content)||void 0===ee?void 0:ee[0])||void 0===ne?void 0:ne.text)),e.createElement("div",{className:"stageTeaserBottomText"},null===(ae=null===(ie=null===(oe=null===(re=null===(te=null==r?void 0:r.secondaryheading)||void 0===te?void 0:te.content)||void 0===re?void 0:re[0])||void 0===oe?void 0:oe.content)||void 0===ie?void 0:ie[0])||void 0===ae?void 0:ae.text),e.createElement("div",{className:"teaserTimer text-center"},e.createElement(A,{content:null==r?void 0:r.timer[0]})),e.createElement("div",{className:`${O}`},null===(le=null==r?void 0:r.teaserButtonConfig)||void 0===le?void 0:le.map((n=>{var t,o,i,a,l,s;return e.createElement("div",{className:`${G}`},e.createElement("a",{href:`${(null===(t=null==n?void 0:n.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:d(null==n?void 0:n.buttonType)},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"before"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"after"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename}))))})))),e.createElement("div",{className:(ke?"order-0":"order-1")+" stageTeaserRightWrapper col-md-6",style:{background:`url(${Pe}) center / contain no-repeat`}},""!==Ae&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:Ae})),(null===(de=null==r?void 0:r.primaryPromoBubble)||void 0===de?void 0:de.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${Te()}`,style:{backgroundColor:ye,color:we}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(ue=null===(se=null==r?void 0:r.primaryPromoBubble)||void 0===se?void 0:se[0])||void 0===ue?void 0:ue.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(me=null===(ce=null==r?void 0:r.primaryPromoBubble)||void 0===ce?void 0:ce[0])||void 0===me?void 0:me.secondarytext)),(null===(pe=null==r?void 0:r.SecondaryPromoBubble)||void 0===pe?void 0:pe.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${Te()}`,style:{backgroundColor:Ce,color:Be}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(he=null===(ge=null==r?void 0:r.SecondaryPromoBubble)||void 0===ge?void 0:ge[0])||void 0===he?void 0:he.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(be=null===(ve=null==r?void 0:r.SecondaryPromoBubble)||void 0===ve?void 0:ve[0])||void 0===be?void 0:be.secondarytext)))))};var j="SingleGridRedefined-module_single-grid__NikxO",Q="SingleGridRedefined-module_single-grid-background-img__HQngE",H="SingleGridRedefined-module_single-grid-text-container__b6Z7R",U="SingleGridRedefined-module_single-grid-overline__1eceF",J="SingleGridRedefined-module_single-grid-headline__BocYX",X="SingleGridRedefined-module_single-grid-text__R1k6c",K="SingleGridRedefined-module_single-grid-timer__n94Jv",Y="SingleGridRedefined-module_single-grid-btn-section__gdt-4",Z="SingleGridRedefined-module_single-grid-btn-right__zjTnA";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.SingleGridRedefined-module_single-grid__NikxO {\n margin-left: 16px;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n height: 680px;\n padding: 170px 108px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n padding: 32px 24px;\n height: 640px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-background-img__HQngE {\n height: 580px;\n padding: 90px 60px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-text-container__b6Z7R {\n display: flex;\n flex-direction: column;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-overline__1eceF {\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 24px;\n padding-bottom: 4px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-overline__1eceF {\n font-size: 14px;\n line-height: 20px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-headline__BocYX {\n font-size: 48px;\n font-style: normal;\n font-weight: 500;\n line-height: 60px;\n padding-bottom: 8px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-headline__BocYX {\n font-size: 24px;\n line-height: 32px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-text__R1k6c {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-timer__n94Jv {\n padding: 16px 0;\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-timer__n94Jv {\n display: flex;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 {\n padding-right: 16px;\n}\n@media (max-width: 767px) {\n .SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 {\n padding-bottom: 8px;\n }\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-section__gdt-4 a {\n text-decoration: none;\n}\n.SingleGridRedefined-module_single-grid__NikxO .SingleGridRedefined-module_single-grid-btn-right__zjTnA {\n padding-right: 0;\n padding-left: 16px;\n}");const q=({content:r})=>{var o,i,a,l,s,c,m,p,g,h,v,b,f,_,x,T,y,w,C,B,I,k,S,P,E;const W=null===(c=null===(s=null===(l=null===(a=null===(i=null===(o=null==r?void 0:r.content)||void 0===o?void 0:o.primaryheading)||void 0===i?void 0:i.content)||void 0===a?void 0:a[0])||void 0===l?void 0:l.content)||void 0===s?void 0:s[0])||void 0===c?void 0:c.text,R=null===(b=null===(v=null===(h=null===(g=null===(p=null===(m=null==r?void 0:r.content)||void 0===m?void 0:m.mainheading)||void 0===p?void 0:p.content)||void 0===g?void 0:g[0])||void 0===h?void 0:h.content)||void 0===v?void 0:v[0])||void 0===b?void 0:b.text,N=null===(w=null===(y=null===(T=null===(x=null===(_=null===(f=null==r?void 0:r.content)||void 0===f?void 0:f.secondaryheading)||void 0===_?void 0:_.content)||void 0===x?void 0:x[0])||void 0===T?void 0:T.content)||void 0===y?void 0:y[0])||void 0===w?void 0:w.text,L="left"===(null===(C=null==r?void 0:r.content)||void 0===C?void 0:C.textposition)?"flex-start":"right"===(null===(B=null==r?void 0:r.content)||void 0===B?void 0:B.textposition)?"flex-end":"center",F="left"===(null===(I=null==r?void 0:r.content)||void 0===I?void 0:I.textposition)?"left":"right"===(null===(k=null==r?void 0:r.content)||void 0===k?void 0:k.textposition)?"right":"center",[M,D]=n(""),[z,V]=n(""),O=u(),G=()=>{var e,n,t,o,i,a,l;const d=window.innerWidth;d<=767?(D(`url(${null===(n=null===(e=null==r?void 0:r.content)||void 0===e?void 0:e.mobileImage)||void 0===n?void 0:n.filename}) center center / cover no-repeat`),V(null===(t=null==r?void 0:r.content)||void 0===t?void 0:t.verticaltextpostion)):d>=768&&d<=1439?(D(`url(${null===(i=null===(o=null==r?void 0:r.content)||void 0===o?void 0:o.tabImage)||void 0===i?void 0:i.filename}) center center / cover no-repeat`),V("")):d>=1440&&(D(`url(${null===(l=null===(a=null==r?void 0:r.content)||void 0===a?void 0:a.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),V(""))};return t((()=>{G(),window.addEventListener("resize",G)}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:`${j}`},""!==M&&e.createElement("div",{className:`${Q}`,style:{background:M,justifyContent:"top"===z?"flex-start":"bottom"===z?"flex-end":F}},e.createElement("div",{className:`${H}`},e.createElement("div",null,e.createElement("div",{style:{color:"#ffffff",alignItems:""===z?L:"center",textAlign:""===z?F:"center"}},e.createElement("div",{className:`${U}`}," ",W," "),e.createElement("div",{className:`${J}`},R),e.createElement("div",{className:`${X}`}," ",N," ")))),e.createElement("div",{className:`${K}\n \n `,style:{justifyContent:"top"===z?"flex-start":"bottom"===z?"flex-end":L}},e.createElement(A,{content:null===(S=null==r?void 0:r.content)||void 0===S?void 0:S.timer[0]})),e.createElement("div",{className:""+("mobile"!==O?"d-flex":""),style:{justifyContent:""===z?L:"",alignItems:""!==z?"center":""}},null===(E=null===(P=null==r?void 0:r.content)||void 0===P?void 0:P.teaserButtonConfig)||void 0===E?void 0:E.map((n=>{var t,o,i,a,l,s;return e.createElement("div",{className:`${Y} ${"flex-end"===L&&"mobile"!==O&&Z}`},e.createElement("a",{href:`${(null===(t=null==n?void 0:n.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:`${d(null==n?void 0:n.buttonType)}`},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"before"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"after"===(null==n?void 0:n.iconPosition)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename}))))}))))))},ee=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(q,{content:{content:n}}):e.createElement($,{content:n}));var ne={"wrapper-img":"ImageComponent-module_wrapper-img__v4UKy","image-wrapper":"ImageComponent-module_image-wrapper__dvPl9","text-container-center":"ImageComponent-module_text-container-center__i6mB-","text-container":"ImageComponent-module_text-container__v5YHL","image-title":"ImageComponent-module_image-title__WLw4-","image-description":"ImageComponent-module_image-description__wTnjQ","text-right":"ImageComponent-module_text-right__SQQol","text-center":"ImageComponent-module_text-center__ks4IT","text-left":"ImageComponent-module_text-left__8cSZR"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageComponent-module_wrapper-img__v4UKy {\n width: 99%;\n height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n -webkit-border-radius: 24px;\n -moz-border-radius: 24px;\n border-radius: 24px;\n position: relative;\n height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container-center__i6mB- {\n position: absolute;\n bottom: 40px;\n left: 40px;\n color: white;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container__v5YHL {\n position: relative;\n bottom: 120px;\n left: 40px;\n color: white;\n}\n\n.ImageComponent-module_image-title__WLw4- {\n color: white !important;\n font-size: 18px;\n line-height: 24px;\n}\n\n.ImageComponent-module_image-description__wTnjQ {\n color: #ffffff !important;\n font-size: 18px;\n line-height: 24px;\n}\n@media (max-width: 1439px) {\n .ImageComponent-module_image-description__wTnjQ {\n font-size: 14px;\n line-height: 20px;\n }\n}\n\n@media (max-width: 1439px) {\n .ImageComponent-module_wrapper-img__v4UKy {\n width: 100%;\n height: 100%;\n }\n .ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n border-radius: 10px;\n margin-right: 4px;\n margin-left: 4px;\n padding-right: 26px;\n border-bottom-left-radius: 18px;\n border-bottom-right-radius: 18px;\n width: 100%;\n height: 100%;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 32.31%, rgba(0, 0, 0, 0) 50%);\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n }\n .ImageComponent-module_text-right__SQQol {\n position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\n }\n}");const te=({content:n,alignment:t})=>{var r;const o=u(),i=`url(${(null===(r=null==n?void 0:n.img)||void 0===r?void 0:r.filename)+"/m/"}) center center / cover no-repeat`,a="center"===t?"text-container-center":"text-container";return e.createElement("div",{className:ne["wrapper-img"]},""!==i&&e.createElement(e.Fragment,null,e.createElement("div",{className:ne["image-wrapper"],style:{background:i}}),e.createElement("div",{className:`${"large-desktop"!=o?ne[`text-${null==n?void 0:n.textAlignment}`]:ne[a]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:ne["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:ne["image-description"]},e.createElement(M,{content:null==n?void 0:n.description})))))};var re={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};i(".TextComponent-module_overline__BDtDE {\n color: #86807C;\n}\n\n.TextComponent-module_h3content__B0Ipy {\n color: #3D3935;\n}\n\n.TextComponent-module_desciption__uP3Ih {\n font-size: 20px;\n line-height: 26px;\n color: #3d3935;\n}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");i(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\r\n\r\n.primary {\r\n text-align: center;\r\n background: #da291c;\r\n color: white;\r\n border: none;\r\n border-radius: 28px;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n\r\n a {\r\n color: white;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.secondary {\r\n text-align: center;\r\n background: white;\r\n color: #da291c;\r\n border: 2px solid #da291c;\r\n border-radius: 28px;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n}\r\n\r\n.vertical-left {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.text{\r\n text-align: center;\r\n color: #da291c;\r\n font-weight: 700;\r\n overflow: visible;\r\n padding: 14px 24px;\r\n width: fit-content;\r\n a{\r\n color: #da291c;\r\n text-decoration: none; \r\n }\r\n}");const oe=({content:n,analyticsTitle:t})=>{var r;const o=u(),i=()=>{F(W,"article_select_promotion",{banner_promotion_name:t,component:R})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(r=null==n?void 0:n.buttons)||void 0===r?void 0:r.length)>0&&n.buttons.map(((n,t)=>{var r;return e.createElement("div",{className:null==n?void 0:n.type,key:t},e.createElement("a",{href:null===(r=null==n?void 0:n.link)||void 0===r?void 0:r.cached_url,onClick:i},null==n?void 0:n.text))}))))},ie=({content:n,analyticsTitle:t})=>{var r;const o=u();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=o?re[`textline-${null==n?void 0:n.alignment}`]:re["textline-container"]}`},(null==n?void 0:n.overline)&&e.createElement("div",{className:re.overline},null==n?void 0:n.overline),(null==n?void 0:n.headline)&&e.createElement("h3",{className:re.h3content},null==n?void 0:n.headline),(null==n?void 0:n.description)&&e.createElement("div",{className:re.description},e.createElement(M,{content:null==n?void 0:n.description})),(null===(r=null==n?void 0:n.btnGroup)||void 0===r?void 0:r.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(oe,{content:n,analyticsTitle:t}))))))};var ae={"main-container":"ImageWithText-module_main-container__fnrz1","img-text-container":"ImageWithText-module_img-text-container__M5Xx0","img-section":"ImageWithText-module_img-section__NsiT4","text-section":"ImageWithText-module_text-section__jTDBS","img-text-right":"ImageWithText-module_img-text-right__rKz7C","img-text-left":"ImageWithText-module_img-text-left__hmJKl","img-text-center":"ImageWithText-module_img-text-center__Js5hv"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n height: 260px;\n width: 100%;\n}\n@media (min-width: 768px) and (max-width: 1439px) {\n .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n height: 450px;\n }\n}\n@media (max-width: 1439px) {\n .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_text-section__jTDBS {\n width: 90%;\n position: relative;\n top: auto;\n background: rgba(255, 255, 255, 0.7490196078);\n margin: 0 auto;\n border-radius: 12px;\n padding: 16px !important;\n bottom: 30px;\n }\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C {\n flex-direction: row-reverse;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C .ImageWithText-module_text-section__jTDBS {\n padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl {\n flex-direction: row;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl .ImageWithText-module_text-section__jTDBS {\n padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv {\n position: relative;\n align-items: center;\n height: 450px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_text-section__jTDBS {\n background: rgba(255, 255, 255, 0.7490196078);\n position: absolute;\n left: 40%;\n max-height: 450px;\n padding: 40px !important;\n width: 48%;\n border-radius: 12px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_img-section__NsiT4 {\n width: 50%;\n height: 100%;\n border-radius: 24px;\n}");const le=({content:n,index:r})=>{var o,i,a,l;const d=u();return t((()=>{0!==r&&void 0!==r||F(W,"article_view_promotion",{banner_promotion_name:null==n?void 0:n.analyticsTitle,component:R})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:ae["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===d?ae[`img-text-${null==n?void 0:n.alignment}`]:ae["img-text-container"]}`},(null===(o=null==n?void 0:n.image)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${ae["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(te,{content:null===(i=null==n?void 0:n.image)||void 0===i?void 0:i[0],alignment:null==n?void 0:n.alignment})),(null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a.length)>0&&e.createElement("div",{className:`${ae["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(ie,{content:null===(l=null==n?void 0:n.textBlok)||void 0===l?void 0:l[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var de="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function se(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ue,ce={},me={get exports(){return ce},set exports(e){ce=e}},pe={},ge={},he={},ve={};ue=ve,Object.defineProperty(ue,"__esModule",{value:!0}),ue.getOriginalCounterPart=function(e,n,t){var r=n.slidesToShow,o=n.currentSlide;return t.length>2*r?e+2*r:o>=t.length?t.length+e:e},ue.getOriginalIndexLookupTableByClones=function(e,n){if(n.length>2*e){for(var t={},r=n.length-2*e,o=n.length-r,i=r,a=0;a<o;a++)t[a]=i,i++;var l=n.length+o,d=l+n.slice(0,2*e).length,s=0;for(a=l;a<=d;a++)t[a]=s,s++;var u=l,c=0;for(a=o;a<u;a++)t[a]=c,c++;return t}t={};var m=3*n.length,p=0;for(a=0;a<m;a++)t[a]=p,++p===n.length&&(p=0);return t},ue.getClones=function(e,n){return n.length<e?n:n.length>2*e?n.slice(n.length-2*e,n.length).concat(n,n.slice(0,2*e)):n.concat(n,n)},ue.getInitialSlideInInfiniteMode=function(e,n){return n.length>2*e?2*e:n.length},ue.checkClonesPosition=function(e,n,t){var r,o=e.currentSlide,i=e.slidesToShow,a=e.itemWidth,l=e.totalItems,d=0,s=0,u=0===o,c=n.length-(n.length-2*i);return n.length<i?(s=d=0,u=r=!1):n.length>2*i?((r=o>=c+n.length)&&(s=-a*(d=o-n.length)),u&&(s=-a*(d=c+(n.length-2*i)))):((r=o>=2*n.length)&&(s=-a*(d=o-n.length)),u&&(s=t.showDots?-a*(d=n.length):-a*(d=l/3))),{isReachingTheEnd:r,isReachingTheStart:u,nextSlide:d,nextPosition:s}};var be={};Object.defineProperty(be,"__esModule",{value:!0});var fe=!1;be.getPartialVisibilityGutter=function(e,n,t,r){var o=0,i=r||t;return n&&i&&(!fe&&"production"!==process.env.NODE_ENV&&e[i].paritialVisibilityGutter&&(fe=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),o=e[i].partialVisibilityGutter||e[i].paritialVisibilityGutter),o},be.getWidthFromDeviceType=function(e,n){var t;return n[e]&&(t=(100/n[e].items).toFixed(1)),t},be.getItemClientSideWidth=function(e,n,t){return Math.round(t/(n+(e.centerMode?1:0)))};var _e={};Object.defineProperty(_e,"__esModule",{value:!0});var xe=be;function Te(e){var n=e.slidesToShow;return e.totalItems<n}function ye(e,n,t){var r=t||e.transform;return!n.infinite&&0===e.currentSlide||Te(e)?r:r+e.itemWidth/2}function we(e){var n=e.currentSlide,t=e.totalItems;return!(n+e.slidesToShow<t)}function Ce(e,n,t,r){void 0===n&&(n=0);var o=e.currentSlide,i=e.slidesToShow,a=we(e),l=!t.infinite&&a,d=r||e.transform;if(Te(e))return d;var s=d+o*n;return l?s+(e.containerWidth-(e.itemWidth-n)*i):s}function Be(e,n){return e.rtl?-1*n:n}_e.notEnoughChildren=Te,_e.getInitialState=function(e,n){var t,r=e.domLoaded,o=e.slidesToShow,i=e.containerWidth,a=e.itemWidth,l=n.deviceType,d=n.responsive,s=n.ssr,u=n.partialVisbile,c=n.partialVisible,m=Boolean(r&&o&&i&&a);s&&l&&!m&&(t=xe.getWidthFromDeviceType(l,d));var p=Boolean(s&&l&&!m&&t);return{shouldRenderOnSSR:p,flexBisis:t,domFullyLoaded:m,partialVisibilityGutter:xe.getPartialVisibilityGutter(d,u||c,l,e.deviceType),shouldRenderAtAll:p||m}},_e.getIfSlideIsVisbile=function(e,n){var t=n.currentSlide,r=n.slidesToShow;return t<=e&&e<t+r},_e.getTransformForCenterMode=ye,_e.isInLeftEnd=function(e){return!(0<e.currentSlide)},_e.isInRightEnd=we,_e.getTransformForPartialVsibile=Ce,_e.parsePosition=Be,_e.getTransform=function(e,n,t){var r=n.partialVisbile,o=n.partialVisible,i=n.responsive,a=n.deviceType,l=n.centerMode,d=t||e.transform,s=xe.getPartialVisibilityGutter(i,r||o,a,e.deviceType);return Be(n,o||r?Ce(e,s,n,t):l?ye(e,n,t):d)},_e.getSlidesToSlide=function(e,n){var t=e.domLoaded,r=e.slidesToShow,o=e.containerWidth,i=e.itemWidth,a=n.deviceType,l=n.responsive,d=n.slidesToSlide||1,s=Boolean(t&&r&&o&&i);return n.ssr&&n.deviceType&&!s&&Object.keys(l).forEach((function(e){var n=l[e].slidesToSlide;a===e&&n&&(d=n)})),s&&Object.keys(l).forEach((function(e){var n=l[e],t=n.breakpoint,r=n.slidesToSlide,o=t.max,i=t.min;r&&window.innerWidth>=i&&window.innerWidth<=o&&(d=r)})),d};var Ie={};Object.defineProperty(Ie,"__esModule",{value:!0});Ie.default=function(e,n,t){var r;return function(){var o=arguments;r||(e.apply(this,o),r=!0,"function"==typeof t&&t(!0),setTimeout((function(){r=!1,"function"==typeof t&&t(!1)}),n))}};var ke={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e,n){var t=n.partialVisbile,r=n.partialVisible,o=n.centerMode,i=n.ssr,a=n.responsive;if((t||r)&&o)throw new Error("center mode can not be used at the same time with partialVisible");if(!a)throw i?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(a&&"object"!=typeof a)throw new Error("responsive prop must be an object")}}(ke);var Se={};Object.defineProperty(Se,"__esModule",{value:!0});var Pe=_e;Se.populateNextSlides=function(e,n,t){void 0===t&&(t=0);var r,o,i=e.slidesToShow,a=e.currentSlide,l=e.itemWidth,d=e.totalItems,s=Pe.getSlidesToSlide(e,n),u=a+1+t+i+(0<t?0:s);return o=u<=d?-l*(r=a+t+(0<t?0:s)):d<u&&a!==d-i?-l*(r=d-i):r=void 0,{nextSlides:r,nextPosition:o}};var Ee={};Object.defineProperty(Ee,"__esModule",{value:!0});var Ae=e,We=_e,Re=_e;Ee.populatePreviousSlides=function(e,n,t){void 0===t&&(t=0);var r,o,i=e.currentSlide,a=e.itemWidth,l=e.slidesToShow,d=n.children,s=n.showDots,u=n.infinite,c=We.getSlidesToSlide(e,n),m=i-t-(0<t?0:c),p=(Ae.Children.toArray(d).length-l)%c;return o=0<=m?(r=m,s&&!u&&0<p&&Re.isInRightEnd(e)&&(r=i-p),-a*r):r=m<0&&0!==i?0:void 0,{nextSlides:r,nextPosition:o}};var Ne={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.populateSlidesOnMouseTouchMove=function(e,n,t,r,o,i){var a,l,d=e.itemWidth,s=e.slidesToShow,u=e.totalItems,c=e.currentSlide,m=n.infinite,p=!1,g=Math.round((t-r)/d),h=Math.round((r-t)/d),v=t<o;if(o<t&&g<=s){a="right";var b=Math.abs(-d*(u-s)),f=i-(r-o),_=c===u-s;(Math.abs(f)<=b||_&&m)&&(l=f,p=!0)}return v&&h<=s&&(a="left",((f=i+(o-r))<=0||0===c&&m)&&(p=!0,l=f)),{direction:a,nextPosition:l,canContinue:p}}}(Ne),Object.defineProperty(he,"__esModule",{value:!0});var Le=ve;he.getOriginalCounterPart=Le.getOriginalCounterPart,he.getClones=Le.getClones,he.checkClonesPosition=Le.checkClonesPosition,he.getInitialSlideInInfiniteMode=Le.getInitialSlideInInfiniteMode;var Fe=be;he.getWidthFromDeviceType=Fe.getWidthFromDeviceType,he.getPartialVisibilityGutter=Fe.getPartialVisibilityGutter,he.getItemClientSideWidth=Fe.getItemClientSideWidth;var Me=_e;he.getInitialState=Me.getInitialState,he.getIfSlideIsVisbile=Me.getIfSlideIsVisbile,he.getTransformForCenterMode=Me.getTransformForCenterMode,he.getTransformForPartialVsibile=Me.getTransformForPartialVsibile,he.isInLeftEnd=Me.isInLeftEnd,he.isInRightEnd=Me.isInRightEnd,he.notEnoughChildren=Me.notEnoughChildren,he.getSlidesToSlide=Me.getSlidesToSlide;var De=Ie;he.throttle=De.default;var ze=ke;he.throwError=ze.default;var Ve=Se;he.populateNextSlides=Ve.populateNextSlides;var Oe=Ee;he.populatePreviousSlides=Oe.populatePreviousSlides;var Ge=Ne;he.populateSlidesOnMouseTouchMove=Ge.populateSlidesOnMouseTouchMove;var $e,je={},Qe=de&&de.__extends||($e=function(e,n){return($e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}$e(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(je,"__esModule",{value:!0});var He=e;je.isMouseMoveEvent=function(e){return"clientY"in e};var Ue=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return Qe(n,e),n}(He.Component);je.default=Ue;var Je={},Xe={};Object.defineProperty(Xe,"__esModule",{value:!0});var Ke=ve,Ye=_e;Xe.getLookupTableForNextSlides=function(e,n,t,r){var o={},i=Ye.getSlidesToSlide(n,t);return Array(e).fill(0).forEach((function(e,t){var a=Ke.getOriginalCounterPart(t,n,r);if(0===t)o[0]=a;else{var l=o[t-1]+i;o[t]=l}})),o},Object.defineProperty(Je,"__esModule",{value:!0});var Ze=e,qe=ve,en=Xe,nn=_e;Je.default=function(e){var n=e.props,t=e.state,r=e.goToSlide,o=e.getState,i=n.showDots,a=n.customDot,l=n.dotListClass,d=n.infinite,s=n.children;if(!i||nn.notEnoughChildren(t))return null;var u,c=t.currentSlide,m=t.slidesToShow,p=nn.getSlidesToSlide(t,n),g=Ze.Children.toArray(s);u=d?Math.ceil(g.length/p):Math.ceil((g.length-m)/p)+1;var h=en.getLookupTableForNextSlides(u,t,n,g),v=qe.getOriginalIndexLookupTableByClones(m,g),b=v[c];return Ze.createElement("ul",{className:"react-multi-carousel-dot-list "+l},Array(u).fill(0).map((function(e,n){var t,i;if(d){i=h[n];var l=v[i];t=b===l||l<=b&&b<l+p}else{var s=g.length-m,u=n*p;t=(i=s<u?s:u)===c||i<c&&c<i+p&&c<g.length-m}return a?Ze.cloneElement(a,{index:n,active:t,key:n,onClick:function(){return r(i)},carouselState:o()}):Ze.createElement("li",{"data-index":n,key:n,className:"react-multi-carousel-dot "+(t?"react-multi-carousel-dot--active":"")},Ze.createElement("button",{"aria-label":"Go to slide "+(n+1),onClick:function(){return r(i)}}))})))};var tn={};Object.defineProperty(tn,"__esModule",{value:!0});var rn=e;tn.LeftArrow=function(e){var n=e.customLeftArrow,t=e.getState,r=e.previous,o=e.disabled,i=e.rtl;if(n)return rn.cloneElement(n,{onClick:function(){return r()},carouselState:t(),disabled:o,rtl:i});var a=i?"rtl":"";return rn.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+a,onClick:function(){return r()},type:"button",disabled:o})};tn.RightArrow=function(e){var n=e.customRightArrow,t=e.getState,r=e.next,o=e.disabled,i=e.rtl;if(n)return rn.cloneElement(n,{onClick:function(){return r()},carouselState:t(),disabled:o,rtl:i});var a=i?"rtl":"";return rn.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+a,onClick:function(){return r()},type:"button",disabled:o})};var on={};Object.defineProperty(on,"__esModule",{value:!0});var an=e,ln=he;on.default=function(e){var n=e.props,t=e.state,r=e.goToSlide,o=e.clones,i=e.notEnoughChildren,a=t.itemWidth,l=n.children,d=n.infinite,s=n.itemClass,u=n.itemAriaLabel,c=n.partialVisbile,m=n.partialVisible,p=ln.getInitialState(t,n),g=p.flexBisis,h=p.shouldRenderOnSSR,v=p.domFullyLoaded,b=p.partialVisibilityGutter;return p.shouldRenderAtAll?(c&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),an.createElement(an.Fragment,null,(d?o:an.Children.toArray(l)).map((function(e,o){return an.createElement("li",{key:o,"data-index":o,onClick:function(){n.focusOnSelect&&r(o)},"aria-hidden":ln.getIfSlideIsVisbile(o,t)?"false":"true","aria-label":u||(e.props.ariaLabel?e.props.ariaLabel:null),style:{flex:h?"1 0 "+g+"%":"auto",position:"relative",width:v?((c||m)&&b&&!i?a-b:a)+"px":"auto"},className:"react-multi-carousel-item "+(ln.getIfSlideIsVisbile(o,t)?"react-multi-carousel-item--active":"")+" "+s},e)})))):null};var dn=de&&de.__extends||function(){var e=function(n,t){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(n,t)};return function(n,t){function r(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}}();Object.defineProperty(ge,"__esModule",{value:!0});var sn=e,un=he,cn=je,mn=Je,pn=tn,gn=on,hn=_e,vn=400,bn="transform 400ms ease-in-out",fn=function(e){function n(n){var t=e.call(this,n)||this;return t.containerRef=sn.createRef(),t.listRef=sn.createRef(),t.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:sn.Children.count(n.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},t.onResize=t.onResize.bind(t),t.handleDown=t.handleDown.bind(t),t.handleMove=t.handleMove.bind(t),t.handleOut=t.handleOut.bind(t),t.onKeyUp=t.onKeyUp.bind(t),t.handleEnter=t.handleEnter.bind(t),t.setIsInThrottle=t.setIsInThrottle.bind(t),t.next=un.throttle(t.next.bind(t),n.transitionDuration||vn,t.setIsInThrottle),t.previous=un.throttle(t.previous.bind(t),n.transitionDuration||vn,t.setIsInThrottle),t.goToSlide=un.throttle(t.goToSlide.bind(t),n.transitionDuration||vn,t.setIsInThrottle),t.onMove=!1,t.initialX=0,t.lastX=0,t.isAnimationAllowed=!1,t.direction="",t.initialY=0,t.isInThrottle=!1,t.transformPlaceHolder=0,t}return dn(n,e),n.prototype.resetTotalItems=function(){var e=this,n=sn.Children.count(this.props.children),t=un.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,n));this.setState({totalItems:n,currentSlide:t},(function(){e.setContainerAndItemWidth(e.state.slidesToShow,!0)}))},n.prototype.setIsInThrottle=function(e){void 0===e&&(e=!1),this.isInThrottle=e},n.prototype.setTransformDirectly=function(e,n){var t=this.props.additionalTransfrom;this.transformPlaceHolder=e;var r=hn.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(n),this.listRef.current.style.transform="translate3d("+(r+t)+"px,0,0)")},n.prototype.setAnimationDirectly=function(e){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=e?this.props.customTransition||bn:"none")},n.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.setClones=function(e,n,t,r){var o=this;void 0===r&&(r=!1),this.isAnimationAllowed=!1;var i=sn.Children.toArray(this.props.children),a=un.getInitialSlideInInfiniteMode(e||this.state.slidesToShow,i),l=un.getClones(this.state.slidesToShow,i),d=i.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:l.length,currentSlide:t&&!r?d:a},(function(){o.correctItemsPosition(n||o.state.itemWidth)}))},n.prototype.setItemsToShow=function(e,n){var t=this,r=this.props.responsive;Object.keys(r).forEach((function(o){var i=r[o],a=i.breakpoint,l=i.items,d=a.max,s=a.min,u=[window.innerWidth];window.screen&&window.screen.width&&u.push(window.screen.width);var c=Math.min.apply(Math,u);s<=c&&c<=d&&(t.setState({slidesToShow:l,deviceType:o}),t.setContainerAndItemWidth(l,e,n))}))},n.prototype.setContainerAndItemWidth=function(e,n,t){var r=this;if(this.containerRef&&this.containerRef.current){var o=this.containerRef.current.offsetWidth,i=un.getItemClientSideWidth(this.props,e,o);this.setState({containerWidth:o,itemWidth:i},(function(){r.props.infinite&&r.setClones(e,i,n,t)})),n&&this.correctItemsPosition(i)}},n.prototype.correctItemsPosition=function(e,n,t){n&&(this.isAnimationAllowed=!0),!n&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var r=this.state.totalItems<this.state.slidesToShow?0:-e*this.state.currentSlide;t&&this.setTransformDirectly(r,!0),this.setState({transform:r})},n.prototype.onResize=function(e){var n;n=!(!this.props.infinite||"boolean"==typeof e&&e),this.setItemsToShow(n)},n.prototype.componentDidUpdate=function(e,t){var r=this,o=e.keyBoardControl,i=e.autoPlay,a=e.children,l=t.containerWidth,d=t.domLoaded,s=t.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==l&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout((function(){r.setItemsToShow(!0)}),this.props.transitionDuration||vn)),o&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!o&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),i&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),i||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),a.length!==this.props.children.length?n.clonesTimeout=setTimeout((function(){r.props.infinite?r.setClones(r.state.slidesToShow,r.state.itemWidth,!0,!0):r.resetTotalItems()}),this.props.transitionDuration||vn):this.props.infinite&&this.state.currentSlide!==s&&this.correctClonesPosition({domLoaded:d}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&un.isInRightEnd(this.state)){var u=this.props.transitionDuration||vn;n.isInThrottleTimeout=setTimeout((function(){r.setIsInThrottle(!1),r.resetAutoplayInterval(),r.goToSlide(0,void 0,!!r.props.rewindWithAnimation)}),u+this.props.autoPlaySpeed)}},n.prototype.correctClonesPosition=function(e){var t=this,r=e.domLoaded,o=sn.Children.toArray(this.props.children),i=un.checkClonesPosition(this.state,o,this.props),a=i.isReachingTheEnd,l=i.isReachingTheStart,d=i.nextSlide,s=i.nextPosition;this.state.domLoaded&&r&&(a||l)&&(this.isAnimationAllowed=!1,n.transformTimeout=setTimeout((function(){t.setState({transform:s,currentSlide:d})}),this.props.transitionDuration||vn))},n.prototype.next=function(e){var t=this;void 0===e&&(e=0);var r=this.props,o=r.afterChange,i=r.beforeChange;if(!un.notEnoughChildren(this.state)){var a=un.populateNextSlides(this.state,this.props,e),l=a.nextSlides,d=a.nextPosition,s=this.state.currentSlide;void 0!==l&&void 0!==d&&("function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout=setTimeout((function(){o(s,t.getState())}),t.props.transitionDuration||vn))})))}},n.prototype.previous=function(e){var t=this;void 0===e&&(e=0);var r=this.props,o=r.afterChange,i=r.beforeChange;if(!un.notEnoughChildren(this.state)){var a=un.populatePreviousSlides(this.state,this.props,e),l=a.nextSlides,d=a.nextPosition;if(void 0!==l&&void 0!==d){var s=this.state.currentSlide;"function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout2=setTimeout((function(){o(s,t.getState())}),t.props.transitionDuration||vn))}))}}},n.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),n.clonesTimeout&&clearTimeout(n.clonesTimeout),n.isInThrottleTimeout&&clearTimeout(n.isInThrottleTimeout),n.transformTimeout&&clearTimeout(n.transformTimeout),n.afterChangeTimeout&&clearTimeout(n.afterChangeTimeout),n.afterChangeTimeout2&&clearTimeout(n.afterChangeTimeout2),n.afterChangeTimeout3&&clearTimeout(n.afterChangeTimeout3)},n.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},n.prototype.getCords=function(e){var n=e.clientX,t=e.clientY;return{clientX:hn.parsePosition(this.props,n),clientY:hn.parsePosition(this.props,t)}},n.prototype.handleDown=function(e){if(!(!cn.isMouseMoveEvent(e)&&!this.props.swipeable||cn.isMouseMoveEvent(e)&&!this.props.draggable||this.isInThrottle)){var n=this.getCords(cn.isMouseMoveEvent(e)?e:e.touches[0]),t=n.clientX,r=n.clientY;this.onMove=!0,this.initialX=t,this.initialY=r,this.lastX=t,this.isAnimationAllowed=!1}},n.prototype.handleMove=function(e){if(!(!cn.isMouseMoveEvent(e)&&!this.props.swipeable||cn.isMouseMoveEvent(e)&&!this.props.draggable||un.notEnoughChildren(this.state))){var n=this.getCords(cn.isMouseMoveEvent(e)?e:e.touches[0]),t=n.clientX,r=n.clientY,o=this.initialX-t,i=this.initialY-r;if(this.onMove){if(!(Math.abs(o)>Math.abs(i)))return;var a=un.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,t,this.transformPlaceHolder),l=a.direction,d=a.nextPosition,s=a.canContinue;l&&(this.direction=l,s&&void 0!==d&&this.setTransformDirectly(d)),this.lastX=t}}},n.prototype.handleOut=function(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var n="touchend"===e.type&&!this.props.swipeable,t=("mouseleave"===e.type||"mouseup"===e.type)&&!this.props.draggable;if(!n&&!t&&this.onMove){if(this.setAnimationDirectly(!0),"right"===this.direction)if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var r=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(r)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);"left"===this.direction&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(r=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(r)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},n.prototype.isInViewport=function(e){var n=e.getBoundingClientRect(),t=n.top,r=void 0===t?0:t,o=n.left,i=void 0===o?0:o,a=n.bottom,l=void 0===a?0:a,d=n.right,s=void 0===d?0:d;return 0<=r&&0<=i&&l<=(window.innerHeight||document.documentElement.clientHeight)&&s<=(window.innerWidth||document.documentElement.clientWidth)},n.prototype.isChildOfCarousel=function(e){return!!(e instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(e)},n.prototype.onKeyUp=function(e){var n=e.target;switch(e.keyCode){case 37:if(this.isChildOfCarousel(n))return this.previous();break;case 39:if(this.isChildOfCarousel(n))return this.next();break;case 9:if(this.isChildOfCarousel(n)&&n instanceof HTMLInputElement&&this.isInViewport(n))return this.next()}},n.prototype.handleEnter=function(e){cn.isMouseMoveEvent(e)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},n.prototype.goToSlide=function(e,t,r){var o=this;if(void 0===r&&(r=!0),!this.isInThrottle){var i=this.state.itemWidth,a=this.props,l=a.afterChange,d=a.beforeChange,s=this.state.currentSlide;"function"!=typeof d||t&&("object"!=typeof t||t.skipBeforeChange)||d(e,this.getState()),this.isAnimationAllowed=r,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:e,transform:-i*e},(function(){o.props.infinite&&o.correctClonesPosition({domLoaded:!0}),"function"!=typeof l||t&&("object"!=typeof t||t.skipAfterChange)||(n.afterChangeTimeout3=setTimeout((function(){l(s,o.getState())}),o.props.transitionDuration||vn))}))}},n.prototype.getState=function(){return this.state},n.prototype.renderLeftArrow=function(e){var n=this,t=this.props,r=t.customLeftArrow,o=t.rtl;return sn.createElement(pn.LeftArrow,{customLeftArrow:r,getState:function(){return n.getState()},previous:this.previous,disabled:e,rtl:o})},n.prototype.renderRightArrow=function(e){var n=this,t=this.props,r=t.customRightArrow,o=t.rtl;return sn.createElement(pn.RightArrow,{customRightArrow:r,getState:function(){return n.getState()},next:this.next,disabled:e,rtl:o})},n.prototype.renderButtonGroups=function(){var e=this,n=this.props.customButtonGroup;return n?sn.cloneElement(n,{previous:function(){return e.previous()},next:function(){return e.next()},goToSlide:function(n,t){return e.goToSlide(n,t)},carouselState:this.getState()}):null},n.prototype.renderDotsList=function(){var e=this;return sn.createElement(mn.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return e.getState()}})},n.prototype.renderCarouselItems=function(){var e=[];if(this.props.infinite){var n=sn.Children.toArray(this.props.children);e=un.getClones(this.state.slidesToShow,n)}return sn.createElement(gn.default,{clones:e,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:un.notEnoughChildren(this.state),props:this.props})},n.prototype.render=function(){var e=this.props,n=e.deviceType,t=e.arrows,r=e.renderArrowsWhenDisabled,o=e.removeArrowOnDeviceType,i=e.infinite,a=e.containerClass,l=e.sliderClass,d=e.customTransition,s=e.additionalTransfrom,u=e.renderDotsOutside,c=e.renderButtonGroupOutside,m=e.className,p=e.rtl;"production"!==process.env.NODE_ENV&&un.throwError(this.state,this.props);var g=un.getInitialState(this.state,this.props),h=g.shouldRenderOnSSR,v=g.shouldRenderAtAll,b=un.isInLeftEnd(this.state),f=un.isInRightEnd(this.state),_=t&&!(o&&(n&&-1<o.indexOf(n)||this.state.deviceType&&-1<o.indexOf(this.state.deviceType)))&&!un.notEnoughChildren(this.state)&&v,x=!i&&b,T=!i&&f,y=hn.getTransform(this.state,this.props);return sn.createElement(sn.Fragment,null,sn.createElement("div",{className:"react-multi-carousel-list "+a+" "+m,dir:p?"rtl":"ltr",ref:this.containerRef},sn.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+l,style:{transition:this.isAnimationAllowed?d||bn:"none",overflow:h?"hidden":"unset",transform:"translate3d("+(y+s)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),_&&(!x||r)&&this.renderLeftArrow(x),_&&(!T||r)&&this.renderRightArrow(T),v&&!c&&this.renderButtonGroups(),v&&!u&&this.renderDotsList()),v&&u&&this.renderDotsList(),v&&c&&this.renderButtonGroups())},n.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},n}(sn.Component);ge.default=fn,Object.defineProperty(pe,"__esModule",{value:!0});var _n=ge;pe.default=_n.default,me.exports=pe;var xn=se(ce),Tn={carouselContainer:"ImageWithTextWrapper-module_carouselContainer__ornBf",arrowButton:"ImageWithTextWrapper-module_arrowButton__UINad",leftArrow:"ImageWithTextWrapper-module_leftArrow__p4Lpk",rightArrow:"ImageWithTextWrapper-module_rightArrow__5kd-p",carousel_dot:"ImageWithTextWrapper-module_carousel_dot__0oj6A",carouselItem:"ImageWithTextWrapper-module_carouselItem__xJoh5",stageTeaserTabActive:"ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt"};i('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ImageWithTextWrapper-module_carouselContainer__ornBf {\n position: static;\n border-radius: 24px;\n}\n@media (min-width: 1440px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf {\n margin-bottom: 110px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n background: #ffffff;\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n border-radius: 24px;\n font-size: 16px;\n height: 44px;\n width: 44px;\n padding: 10px;\n position: absolute;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n color: #da291c;\n font-size: 20px;\n display: block;\n font-family: revicons;\n text-align: center;\n z-index: 1;\n position: relative;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: 20%;\n bottom: -90px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n margin-right: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n right: -32px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n content: "\\e825";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p:disabled {\n background: #e6e3df;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: 20%;\n bottom: -90px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n margin-left: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: 16px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n left: -32px;\n }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before {\n content: "\\e824";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk:disabled {\n background: #e6e3df;\n}\n\n.ImageWithTextWrapper-module_carousel_dot__0oj6A {\n top: auto;\n margin: 0 auto;\n bottom: -100px;\n}\n\n.ImageWithTextWrapper-module_carouselItem__xJoh5 {\n position: relative;\n width: 100%;\n}\n@media (max-width: 1023px) {\n .ImageWithTextWrapper-module_carouselItem__xJoh5 :active {\n padding-right: 30px;\n }\n}\n\n.ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt {\n border-radius: 12px;\n box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n background-color: #FFFFFF;\n}');const yn=({content:n})=>{var t;const r=u();return e.createElement("div",{style:{position:"relative"}},e.createElement(xn,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},mobile:{breakpoint:{max:767,min:0},items:1,partialVisibilityGutter:30}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(t=null==n?void 0:n.productTeaserSlides)||void 0===t?void 0:t.length),customDot:"large-desktop"===r?e.createElement((t=>{var r,o,i;const{onClick:a,active:l,index:d}=t;return e.createElement("div",{className:l?Tn.stageTeaserTabActive:Tn.stageTeaserTab,onClick:()=>(()=>{var e,t;const r=null===(t=null===(e=null==n?void 0:n.bloks)||void 0===e?void 0:e[d])||void 0===t?void 0:t.analyticsTitle;a(),F(W,"article_pagination_icon_click",{banner_promotion_name:r,component:R})})()},e.createElement("img",{src:null===(i=null===(o=null===(r=null==n?void 0:n.bloks)||void 0===r?void 0:r[d])||void 0===o?void 0:o.thumbImage)||void 0===i?void 0:i.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:Tn.carousel_dot,itemClass:Tn.carouselItem,ssr:!0,arrows:!1,containerClass:Tn.carouselContainer,sliderClass:Tn.sliderClass,customButtonGroup:e.createElement((t=>{var o,i,a,l;const d=null===(o=null==t?void 0:t.carouselState)||void 0===o?void 0:o.currentSlide;return e.createElement(e.Fragment,null,(null===(i=null==n?void 0:n.bloks)||void 0===i?void 0:i.length)>1&&"large-desktop"===r&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(a=null==t?void 0:t.carouselState)||void 0===a?void 0:a.currentSlide),className:Tn.leftArrow,onClick:()=>(()=>{var e,r;const o=d<=0?0:d-1,i=null===(r=null===(e=null==n?void 0:n.bloks)||void 0===e?void 0:e[o])||void 0===r?void 0:r.analyticsTitle;t.previous(),F(W,"article_pagination_left_click",{banner_promotion_name:i,component:R})})()}),e.createElement("button",{disabled:(null===(l=null==t?void 0:t.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==t?void 0:t.carouselState.totalItems),className:Tn.rightArrow,onClick:()=>{(()=>{var e,r,o;const i=null===(e=null==t?void 0:t.carouselState)||void 0===e?void 0:e.totalItems,a=d>=i?i:d+1,l=null===(o=null===(r=null==n?void 0:n.bloks)||void 0===r?void 0:r[a])||void 0===o?void 0:o.analyticsTitle;t.next(),F(W,"article_pagination_right_click",{banner_promotion_name:l,component:R})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==r},null==n?void 0:n.bloks.map(((n,t)=>e.createElement(le,{content:n,key:t,index:t})))))};var wn="FalconTitle-module_dbold__Fd4nw";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.FalconTitle-module_dbold__Fd4nw {\n font-weight: 500;\n font-size: 48px;\n line-height: 60px;\n}\n@media (max-width: 1023px) {\n .FalconTitle-module_dbold__Fd4nw {\n font-size: 36px;\n line-height: 44px;\n }\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .FalconTitle-module_dbold__Fd4nw {\n font-size: 36px;\n line-height: 44px;\n }\n}");var Cn="row-module_sr-def-row__us1ph";i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.row-module_sr-def-row__us1ph {\n margin-left: auto;\n margin-right: auto;\n padding-left: 16px;\n padding-right: 16px;\n max-width: 1308px;\n width: 100%;\n}\n.row-module_sr-def-row__us1ph .row-module_sr-def-row__us1ph {\n padding: 0px;\n max-width: 100%;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n .row-module_sr-def-row__us1ph {\n max-width: 972px;\n }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n .row-module_sr-def-row__us1ph {\n max-width: 720px;\n }\n}\n@media (max-width: 767px) {\n .row-module_sr-def-row__us1ph {\n max-width: 100%;\n }\n}");const Bn=({children:n})=>e.createElement("div",{className:`${Cn} sr-responsive-row`},n),In=({content:n})=>{var t;const r=V(null==n?void 0:n.textColor),o=(null==n?void 0:n.textColor)&&(null==n?void 0:n.textColor)!=x?r:"",i=(null==n?void 0:n.textColor)&&(null==n?void 0:n.textColor)===x?{color:null===(t=null==n?void 0:n.textColorPicker)||void 0===t?void 0:t.color}:{};return e.createElement("div",null,e.createElement(Bn,null,(null==n?void 0:n.headingStyle)&&(null==n?void 0:n.text)&&(null==n?void 0:n.headingStyle)===b?e.createElement("h1",{className:o,style:Object.assign({},i)},null==n?void 0:n.text," "):(null==n?void 0:n.headingStyle)===f?e.createElement("h2",{className:`${o}`,style:Object.assign({},i)},null==n?void 0:n.text):(null==n?void 0:n.headingStyle)===_?e.createElement("h3",{className:o,style:Object.assign({},i)},null==n?void 0:n.text):"h4"===(null==n?void 0:n.headingStyle)?e.createElement("h4",{className:o,style:Object.assign({},i)},null==n?void 0:n.text):e.createElement("div",{className:wn,style:Object.assign({},i)},null==n?void 0:n.text)))},kn=({content:n})=>{var t,r;const o=V(null==n?void 0:n.textColor);return e.createElement("div",null,e.createElement(e.Fragment,null,e.createElement("div",{className:`d-inline-flex align-${null==n?void 0:n.textElementPosition}`},(null==n?void 0:n.icon)&&(null==n?void 0:n.icon.filename)&&e.createElement("img",{src:(null==n?void 0:n.icon)&&(null==n?void 0:n.icon.filename),alt:(null==n?void 0:n.icon)&&(null==n?void 0:n.icon.alt),title:(null==n?void 0:n.icon)&&(null==n?void 0:n.icon.title),height:24,width:24}),(null==n?void 0:n.text)&&e.createElement("div",{className:`${(null==n?void 0:n.icon)&&(null===(t=null==n?void 0:n.icon)||void 0===t?void 0:t.filename)} ${(null==n?void 0:n.textColor)&&(null==n?void 0:n.textColor)!=x?o:""}`,style:Object.assign({},(null==n?void 0:n.textColor)&&(null==n?void 0:n.textColor)===x?{color:null===(r=null==n?void 0:n.textColorPicker)||void 0===r?void 0:r.color}:{})},e.createElement(M,{content:null==n?void 0:n.text,trackngLabel:null==n?void 0:n.trackngLabel}," ",null==n?void 0:n.text)))))};var Sn={outer:"FalconButton-module_outer__Ni5Ho",container:"FalconButton-module_container__fnOrQ","button-left":"FalconButton-module_button-left__PI3pZ","button-right":"FalconButton-module_button-right__imbZp","button-center":"FalconButton-module_button-center__xPjFE",button:"FalconButton-module_button__CyM3c","button-icon-after":"FalconButton-module_button-icon-after__iF6z5","button-icon-before":"FalconButton-module_button-icon-before__TbATB",buttonLabel:"FalconButton-module_buttonLabel__1nGbI","asset-cursor":"FalconButton-module_asset-cursor__ReeUk","container-button":"FalconButton-module_container-button__SRQun"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.FalconButton-module_outer__Ni5Ho a {\n text-decoration: none;\n}\n\n.FalconButton-module_container__fnOrQ.FalconButton-module_button-left__PI3pZ {\n text-align: left;\n}\n.FalconButton-module_container__fnOrQ.FalconButton-module_button-right__imbZp {\n text-align: right;\n}\n.FalconButton-module_container__fnOrQ.FalconButton-module_button-center__xPjFE {\n text-align: center;\n}\n.FalconButton-module_container__fnOrQ a {\n text-decoration: none;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c {\n display: inline-flex;\n align-items: center;\n pointer-events: all;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c .FalconButton-module_button-icon-after__iF6z5 {\n margin-left: 8px;\n display: inline-block;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c .FalconButton-module_button-icon-before__TbATB {\n margin-right: 8px;\n display: inline-block;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c .FalconButton-module_buttonLabel__1nGbI {\n line-height: 24px;\n display: inline-block;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk {\n cursor: default;\n}\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk .FalconButton-module_button-icon-before__TbATB,\n.FalconButton-module_container__fnOrQ .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk .FalconButton-module_buttonLabel__1nGbI {\n cursor: pointer;\n}\n\n.FalconButton-module_container-button__SRQun a {\n text-decoration: none;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c {\n display: inline-flex;\n align-items: center;\n pointer-events: all;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c .FalconButton-module_button-icon-after__iF6z5 {\n margin-left: 8px;\n display: inline-block;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c .FalconButton-module_button-icon-before__TbATB {\n margin-right: 8px;\n display: inline-block;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c .FalconButton-module_buttonLabel__1nGbI {\n line-height: 24px;\n display: inline-block;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk {\n cursor: default;\n}\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk .FalconButton-module_button-icon-before__TbATB,\n.FalconButton-module_container-button__SRQun .FalconButton-module_button__CyM3c.FalconButton-module_asset-cursor__ReeUk .FalconButton-module_buttonLabel__1nGbI {\n cursor: pointer;\n}");const Pn=r=>{var o,i,a,l;const{content:d}=r,{asset:s}=r,{phoneNumber:u}=r,{updatedContent:g}=r,{enableLoginButton:h}=r,{setButtonClicked:b}=r,{onClickTrack:f}=r,{fromTallhero:_}=r;(null==d?void 0:d.minWidth)&&(null==d||d.minWidth);const{isblacktheme:x}=r,{id:T}=r,[y,w]=n("#");let B=null===(o=null==d?void 0:d.buttonLink)||void 0===o?void 0:o.cached_url;t((()=>{var e,n;(null==s?void 0:s.fieldtype)&&null!==(null==s?void 0:s.filename)?w(s.filename):(null===(e=null==d?void 0:d.buttonLink)||void 0===e?void 0:e.cached_url)&&""!==(null===(n=null==d?void 0:d.buttonLink)||void 0===n?void 0:n.cached_url)?w((e=>"undefined"!=typeof window?e=="/"+window.document.documentElement.getAttribute("lang")+"/"?"#":e:"#")(B)):w("#")}),[]);const[I,k]=n(!1),[S,P]=n(!1),[E,A]=n(!1),[R,M]=n("");n("");const D=()=>{const e=window.innerWidth;e>1439&&M("1276px"),e>1023&&e<1440&&M("940px"),e<1024&&e>767&&M("688px"),e<768&&M("343px")};t((()=>{D(),window.addEventListener("resize",D)}),[]);const z=(e=>{switch(e){case"Primary-V1":return"falcon-primary-button-v1";case"Primary-V1-JC":return"falcon-primary-button-v1-JC";case"Secondary-V1":return"falcon-secondary-button-v1";case"Secondary-V1-JC":return"falcon-secondary-button-v1-JC";case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-V4-JC":return"falcon-secondary-button-v4-JC";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Secondary-Dark-JC":return"falcon-secondary-button-dark-JC";default:return"falcon-primary-dark-button"}})(null==d?void 0:d.buttonType),V=(null==d?void 0:d.id)?"#"+(null==d?void 0:d.id):u?`tel:${u||0}`:y;return e.createElement("div",null,e.createElement(Bn,null,e.createElement(e.Fragment,null,(null==d?void 0:d.buttonLabel)&&e.createElement("a",{href:(null===(i=null==d?void 0:d.bloks)||void 0===i?void 0:i.length)>0||(null==g?void 0:g.preToPostPromotionId)===C?void 0:V,target:(null===(a=null==d?void 0:d.bloks)||void 0===a?void 0:a.length)>0?"":null==d?void 0:d.linkTarget,onClick:(null===(l=null==d?void 0:d.bloks)||void 0===l?void 0:l.length)>0?e=>{var n,t,r;(null===(n=null==d?void 0:d.buttonType)||void 0===n?void 0:n.includes("Primary"))?F(W,N,{link_url:null===(t=null==d?void 0:d.buttonLink)||void 0===t?void 0:t.cached_url,click_text:null==d?void 0:d.buttonLabel}):F(W,L,{link_url:null===(r=null==d?void 0:d.buttonLink)||void 0===r?void 0:r.cached_url,click_text:null==d?void 0:d.buttonLabel}),A((e=>!e)),b&&b(!0),e.preventDefault()}:e=>{var n,t,o;(null==g?void 0:g.preToPostPromotionId)===C?h():(null==d||d.buttonLabel,(null===(n=null==d?void 0:d.buttonType)||void 0===n?void 0:n.includes("Primary"))?F(W,N,{link_url:null===(t=null==d?void 0:d.buttonLink)||void 0===t?void 0:t.cached_url,click_text:null==d?void 0:d.buttonLabel}):F(W,L,{link_url:null===(o=null==d?void 0:d.buttonLink)||void 0===o?void 0:o.cached_url,click_text:null==d?void 0:d.buttonLabel}),k(!I),b&&b(!0),"function"==typeof f&&f(e),r.buttonClicked&&e.preventDefault(),(null==d?void 0:d.enableScroll)&&(B=window.location.href,B.includes(null==d?void 0:d.targetElement.blockIdentifier)||(B.endsWith("#")?B+=null==d?void 0:d.targetElement.blockIdentifier:B+="#"+d.targetElement.blockIdentifier,w(B))))},rel:"_blank"===(null==d?void 0:d.linkTarget)?"opener":"noopener",className:Sn.anchor},e.createElement("div",{className:`${_?Sn["container-button"]:Sn.container}\n ${(null==d?void 0:d.buttonAlignment)===p?Sn["button-right"]:""}\n \n ${(null==d?void 0:d.buttonAlignment)===m?Sn["button-left"]:""}\n \n ${d.buttonAlignment===c?Sn["button-center"]:""}`},e.createElement("div",{className:`${z} ${Sn.button} ${I?"clicked":""} ${(null==s?void 0:s.fieldtype)?Sn["asset-cursor"]:""}`,onMouseOut:()=>{P(!1)},onMouseOver:()=>{P(!0)}},(null==d?void 0:d.iconPosition)===v&&e.createElement("div",{id:T,className:Sn.buttonLabel},null==d?void 0:d.buttonLabel),(null==d?void 0:d.buttonIcon)&&(null==d?void 0:d.buttonIcon.filename)&&e.createElement("div",{className:`${(null==d?void 0:d.iconPosition)===v?Sn["button-icon-after"]:Sn["button-icon-before"]}`},e.createElement("img",{src:x?(()=>{var e,n,t,r;return I?(null==d?void 0:d.blackFridayThemeIcon)&&(null===(e=null==d?void 0:d.blackFridayThemeIcon)||void 0===e?void 0:e.filename)?null===(n=null==d?void 0:d.blackFridayThemeIcon)||void 0===n?void 0:n.filename:"":S&&!I?(null==d?void 0:d.blackFridayThemeIcon)&&(null===(t=null==d?void 0:d.blackFridayThemeIcon)||void 0===t?void 0:t.filename):(null==d?void 0:d.blackFridayThemeIcon)&&(null===(r=null==d?void 0:d.blackFridayThemeIcon)||void 0===r?void 0:r.filename)})():(()=>{var e,n,t,r,o,i;return I?(null==d?void 0:d.buttonClickedIcon)&&(null===(e=null==d?void 0:d.buttonClickedIcon)||void 0===e?void 0:e.filename)?null===(n=null==d?void 0:d.buttonClickedIcon)||void 0===n?void 0:n.filename:"":S&&!I?(null==d?void 0:d.buttonHoverIcon)&&(null===(t=null==d?void 0:d.buttonHoverIcon)||void 0===t?void 0:t.filename)?null===(r=null==d?void 0:d.buttonHoverIcon)||void 0===r?void 0:r.filename:null===(o=null==d?void 0:d.buttonIcon)||void 0===o?void 0:o.filename:(null==d?void 0:d.buttonIcon)&&(null===(i=null==d?void 0:d.buttonIcon)||void 0===i?void 0:i.filename)})(),height:x?"18px":"24px",width:x?"12px":"24px"})),"before"===(null==d?void 0:d.iconPosition)&&e.createElement("div",{className:`${Sn.buttonLabel} ${x&&Sn.whiteTextColor}`,id:T},null==d?void 0:d.buttonLabel)))))))};var En={container:"InternetAndTvCardItemBenefits-module_container__0Qpwe","content-container":"InternetAndTvCardItemBenefits-module_content-container__NOCvO","content-button":"InternetAndTvCardItemBenefits-module_content-button__3SnUD",alignment:"InternetAndTvCardItemBenefits-module_alignment__F1gLN",icon:"InternetAndTvCardItemBenefits-module_icon__GCO1H",gradient:"InternetAndTvCardItemBenefits-module_gradient__9ilPV",butn:"InternetAndTvCardItemBenefits-module_butn__BY29m","button-variant":"InternetAndTvCardItemBenefits-module_button-variant__hkHVT","butn-container":"InternetAndTvCardItemBenefits-module_butn-container__tKbJK"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.InternetAndTvCardItemBenefits-module_container__0Qpwe {\n box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\n border-radius: 8px;\n height: 100%;\n position: relative;\n align-items: left;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe > a {\n text-decoration: none;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_content-container__NOCvO {\n padding: 24px 32px 32px 32px;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_content-button__3SnUD {\n margin-bottom: 54px;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_alignment__F1gLN {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_icon__GCO1H {\n padding: 24px 32px 0 32px;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_gradient__9ilPV {\n display: contents;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_gradient__9ilPV > span {\n width: 100% !important;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_gradient__9ilPV > img {\n width: 100%;\n height: 100%;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_butn__BY29m {\n pointer-events: none;\n padding: 0 8px;\n width: max-content;\n max-width: 100%;\n position: absolute;\n bottom: 0;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_button-variant__hkHVT {\n padding-left: 8px;\n padding-right: 8px;\n margin-bottom: 32px;\n}\n.InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_butn-container__tKbJK {\n width: 100%;\n}\n\n@media (max-width: 767px) {\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_content-container__NOCvO {\n padding: 16px;\n }\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_content-button__3SnUD {\n margin-bottom: 60px;\n }\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_icon__GCO1H {\n padding: 16px 16px 0 16px;\n }\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_butn__BY29m {\n pointer-events: none;\n }\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_button-variant__hkHVT {\n margin-bottom: 12px;\n bottom: 10px;\n }\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .falcon-secondary-button-v4 {\n padding-left: 8px;\n padding-right: 8px;\n padding-bottom: 12px;\n }\n}\n@media (max-width: 380px) {\n .InternetAndTvCardItemBenefits-module_container__0Qpwe .InternetAndTvCardItemBenefits-module_content-button__3SnUD {\n margin-bottom: 60px;\n }\n}");const An=({content:n,metadata:t})=>{var r,o,i,a,l,d,s,u,p;const g=(null==n?void 0:n.asset)&&(null===(r=null==n?void 0:n.asset.filename)||void 0===r?void 0:r.endsWith("svg"))?w:"img";return e.createElement(e.Fragment,null,!(null==n?void 0:n.notToDisplay)&&e.createElement("div",{className:`${En.container} ${"Secondary-V4"!=(null===(o=null==n?void 0:n.button[0])||void 0===o?void 0:o.buttonType)&&En["button-style"]}`,style:Object.assign({},(null==n?void 0:n.defaultBackgroundColor)===x?{backgroundColor:null===(i=null==n?void 0:n.backgroundColorPicker)||void 0===i?void 0:i.color}:{backgroundColor:null==n?void 0:n.defaultBackgroundColor})},((null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a.length)>0||(null==n?void 0:n.asset)&&(null==n?void 0:n.asset.filename)||(null===(l=null==n?void 0:n.button)||void 0===l?void 0:l.length)>0)&&e.createElement("div",{className:((null==n?void 0:n.subElementsAlignment)===c?"align-center":(null==n?void 0:n.subElementsAlignment)===m?"align-left":"align-right")+" "},(null==n?void 0:n.asset)&&(null==n?void 0:n.asset.filename)&&g===w&&e.createElement("div",{className:`${En.icon}`},e.createElement("img",{src:(null==n?void 0:n.asset)&&(null==n?void 0:n.asset.filename),title:(null==n?void 0:n.asset)&&(null==n?void 0:n.asset.title),alt:(null==n?void 0:n.asset)&&(null==n?void 0:n.asset.alt),height:"48",width:"48"})),(null===(d=null==n?void 0:n.textBlok)||void 0===d?void 0:d.length)>0&&e.createElement("div",{className:`\n ${En["content-container"]} ${(null===(s=null==n?void 0:n.button)||void 0===s?void 0:s.length)>0&&(null==n?void 0:n.button[0])&&En["content-button"]}`},(null===(u=null==n?void 0:n.textBlok)||void 0===u?void 0:u.length)>0&&(null==n?void 0:n.textBlok.map((n=>"falconTitle"===(null==n?void 0:n.component)?e.createElement(In,{content:n}):"falconDescription"===(null==n?void 0:n.component)?e.createElement(kn,{content:n}):void 0)))),(null===(p=null==n?void 0:n.button)||void 0===p?void 0:p.length)>0&&e.createElement("div",{className:`${En.butn} ${En["button-variant"]} ${En["butn-container"]} `},e.createElement(Pn,{content:null==n?void 0:n.button[0],eventAction:"InternetTVCard",metadata:t,setButtonClicked:e=>{var t,r,o,i,a,l;const d=null!==(o=null===(r=null===(t=null==n?void 0:n.textBlok)||void 0===t?void 0:t[0])||void 0===r?void 0:r.text)&&void 0!==o?o:"",s=null!==(a=null===(i=null==n?void 0:n.button)||void 0===i?void 0:i[0])&&void 0!==a?a:"";e&&F(W,"internet_tv_card_click",{link_url:null===(l=null==s?void 0:s.buttonLink)||void 0===l?void 0:l.cached_url,click_text:null==s?void 0:s.buttonLabel,headline:d})}})))))};var Wn={container:"InternetAndTvCardsBenefits-module_container__raz-h","text-container":"InternetAndTvCardsBenefits-module_text-container__90Wb3",btn:"InternetAndTvCardsBenefits-module_btn__rRfTF",overline:"InternetAndTvCardsBenefits-module_overline__2xTAG",cards:"InternetAndTvCardsBenefits-module_cards__UHimj",card:"InternetAndTvCardsBenefits-module_card__VEZEh",carousel:"InternetAndTvCardsBenefits-module_carousel__LB5pI",slide:"InternetAndTvCardsBenefits-module_slide__vS8wq"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.InternetAndTvCardsBenefits-module_container__raz-h {\n border-radius: 0;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .sr-responsive-row {\n padding: 0;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_text-container__90Wb3 {\n text-align: center;\n margin: 0 auto 40px auto;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_text-container__90Wb3 {\n margin-bottom: 28px;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_text-container__90Wb3 .InternetAndTvCardsBenefits-module_btn__rRfTF {\n padding-top: 24px;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_text-container__90Wb3 .InternetAndTvCardsBenefits-module_overline__2xTAG {\n font-size: 18px;\n line-height: 24px;\n font-weight: 700;\n color: #86807c;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .col-md-4:first-child {\n padding-left: 10px;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .col-md-4:first-child {\n padding-left: 6px;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .col-md-4:last-child {\n padding-right: 10px;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .col-md-4:last-child {\n padding-right: 6px;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .d-sm-block {\n display: flex !important;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .d-none {\n display: none !important;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_cards__UHimj {\n justify-content: center;\n}\n@media (max-width: 1023px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_cards__UHimj {\n padding-bottom: 48px;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_cards__UHimj .InternetAndTvCardsBenefits-module_card__VEZEh {\n margin-bottom: 20px;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_carousel__LB5pI {\n text-align: center;\n padding-bottom: 96px;\n}\n@media (max-width: 1023px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_carousel__LB5pI {\n padding-bottom: 84px;\n }\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_carousel__LB5pI .react-multiple-carousel__arrow {\n margin-right: 20px;\n margin-left: 20px;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-track {\n margin-bottom: 40px !important;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-track li:last-child {\n margin-left: 0 !important;\n padding-right: 24px;\n }\n .InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-track li {\n padding-left: 16px !important;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-track .react-multi-carousel-item {\n visibility: visible !important;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multiple-carousel__arrow--right {\n right: -25px !important;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multiple-carousel__arrow--left {\n left: -25px !important;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multi-carousel-track {\n margin: auto;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multi-carousel-track {\n margin: 0;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow {\n background: #ffffff;\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n border-radius: 24px;\n font-size: 16px;\n height: 44px;\n width: 44px;\n padding: 10px;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow::before {\n color: #da291c;\n font-size: 16px;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow--right {\n right: -1%;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow--left {\n left: -1%;\n}\n@media (min-width: 1440px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow--right {\n right: 0;\n }\n .InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow--left {\n left: 0;\n }\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-list .react-multiple-carousel__arrow {\n z-index: 1;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-dot-list .react-multi-carousel-dot button {\n background-color: #a6a4a2;\n border: none;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .react-multi-carousel-dot-list .react-multi-carousel-dot--active button {\n background-color: #e6003c;\n border: none;\n}\n.InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_slide__vS8wq {\n height: 100%;\n padding: 0 8px 0 8px;\n}\n@media (max-width: 767px) {\n .InternetAndTvCardsBenefits-module_container__raz-h .InternetAndTvCardsBenefits-module_slide__vS8wq {\n padding: 0px;\n }\n}");const Rn=({content:n})=>{const t=(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"blue":return"falcon-background-blue";case"dark-green":return"falcon-background-green";default:return""}})(null==n?void 0:n.backgroundColor),r=z(null==n?void 0:n.gradientBackground),o=(null==n?void 0:n.gradientBackground)===x?t:r;return e.createElement("div",null,(null==n?void 0:n.height)?e.createElement("div",{className:`d-none d-sm-block ${o}`,style:{height:`${null==n?void 0:n.height}px`}}):e.createElement("div",{className:`d-none d-sm-block ${o}`,style:{height:`${null==n?void 0:n.desktopHeight}px`}}),e.createElement("div",{className:`d-block d-sm-none ${o} `,style:{height:`${null==n?void 0:n.mobHeight}px`}}))},Nn=({content:r,metadata:o})=>{var i,a,l,d,s,c,m,p,g,h;const v="2"===(null==r?void 0:r.cardsInRow)?2:"3"===(null==r?void 0:r.cardsInRow)?3:4,w=u(),C={desktop:{breakpoint:{max:7e3,min:1440},items:v},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1,partialVisibilityGutter:45}},B="2"===(null==r?void 0:r.cardsInRow)&&2==(null==r?void 0:r.Cards.length)?y:"2"===(null==r?void 0:r.cardsInRow)&&(null==r?void 0:r.Cards.length)>2?"col-lg-6":"3"===(null==r?void 0:r.cardsInRow)?y:"col-lg-3",I=z(null==r?void 0:r.gradientBackground),k=V(null==r?void 0:r.headlineColor),S=(null==r?void 0:r.headlineColor)&&(null==r?void 0:r.headlineColor)!==x?k:"",P=(null==r?void 0:r.headlineColor)&&(null==r?void 0:r.headlineColor)===x?{color:null===(i=null==r?void 0:r.headlineColorPicker)||void 0===i?void 0:i.color}:{},[E,A]=n([]);return t((()=>{var e;const n=[];(null===(e=null==r?void 0:r.Cards)||void 0===e?void 0:e.length)>0&&(null==r||r.Cards.map((e=>{!e.notToDisplay&&n.push(e)}))),A(n)}),[]),e.createElement("div",{className:`${Wn.container} ${(null==r?void 0:r.gradientBackground)!=x?I:""}`,id:(null==r?void 0:r.id)||"",style:Object.assign({},(null==r?void 0:r.gradientBackground)===x?{backgroundColor:null===(a=null==r?void 0:r.backgroundColor)||void 0===a?void 0:a.color}:{})},(null===(l=null==r?void 0:r.topSpace)||void 0===l?void 0:l.length)>0&&e.createElement(Rn,{content:null==r?void 0:r.topSpace[0]}),e.createElement(Bn,null,e.createElement(e.Fragment,null,((null==r?void 0:r.overlineText)||(null===(d=null==r?void 0:r.description)||void 0===d?void 0:d.length)>0||(null===(s=null==r?void 0:r.button)||void 0===s?void 0:s.length)>0||(null==r?void 0:r.title))&&e.createElement("div",{className:Wn["text-container"]},(null==r?void 0:r.overlineText)&&e.createElement("div",{className:Wn.overline},null==r?void 0:r.overlineText),(null==r?void 0:r.title)&&(null==r?void 0:r.headlineVariants)===b?e.createElement("h1",{className:S,style:Object.assign({},P)},null==r?void 0:r.title," "):(null==r?void 0:r.headlineVariants)===f?e.createElement("h2",{className:S,style:Object.assign({},P)},null==r?void 0:r.title):(null==r?void 0:r.headlineVariants)===_?e.createElement("h3",{className:S,style:Object.assign({},P)},null==r?void 0:r.title):e.createElement("h4",{className:S,style:Object.assign({},P)},null==r?void 0:r.title),(null===(c=null==r?void 0:r.description)||void 0===c?void 0:c.length)>0&&e.createElement(kn,{content:null==r?void 0:r.description[0]}),(null==r?void 0:r.button)&&(null===(m=null==r?void 0:r.button)||void 0===m?void 0:m.length)>0&&e.createElement("div",{className:Wn.btn},e.createElement(Pn,{content:null==r?void 0:r.button[0],eventAction:null==r?void 0:r.title,metadata:o}))),(null==r?void 0:r.isMobSlider)&&(null==r?void 0:r.variant)===T?e.createElement(e.Fragment,null,e.createElement("div",{className:`row ${Wn.cards} d-none d-sm-block`},(null==E?void 0:E.length)>0&&(null==E?void 0:E.map(((n,t)=>e.createElement("div",{key:t,className:`${B} col-md-4 col-sm-6 ${Wn.card}`},e.createElement(An,{content:n,metadata:o})))))),e.createElement("div",{className:`d-block d-sm-none ${Wn.carousel}`},(null==E?void 0:E.length)>0&&e.createElement(xn,{infinite:null==r?void 0:r.enableCycle,responsive:C,autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(p=null==r?void 0:r.productTeaserSlides)||void 0===p?void 0:p.length),dotListClass:Wn.carousel_dot,itemClass:Wn.carouselItem,ssr:!0,arrows:!1,containerClass:Wn.carouselContainer,sliderClass:Wn.sliderClass,customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==w},null==E?void 0:E.map(((n,t)=>e.createElement("div",{key:t,className:Wn.slide},e.createElement(An,{content:n,metadata:o}))))))):(null==r?void 0:r.variant)===T?e.createElement("div",{className:`row ${Wn.cards}`},(null==E?void 0:E.length)>0&&(null==E?void 0:E.map(((n,t)=>e.createElement("div",{key:t,className:`${B} col-md-4 col-sm-6 ${Wn.card}`},e.createElement(An,{content:n,metadata:o})))))):e.createElement("div",{className:Wn.carousel},(null==E?void 0:E.length)>0&&e.createElement(xn,{infinite:null==r?void 0:r.enableCycle,responsive:C,autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(g=null==r?void 0:r.productTeaserSlides)||void 0===g?void 0:g.length),dotListClass:Wn.carousel_dot,itemClass:Wn.carouselItem,ssr:!0,arrows:!1,containerClass:Wn.carouselContainer,sliderClass:Wn.sliderClass,customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==w},null==E?void 0:E.map(((n,t)=>e.createElement("div",{key:t,className:Wn.slide},e.createElement(An,{content:n,metadata:o})))))))),(null===(h=null==r?void 0:r.bottomSpace)||void 0===h?void 0:h.length)>0&&e.createElement(Rn,{content:null==r?void 0:r.bottomSpace[0]}))};export{oe as ButtonGroup,te as ImageComponent,le as ImageWithText,yn as ImageWithTextWrapper,Nn as InternetAndTvCardsBenefits,D as RibbonComponent,ee as StageTeaserComponent,ie as TextComponent};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|