.src_components_spinner_Spinner_component{width:var(--size-20)!important;height:var(--size-20)!important;border:2px solid currentColor;border-bottom:2px solid transparent;border-radius:var(--radius-circle);animation:src_components_spinner_Spinner_spin var(--duration-1000) infinite}@keyframes src_components_spinner_Spinner_spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.src_components_heading_fit_container_HeadingFitContainer_component{font-family:var(--font-family-jumbo-mindset);line-height:var(--line-height-large-heading);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.src_components_heading_fit_container_HeadingFitContainer_component.src_components_heading_fit_container_HeadingFitContainer_isSlim{font-family:var(--font-family-jumbo-mindset-slim);font-weight:400}.src_components_heading_fit_container_HeadingFitContainer_componentLine,.src_components_heading_fit_container_HeadingFitContainer_text{--captured-length: initial;--support-sentinel: var(--captured-length, 9999px);display:flex;container-type:inline-size}:is(.src_components_heading_fit_container_HeadingFitContainer_componentLine,.src_components_heading_fit_container_HeadingFitContainer_text)>.src_components_heading_fit_container_HeadingFitContainer_visibleTitle{flex-grow:1}.src_components_heading_fit_container_HeadingFitContainer_hiddenTitle{visibility:hidden}.src_components_heading_fit_container_HeadingFitContainer_visibleTitle{container-type:inline-size;--captured-length: 100cqi;--available-space: var(--captured-length)}.src_components_heading_fit_container_HeadingFitContainer_visibleTitle>*{--font-size: clamp(1em, 1em * var(--ratio), var(--max-font-size, infinity * 1px) - var(--support-sentinel));--support-sentinel: inherit;--captured-length: 100cqi;--ratio: tan( atan2( var(--available-space), var(--available-space) - var(--captured-length) ) );inline-size:calc(var(--available-space) + 1px)}@container (width > 0){.src_components_heading_fit_container_HeadingFitContainer_visibleTitle>*{white-space:nowrap}}.src_components_heading_fit_container_HeadingFitContainer_visibleTitle>*.src_components_heading_fit_container_HeadingFitContainer_text{--captured-length2: var(--font-size);font-variation-settings:"opsz" tan(atan2(var(--captured-length2),1px))}.src_components_heading_fit_container_HeadingFitContainer_visibleTitle>*:not(.src_components_heading_fit_container_HeadingFitContainer_text){display:block;font-size:var(--font-size)}@property --captured-length{syntax: "<length>"; initial-value: 0; inherits: true;}@property --captured-length2{syntax: "<length>"; initial-value: 0; inherits: true;}.src_components_verhaal_cta_banner_VerhaalCtaBanner_component_root{max-width:var(--size-container-max-width-xl);margin:0 auto}.src_components_verhaal_cta_banner_VerhaalCtaBanner_component{z-index:0;position:relative;display:grid;aspect-ratio:1 / 2;overflow:hidden;border-radius:var(--radius-25);background-color:var(--color-yellow-600)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_component{aspect-ratio:12 / 7}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_component>.src_components_verhaal_cta_banner_VerhaalCtaBanner_slideLayout{z-index:1;position:absolute;inset:0}.src_components_verhaal_cta_banner_VerhaalCtaBanner_component>.src_components_verhaal_cta_banner_VerhaalCtaBanner_progressBarsLayout{z-index:2;grid-area:1 / 1;justify-self:stretch;align-self:start}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_component>.src_components_verhaal_cta_banner_VerhaalCtaBanner_progressBarsLayout{justify-self:start;align-self:center;height:50%}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentSlide{--stagger-duration: 90ms;z-index:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentSlide{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 35%}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentSlide>.src_components_verhaal_cta_banner_VerhaalCtaBanner_imageLayout{z-index:0;grid-area:2 / 1;justify-self:center;align-self:start;width:calc(100% - 2 * var(--size-32));height:calc(100% - var(--size-40));margin-bottom:var(--size-40)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentSlide>.src_components_verhaal_cta_banner_VerhaalCtaBanner_imageLayout{grid-area:1 / 2;justify-self:end;align-self:center;width:calc(100% - var(--size-52));height:calc(100% - 2 * var(--size-52));margin:0 var(--size-52) 0 0}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentSlide>.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer{z-index:1;grid-area:1 / 1}.src_components_verhaal_cta_banner_VerhaalCtaBanner_image{object-fit:cover;object-position:center;border-radius:var(--radius-15-25);rotate:2deg;animation:src_components_verhaal_cta_banner_VerhaalCtaBanner_scaleIn var(--duration-450) var(--ease-out-bounce) calc(var(--stagger-duration) * 3) both}.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--size-24);padding:var(--size-52) var(--size-24) var(--size-24)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer{justify-content:center;align-items:flex-start;padding:var(--size-52) var(--size-40) var(--size-52) var(--size-64)}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer>.src_components_verhaal_cta_banner_VerhaalCtaBanner_buttonContainerLayout{width:100%}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer>.src_components_verhaal_cta_banner_VerhaalCtaBanner_buttonContainerLayout{width:max-content;min-width:max(45%,var(--size-200))}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_contentContainer>.src_components_verhaal_cta_banner_VerhaalCtaBanner_headingsLayout{align-self:stretch}.src_components_verhaal_cta_banner_VerhaalCtaBanner_buttonContainer{animation:src_components_verhaal_cta_banner_VerhaalCtaBanner_scaleIn var(--duration-450) var(--ease-out-bounce) calc(var(--stagger-duration) * 2) both}.src_components_verhaal_cta_banner_VerhaalCtaBanner_buttonContainer>.src_components_verhaal_cta_banner_VerhaalCtaBanner_buttonLayout{width:100%}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentHeadings{display:flex;flex-direction:column;text-align:center}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentHeadings{text-align:left}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_backdropHeading{font-family:var(--font-family-jumbo-mindset-slim);font-size:clamp(90px,calc(90px + 62 * var(--m)),152px);line-height:var(--line-height-large-heading);text-transform:uppercase;text-wrap:balance;color:var(--color-yellow-100);animation:src_components_verhaal_cta_banner_VerhaalCtaBanner_scaleIn var(--duration-450) var(--ease-out-bounce) both}.src_components_verhaal_cta_banner_VerhaalCtaBanner_headingContainer{animation:src_components_verhaal_cta_banner_VerhaalCtaBanner_scaleIn var(--duration-450) var(--ease-out-bounce) var(--stagger-duration) both}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBars{display:flex;justify-content:center;gap:var(--size-8);padding:var(--size-24)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBars{flex-direction:column;padding:var(--size-24) var(--size-20)}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBars>.src_components_verhaal_cta_banner_VerhaalCtaBanner_progressBarLayout{flex:1;height:var(--size-16);max-width:var(--size-52)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBars>.src_components_verhaal_cta_banner_VerhaalCtaBanner_progressBarLayout{width:var(--size-16);height:auto;max-width:none;max-height:var(--size-52)}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBar{cursor:pointer;display:flex;align-items:center;justify-content:center}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBar:hover{--background-bar: var(--color-white--80)}.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBar>.src_components_verhaal_cta_banner_VerhaalCtaBanner_bar{width:100%;height:var(--size-4)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_componentProgressBar>.src_components_verhaal_cta_banner_VerhaalCtaBanner_bar{width:var(--size-4);height:100%}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_bar{border-radius:var(--radius-pill);background-color:var(--background-bar, var(--color-white));transition:background-color var(--duration-150) var(--ease-out);overflow:hidden}.src_components_verhaal_cta_banner_VerhaalCtaBanner_bar>.src_components_verhaal_cta_banner_VerhaalCtaBanner_fill{width:100%;height:100%}.src_components_verhaal_cta_banner_VerhaalCtaBanner_fill{display:block;transform:scaleX(var(--progress-bar-fill));transform-origin:left;background-color:var(--color-black)}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_fill{transform:scaleY(var(--progress-bar-fill));transform-origin:top}}.src_components_verhaal_cta_banner_VerhaalCtaBanner_fillCycling{animation:src_components_verhaal_cta_banner_VerhaalCtaBanner_fillProgressBarHorizontal var(--cycle-duration) linear forwards}@media screen and (min-width:48em){.src_components_verhaal_cta_banner_VerhaalCtaBanner_fillCycling{animation-name:src_components_verhaal_cta_banner_VerhaalCtaBanner_fillProgressBarVertical}}@keyframes src_components_verhaal_cta_banner_VerhaalCtaBanner_fillProgressBarHorizontal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes src_components_verhaal_cta_banner_VerhaalCtaBanner_fillProgressBarVertical{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes src_components_verhaal_cta_banner_VerhaalCtaBanner_scaleIn{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}

/*# sourceMappingURL=F46W2ZTX-verhaal-cta-banner.php.css.map */
