.layout_layout__fTdr7{margin:0 auto;max-width:700px;padding:0 10px;min-height:100vh;display:flex;flex-direction:column}.layout_home-link__lMotL{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:var(--text-normal)}.layout_logo-canvas__LaeQX{margin-right:8px;height:0}.layout_main__ABI2k{margin-bottom:24px}.layout_main__ABI2k li,.layout_main__ABI2k p{line-height:1.5}.layout_blogs__PJ4zS{margin:0 0 15px;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.layout_blog__GZDqb{padding:4px;display:flex;align-items:center;gap:4px;white-space:nowrap;background:#7978781d}.layout_blog__GZDqb img{max-width:16px;max-height:16px}.layout_footer__DcfK2{padding:10px 0;display:flex;justify-content:space-between;gap:10px}.layout_socials__i3oz8{display:flex;flex-wrap:wrap;gap:10px}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.right-4{right:1rem}.z-10{z-index:10}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-2{height:.5rem}.h-4{height:1rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:.5rem}.w-4{width:1rem}.w-64{width:16rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.overflow-auto{overflow:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-l-2{border-left-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-600\/40{border-color:rgb(75 85 99/.4)}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-gray-600{fill:#4b5563}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-2{padding-left:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.italic{font-style:italic}.leading-none{line-height:1}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{--blue:#8bc7ff;--bg:#ffffff;--header:var(--blue);--text-normal:#333333;--text-title:#222;--text-link:#6692bb;--hr:hsla(0,0%,0%,0.2);--inline-code-bg:rgba(255,229,100,0.2);--inline-code-text:#1a1a1a;font-size:110%;color:var(--text-normal);background-image:linear-gradient(355deg,hsl(334deg 65% 94%),hsl(316deg 65% 93%) 24%,hsl(299deg 66% 92%) 35%,hsl(282deg 65% 91%) 45%,hsl(265deg 65% 90%) 55%,hsl(248deg 65% 89%) 65%,hsl(230deg 66% 89%) 76%,hsl(212deg 66% 88%))}a{text-decoration:none}@media (prefers-color-scheme:dark){body{-webkit-font-smoothing:antialiased;--bg:#141d26;--header:#ffffff;--text-normal:rgba(255,255,255,0.88);--text-title:#ffffff;--text-link:var(--blue);--hr:hsla(0,0%,100%,0.2);--inline-code-bg:hsl(222,14%,25%);--inline-code-text:#e6e6e6;background-image:linear-gradient(355deg,hsl(334deg 65% 14%),hsl(316deg 65% 13%) 24%,hsl(299deg 66% 12%) 35%,hsl(282deg 65% 11%) 45%,hsl(265deg 65% 10%) 55%,hsl(248deg 65% 9%) 65%,hsl(230deg 66% 9%) 76%,hsl(212deg 66% 8%))}.shiki,.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}@media (max-width:400px){h2{font-size:1.2em}}h4{margin:18px 0}h1,h2,h3,h4,h5,h6{margin:0;a[href^="#"]{text-decoration:none;color:var(--text-normal)}}a{color:var(--text-link);&:hover{opacity:.8}}img{max-width:100%}pre{overflow-x:auto}table{p{margin:0}th{font-weight:400}td,th{padding:4px}td{text-align:center}border-collapse:collapse;&,td,th{border:1px solid #8d8d8d}}.twitter-tweet{margin:24px}.trickster{animation:lightblink 1s infinite alternate}@keyframes lightblink{0%{color:white}to{color:rgb(225,225,225)}}p:has(video){display:flex;justify-content:center}video{max-width:100%;max-height:80vh;margin:0 auto;display:flex}summary{cursor:pointer;text-decoration:underline;&:hover{text-decoration:none}}pre.shiki{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:8px}.code-tabs,pre.shiki{border:1px solid #c4c6c9}@media (prefers-color-scheme:dark){.code-tabs,pre.shiki{border:1px solid #5d636d}}.code-tabs .shiki{border:0;margin:0}pre[data-line]{padding:1em 0 1em 3em;position:relative}.instagram-media{margin:0 auto!important}.tetris{padding:8px;display:flex;flex-direction:column;gap:8px;width:-moz-fit-content;width:fit-content}.hover\:underline:hover{text-decoration-line:underline}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}}@media (prefers-color-scheme:dark){.dark\:border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.dark\:border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.\[\&_ol\]\:m-0 ol{margin:0}.\[\&_ol\]\:pl-6 ol{padding-left:1.5rem}.\[\&_td\]\:border-solid td{border-style:solid}.\[\&_td\]\:border-gray-300 td{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.\[\&_td\]\:p-2 td{padding:.5rem}.\[\&_ul\]\:m-0 ul{margin:0}.\[\&_ul\]\:pl-6 ul{padding-left:1.5rem}@font-face{font-family:Arvo;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/bfc5fc7f10fa18ea-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Arvo;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/d262766de5b2a2ae-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Arvo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eae1008d0a7c1eaf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Arvo;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0460ac3f200db590-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Arvo Fallback;src:local("Times New Roman");ascent-override:79.95%;descent-override:20.56%;line-gap-override:2.23%;size-adjust:120.19%}.__className_22770b{font-family:Arvo,Arvo Fallback}