"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3247,6213],{68850:function(e,i,t){t.r(i),t.d(i,{default:function(){return w}});var n=t(25555),a=t(30359),s=t(28793),l=t(99922),d=t(916);const o=(0,l.A)("div")` display: flex; flex-direction: column; align-items: center; `,r=(0,l.A)(n.A)` ${s.A.lessThan(d.or.small)} { visibility: hidden; display: none; } `,x=(0,l.A)(n.A)` visibility: hidden; display: none; ${s.A.lessThan(d.or.medium)} { display: block; visibility: visible; margin-bottom: 20px; } `,p=(0,l.A)("div")` display: flex; justify-content: center; gap: 45px; align-items: center; width: 100%; ${s.A.lessThan(d.or.medium)} { flex-direction: column; gap: 20px; width: 100vw; } ${s.A.lessThan(d.or.large)} { width: 90vw; } `,u=(0,l.A)("div")` display: flex; justify-content: space-between; gap: 170px; ${s.A.lessThan(d.or.medium)} { flex-direction: column; margin: 0 auto; gap: 30px; } ${s.A.lessThan(d.or.large)} { gap: 50px; } `,c=(0,l.A)("div")` display: flex; flex-direction: column; gap: 20px; ${s.A.lessThan(d.or.medium)} { padding: 0 20px; } `,g=(0,l.A)("div")` display: flex; width: 100%; ${s.A.lessThan(d.or.medium)} { justify-content: center; } `,m=(0,l.A)("div")` background: ${e=>e.darkBackground?(0,a.oU)(a.J2.light,a.j9.secondaryLow):(0,a.oU)(a.J2.light,a.j9.surfaceMedium)}; width: 100vw; padding-top: ${e=>e.darkBackground?"70px":"160px"}; padding-bottom: ${e=>e.darkBackground?"50px":"160px"}; ${s.A.lessThan(d.or.medium)} { padding-bottom: 50px; padding-top: 50px; content-visibility: auto; contain-intrinsic-size: auto 800px; } `,A=(0,l.A)("div")` display: flex; justify-content: space-between; align-items: center; max-width: 1100px; margin: 30px auto; padding: 0 20px; ${s.A.lessThan(d.or.medium)} { flex-direction: column; text-align: center; gap: 20px; padding: 0; } ${s.A.lessThan(d.or.xlarge)} { max-width: 100vw; } `,h=(0,l.A)("div")` min-width: 265px; `,j=(0,l.A)("ul")` margin: 0; `;var y=t(9966),f=t(32997),v=t(16960),T=t(6727),k=t(17437);var w=({darkBackground:e=!1})=>{const i=(0,f.A)(),t=[{image:"main-page/success/pof_illustration_hearts_dance.png",text:i.indexPofSuccessSuccessText1,who:"-Annie"},{image:"main-page/success/pof_illustration_hearts_skaterhearts.png",text:i.indexPofSuccessSuccessText2,who:"-Brooke"}];return(0,k.jsx)(m,{darkBackground:e},(0,k.jsx)(o,null,(0,k.jsx)(A,null,(0,k.jsx)(p,null,(0,k.jsx)(x,{tag:"h2",textStyle:v.TJ.subheadingLarge,colorToken:a.j9.primary},i.indexPofSuccessTitle),(0,k.jsx)(T.A,{config:{autoplay:!0,speed:200,autoplaySpeed:6e3,appendDots:e=>(0,k.jsx)("div",null,(0,k.jsx)(u,null,(0,k.jsx)(h,null),(0,k.jsx)(g,null,(0,k.jsx)(j,null,e))))}},t.map((e=>(0,k.jsx)("div",{key:e.image},(0,k.jsx)(u,null,(0,k.jsx)(h,null,(0,k.jsx)(y.A,{src:e.image,alt:e.text,title:e.text})),(0,k.jsx)("div",null,(0,k.jsx)(c,null,(0,k.jsx)(r,{tag:"h2",textStyle:v.TJ.headingMedium,colorToken:a.j9.primary},i.indexPofSuccessTitle),(0,k.jsx)(n.A,{tag:"div",textStyle:v.TJ.titleMediumLight,colorToken:a.j9.primary},e.text),(0,k.jsx)(n.A,{tag:"div",textStyle:v.TJ.bodyMediumBold,colorToken:a.j9.primary},e.who))))))))))))}}}]);