1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10],{30010:function(e,t,l){l.r(t),l.d(t,{default:function(){return c}});var a=l(51403),n=l(88026),i=l(43857),d=l(95855);function c(e){var t,l,c=(0,i.Z)().t;return(0,a.jsxs)("div",{className:"flex flex-col items-start md:items-center",children:[(0,a.jsx)(d.H2,{text:c("".concat(null==e?void 0:e.localeSlug,":HOW_IT_WORKS_SECTION_TITLE")),classes:"max-w-3xl text-left md:text-center"}),(0,a.jsx)("div",{className:"grid grid-cols-1 ".concat((null==e?void 0:null===(t=e.steps)||void 0===t?void 0:t.length)>3?"md:grid-cols-2 gap-4 md:gap-8":"md:grid-cols-3 gap-4"," mt-8 w-full"),children:null==e?void 0:null===(l=e.steps)||void 0===l?void 0:l.map(function(t,l){return(0,a.jsxs)("div",{className:"border border-slate-200 rounded-xl p-6 flex flex-col gap-2",children:[(0,a.jsxs)("div",{className:"flex flex-row items-start gap-3",children:[(0,a.jsx)("div",{className:(0,n.Z)("bg-gradient-to-bl from-".concat(null==e?void 0:e.app,"-gradient-start via-").concat(null==e?void 0:e.app,"-gradient-middle to-").concat(null==e?void 0:e.app,"-gradient-end text-white rounded-full h-8 w-8 text-xl flex items-center justify-center antialiased shrink-0")),children:l+1}),(0,a.jsx)("h3",{className:"mt-0.5 text-lg md:text-xl -tracking-[0.014em] md:-tracking-[0.017em] text-primary antialiased font-medium",children:c("".concat(null==e?void 0:e.localeSlug,":").concat(null==t?void 0:t.title))})]}),(0,a.jsx)("p",{className:"mt-2 text-slate-800 antialiased font-[350] text-sm md:text-base -tracking-[0.006em] md:-tracking-[0.011em]",children:c("".concat(null==e?void 0:e.localeSlug,":").concat(null==t?void 0:t.description))})]},l)})})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.