https://www.atomiccartoons.com/_next/static/chunks/8938.a48523d13e83d737.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8938],{98938:function(e,t,a){a.r(t),a.d(t,{default:function(){return v}});var l=a(85333),s=a(6692),i=a(2281),n=a(89290),r=a(52322);a(2784);var o=a(6277),c=a(93556),m=a(96795),d=a.n(m),f=a(39083),x=a(60328),u=a(3570),v=function(e){var t=e.align,a=void 0===t?"right":t,m=e.characters,v=e.className,w=e.classNames,p=e.content,h=e.layout,y=void 0===h?"horizontal":h,g=e.media,_=(0,i._)(e,["align","characters","className","classNames","content","layout","media"]),N=(0,n._)(d()(void 0===m?[]:m,{surfaceLevel:"foreground"}),2),j=(0,n._)(N[0],1)[0],b=(0,n._)(N[1],1)[0];return(0,r.jsxs)("section",{className:"relative",children:[(0,r.jsx)("div",(0,s._)((0,l._)({className:(0,o.Z)("box-py box-[my*-1] box-px z-content relative w-full md:px-0",v,null==w?void 0:w.root)},_),{children:(0,r.jsxs)("div",{className:(0,o.Z)("max-w-vast mx-auto flex flex-wrap items-center justify-center gap-6 md:flex-nowrap md:justify-between lg:gap-8 xl:gap-10","horizontal"===y&&"flex-row items-center","vertical"===y&&"flex-col items-start"),children:[(0,r.jsxs)("div",{className:(0,o.Z)("box-[ml*-1] z-under relative ml-0 mr-

1auto aspect-[4/3] !w-[84vw] shrink-0 grow-0 self-stretch md:ml-0 md:!w-full md:grow md:basis-1/2",null==w?void 0:w.media),children:[(0,r.jsx)(c.m.div,{className:"h-full w-full",initial:{opacity:0,y:50},transition:{duration:.4,ease:"easeOut"},viewport:{margin:"100% 0% -5% 0%"},whileInView:{opacity:1,y:0},children:(0,r.jsx)(x.default,{fill:!0,media:void 0===g?{}:g})}),j&&(0,r.jsx)(f.Z,(0,s._)((0,l._)({},j),{classNames:{media:["pointer-events-none","left"===a?"-translate-x-1/2":"translate-x-1/2"],root:["!w-[23vw] h-full flex flex-col justify-center top-0","left"===a?"left-0":"right-0"]},initial:{opacity:0,scaleY:.95,y:40},viewport:{margin:"100% 0% -40% 0%"},whileInView:{opacity:1,scaleY:1,y:0}}))]}),(0,r.jsx)("div",{className:(0,o.Z)("md:box-py md:box-[px*0.5] max-w-tiny-content mx-auto flex-[1_1_50%] flex-row self-center md:mr-0 lg:mr-0 lg:max-w-[33.75rem]","left"===a&&"md:order-first"),children:p&&(0,r.jsx)(u.default,{as:"div",className:(0,o.Z)(null==w?void 0:w.content),content:p})})]})})),b&&(0,r.jsx)(f.Z,(0,s._)((0,l._)({},b),{classNames:{media:["!w-[23vw] pointer-events-none translate-y-[10%]","left"===a?"translate-x-[-10%]":"translate-x-[10%]"],root:["top-0","left"===a?"left-0":"right-0"]},initial:{opacity:0,scale:.9,x:"left"===a?-30:30},viewport:{margin:"100% 0% -20% 0%"}}))]})}}}]);