https://www.joinkudos.com/9203.7668008def57189e9bf6.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5e75264f-9d47-448a-8d60-38e06401d1ed",e._sentryDebugIdIdentifier="sentry-dbid-5e75264f-9d47-448a-8d60-38e06401d1ed")}catch(e){}}();var _global="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};_global.SENTRY_RELEASE={id:"88a9894b917f3c78b775b93656a9d0a952e3919c"},(self.webpackChunkkudos_portal=self.webpackChunkkudos_portal||[]).push([[9203],{20256:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var l=n(47950),a=n(12243),d=n(40242),i=n(14041),r=n(76990);const o=n.p+"da4f252440b94e9f77d4.jpg",c=n.p+"16851355140c4cccdce3.mp4",s=r.Ay.div`
2    padding: 64px 112px;
3    background-color: ${({theme:e})=>e.colors.bg.accent.yellowSecondary};
4
5    @media ${d.z4.maxTablet} {
6        padding: 40px 16px;
7    }
8`,u=(0,r.Ay)(l.I1)`
9    max-width: 1216px;
10    margin: 0 auto;
11    align-items: center;
12    gap: 24px;
13    width: 100%;
14`,p=(0,r.Ay)(a.JO)`
15    text-align: center;
16
17    @media ${d.z4.maxTablet} {
18        ${a.DD}
19    }
20`,f=r.Ay.div`
21    width: 100%;
22    border-radius: 20px;
23    overflow: hidden;
24    position: relative;
25
26    @media ${d.z4.maxTablet} {
27        border-radius: 12px;
28    }
29`,b=r.Ay.video`
30    width: 100%;
31    display: block;
32`,g=r.Ay.div`
33    position: relative;
34    cursor: pointer;
35`,y=r.Ay.img`
36    width: 100%;
37    display: block;
38`,m=r.Ay.div`
39    position: absolute;
40    inset: 0;
41    display: flex;
42    align-items: center;
43    justify-content: center;
44`,h=r.Ay.div`
45    width: 64px;
46    height: 64px;
47    border-radius: 50%;
48    background: rgba(0, 0, 0, 0.6);
49    display: flex;
50    align-items: center;
51    justify-content: center;
52    transition: background 150ms ease;
53
54    ${g}:hover & {
55        background: rgba(0, 0, 0, 0.8);
56    }
57`,w=()=>i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{d:"M8 5V19L19 12L8 5Z",fill:"white"})),E=()=>{const[e,t]=(0,i.useState)(!1),n=(0,i.useRef)(null),l=(0,i.useCallback)(e=>{n.current=e,e&&e.play()},[]);return(0,i.useEffect)(()=>()=>{const e=n.current;e&&(e.pause(),e.removeAttribute("src"),e.load())},[]),i.createElement(s,null,i.createElement(u,null,i.createElement(p,null,"The future is here"),i.createElement(f,null,e?i.createElement(b,{ref:l,controls:!0},i.createElement("source",{src:c,type:"video/mp4"})):i.createElement(g,{onClick:()=>t(!0)},i.createElement(y,{src:o,alt:"Video thumbnail"}),i.createElement(m,null,i.createElement(h,null,i.createElement(w,null)))))))}}}]);
58//# sourceMappingURL=9203.7668008def57189e9bf6.js.map