._10meo7i0{border:1px solid var(--_1fl34mg18);margin-block:1.25em}._10meo7i0 :last-child{margin-bottom:0}@keyframes mdefjv2{50%{scale:5;filter:var(--mdefjv0)}to{scale:1;opacity:.5}}.mdefjv1{--mdefjv0:none;display:grid;aspect-ratio:16/9;grid-template-columns:repeat(10,1fr);justify-items:center;align-items:center;margin-bottom:var(--_1fl34mgs);overflow:hidden}.mdefjv3{border-radius:100%;width:2px;height:2px;background:var(--_1fl34mg14);animation-name:mdefjv2;animation-duration:1s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:calc(var(--delay) * .1s)}@media (min-width:768px){.mdefjv1{--mdefjv0:blur(0.5px)}}.e1rd240 .e1rd241{font-family:var(--_1fl34mg1);font-weight:900;font-size:2rem;line-height:1;margin-block:0}.e1rd240 .e1rd242{margin-block:0}@media (min-width:768px){.e1rd240 .e1rd241{font-size:4rem}}@keyframes _1fcqx141{0%{box-shadow:0 0 10px 5px rgba(0,0,0,.25)}to{scale:1.2;box-shadow:0 0 20px rgba(0,0,0,.25)}}@keyframes _1fcqx142{to{scale:1.2}}._1fcqx140{position:relative;background:white;aspect-ratio:16/9;overflow:hidden;margin-bottom:var(--_1fl34mgs)}._1fcqx143{position:absolute;top:50%;left:50%;width:calc(10px * var(--circle) * var(--circle) / 2);height:calc(10px * var(--circle) * var(--circle) / 2);border-radius:100%;translate:-50% -50%;border:1px solid gray;animation-name:_1fcqx141;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:calc(.1s * var(--circle));animation-fill-mode:both;animation-timing-function:ease}._1fcqx143:first-child{animation-name:_1fcqx142}@keyframes vxlux91{0%{translate:0 -100%;opacity:0}50%{translate:0 10%}to{translate:0 0;opacity:1}}@keyframes vxlux92{0%{translate:0 100%;opacity:0}50%{translate:0 10%}to{translate:0 0;opacity:1}}@keyframes vxlux93{0%{scale:0;opacity:0}50%{scale:1.1}to{scale:1;opacity:1}}@keyframes vxlux94{0%{scale:0;translate:100% 0;rotate:100deg;opacity:0}50%{translate:10% 0;scale:1}to{translate:0 0;rotate:0deg;opacity:1}}@keyframes vxlux95{0%{height:0;opacity:0}50%{height:clamp(16px,25cqw,86px)}to{height:clamp(16px,10cqw,64px);opacity:1}}.vxlux90{container-type:inline-size;display:grid;grid-template-columns:repeat(2,min-content);grid-template-rows:repeat(3,min-content);justify-content:center;align-content:center;aspect-ratio:16/9;overflow:hidden;margin-bottom:var(--_1fl34mgs);background:#fff}.vxlux96{width:clamp(16px,10cqw,64px);height:clamp(16px,10cqw,64px)}.vxlux97{background:#F24E1E;animation-name:vxlux91;animation-timing-function:cubic-bezier(.175,.885,.35,1.275);animation-fill-mode:both}.vxlux97,.vxlux98{animation-duration:1s}.vxlux98{background:#FF7262;animation-name:vxlux92;animation-timing-function:cubic-bezier(.175,.885,.35,1.275);animation-delay:.1s;animation-fill-mode:both}.vxlux99{background:#A259FF;animation-name:vxlux93;animation-duration:1s;animation-timing-function:cubic-bezier(.175,.885,.35,1.275);animation-delay:.2s;animation-fill-mode:both}.vxlux9a{background:#1ABCFE;animation-name:vxlux94;animation-delay:.3s;animation-fill-mode:both}.vxlux9a,.vxlux9b{animation-duration:1s}.vxlux9b{background:#0ACF83;animation-name:vxlux95;animation-timing-function:cubic-bezier(.175,.885,.35,1.275);animation-delay:.2s;animation-fill-mode:both}@keyframes _446oa91{to{rotate:1turn}}._446oa90{position:relative;aspect-ratio:16/9;overflow:hidden;margin-bottom:var(--_1fl34mgs);background:#fff}._446oa92{position:absolute;opacity:.6;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:_446oa91}._446oa93{left:-10%;width:500px;height:800px;border-radius:80%;background:red;filter:blur(100px);animation-duration:5s}._446oa94{left:20%;z-index:1;width:400px;height:600px;border-radius:80%;background:blue;filter:blur(130px);animation-duration:8s;animation-direction:reverse}._446oa95{right:50%;width:400px;height:700px;border-radius:70%;background:green;filter:blur(200px);animation-duration:6s}._446oa96{right:20%;width:500px;height:800px;background:yellow;animation-duration:7s;animation-direction:reverse}._446oa96,._446oa97{border-radius:90%;filter:blur(150px)}._446oa97{right:-10%;width:300px;height:500px;background:purple;animation-duration:5s}@keyframes _1tcrt0t2{0%{width:0}to{width:100%}}._1tcrt0t0{margin-bottom:var(--_1fl34mgs);background:#FFF}._1tcrt0t1{position:relative;aspect-ratio:16/9;-webkit-mask-image:url(/blog/building-a-blog-with-next-and-mdx/mask.svg);mask-image:url(/blog/building-a-blog-with-next-and-mdx/mask.svg);-webkit-mask-size:cover;mask-size:cover}._1tcrt0t3{position:absolute;inset:0;height:100%;animation-name:_1tcrt0t2;animation-duration:.9s;animation-fill-mode:both;animation-timing-function:ease-in}._1tcrt0t4{background:#FED24C;animation-delay:.3s}._1tcrt0t5{background:#FF5C37;animation-delay:.4s}._1tcrt0t6{background:#FFACFA;animation-delay:.5s}._1tcrt0t7{background:#34B139;animation-delay:.6s}._1tcrt0t8{background:#278AFC;animation-delay:.8s}@keyframes _1bnpl311{0%{opacity:0;transform:translateY(-200px)}40%{transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._1bnpl310{display:block;max-width:100%;height:auto;border:2px solid var(--_1fl34mg18);margin-bottom:var(--_1fl34mgs)}._1bnpl312{fill:var(--_1fl34mg13);animation-name:_1bnpl311;animation-duration:1s;animation-timing-function:cubic-bezier(.175,.885,.35,1.275);animation-fill-mode:both}._1bnpl312:nth-child(2){animation-delay:.15s}._1bnpl312:nth-child(3){animation-delay:.25s}._1bnpl312:nth-child(4){animation-delay:.35s}