@font-face{font-family:"Rubik";font-optical-sizing:auto;font-style:normal;font-weight:300 900;src:local("Rubik"),url("fonts/rubik-variable.ttf") format("truetype")}@font-face{font-family:"Rubik";font-optical-sizing:auto;font-style:italic;font-weight:300 900;src:local("Rubik"),url("fonts/rubik-italic-variable.ttf") format("truetype")}@font-face{font-family:"Inter";font-optical-sizing:auto;font-style:normal;font-weight:300 900;src:local("Inter"),url("fonts/inter-variable.ttf") format("truetype")}@font-face{font-family:"Inter";font-optical-sizing:auto;font-style:italic;font-weight:300 900;src:local("Inter"),url("fonts/inter-italic-variable.ttf") format("truetype")}@font-face{font-family:"Monocraft";src:url("fonts/monocraft.ttf")}:root{--c-black: #000;--c-white: #fff;--c-stone-50: #fafaf9;--c-stone-100: #f5f5f4;--c-stone-200: #e7e5e4;--c-stone-250: #dfdcdb;--c-stone-300: #d6d3d1;--c-stone-400: #a8a29e;--c-stone-500: #78716c;--c-stone-600: #57534e;--c-stone-700: #44403c;--c-stone-750: #373330;--c-stone-800: #292524;--c-stone-850: #24201F;--c-stone-900: #1c1917;--c-stone-950: #0c0a09;--c-red-50: #fef2f2;--c-red-100: #fee2e2;--c-red-200: #fecaca;--c-red-300: #fca5a5;--c-red-400: #f87171;--c-red-500: #ef4444;--c-red-600: #dc2626;--c-red-700: #b91c1c;--c-red-800: #991b1b;--c-red-900: #7f1d1d;--c-red-950: #450a0a;--c-orange-50: #fff7ed;--c-orange-100: #ffedd5;--c-orange-200: #fed7aa;--c-orange-300: #fdba74;--c-orange-400: #fb923c;--c-orange-500: #f97316;--c-orange-600: #ea580c;--c-orange-700: #c2410c;--c-orange-800: #9a3412;--c-orange-900: #7c2d12;--c-orange-950: #431407;--c-amber-50: #fffbeb;--c-amber-100: #fef3c7;--c-amber-200: #fde68a;--c-amber-300: #fcd34d;--c-amber-400: #fbbf24;--c-amber-500: #f59e0b;--c-amber-600: #d97706;--c-amber-700: #b45309;--c-amber-800: #92400e;--c-amber-900: #78350f;--c-amber-950: #451a03;--c-yellow-50: #fefce8;--c-yellow-100: #fef9c3;--c-yellow-200: #fef08a;--c-yellow-300: #fde047;--c-yellow-400: #facc15;--c-yellow-500: #eab308;--c-yellow-600: #ca8a04;--c-yellow-700: #a16207;--c-yellow-800: #854d0e;--c-yellow-900: #713f12;--c-yellow-950: #422006;--c-lime-50: #f7fee7;--c-lime-100: #ecfccb;--c-lime-200: #d9f99d;--c-lime-300: #bef264;--c-lime-400: #a3e635;--c-lime-500: #84cc16;--c-lime-600: #65a30d;--c-lime-700: #4d7c0f;--c-lime-800: #3f6212;--c-lime-900: #365314;--c-lime-950: #1a2e05;--c-green-50: #f0fdf4;--c-green-100: #dcfce7;--c-green-200: #bbf7d0;--c-green-300: #86efac;--c-green-400: #4ade80;--c-green-500: #22c55e;--c-green-600: #16a34a;--c-green-700: #15803d;--c-green-800: #166534;--c-green-900: #14532d;--c-green-950: #052e16;--c-emerald-50: #ecfdf5;--c-emerald-100: #d1fae5;--c-emerald-200: #a7f3d0;--c-emerald-300: #6ee7b7;--c-emerald-400: #34d399;--c-emerald-500: #10b981;--c-emerald-600: #059669;--c-emerald-700: #047857;--c-emerald-800: #065f46;--c-emerald-900: #064e3b;--c-emerald-950: #022c22;--c-teal-50: #f0fdfa;--c-teal-100: #ccfbf1;--c-teal-200: #99f6e4;--c-teal-300: #5eead4;--c-teal-400: #2dd4bf;--c-teal-500: #14b8a6;--c-teal-600: #0d9488;--c-teal-700: #0f766e;--c-teal-800: #115e59;--c-teal-900: #134e4a;--c-teal-950: #042f2e;--c-cyan-50: #ecfeff;--c-cyan-100: #cffafe;--c-cyan-200: #a5f3fc;--c-cyan-300: #67e8f9;--c-cyan-400: #22d3ee;--c-cyan-500: #06b6d4;--c-cyan-600: #0891b2;--c-cyan-700: #0e7490;--c-cyan-800: #155e75;--c-cyan-900: #164e63;--c-cyan-950: #083344;--c-sky-50: #f0f9ff;--c-sky-100: #e0f2fe;--c-sky-200: #bae6fd;--c-sky-300: #7dd3fc;--c-sky-400: #38bdf8;--c-sky-500: #0ea5e9;--c-sky-600: #0284c7;--c-sky-700: #0369a1;--c-sky-800: #075985;--c-sky-900: #0c4a6e;--c-sky-950: #082f49;--c-blue-50: #eff6ff;--c-blue-100: #dbeafe;--c-blue-200: #bfdbfe;--c-blue-300: #93c5fd;--c-blue-400: #60a5fa;--c-blue-500: #3b82f6;--c-blue-600: #2563eb;--c-blue-700: #1d4ed8;--c-blue-800: #1e40af;--c-blue-900: #1e3a8a;--c-blue-950: #172554;--c-indigo-50: #eef2ff;--c-indigo-100: #e0e7ff;--c-indigo-200: #c7d2fe;--c-indigo-300: #a5b4fc;--c-indigo-400: #818cf8;--c-indigo-500: #6366f1;--c-indigo-600: #4f46e5;--c-indigo-700: #4338ca;--c-indigo-800: #3730a3;--c-indigo-900: #312e81;--c-indigo-950: #1e1b4b;--c-violet-50: #f5f3ff;--c-violet-100: #ede9fe;--c-violet-200: #ddd6fe;--c-violet-300: #c4b5fd;--c-violet-400: #a78bfa;--c-violet-500: #8b5cf6;--c-violet-600: #7c3aed;--c-violet-700: #6d28d9;--c-violet-800: #5b21b6;--c-violet-900: #4c1d95;--c-violet-950: #2e1065;--c-purple-50: #faf5ff;--c-purple-100: #f3e8ff;--c-purple-200: #e9d5ff;--c-purple-300: #d8b4fe;--c-purple-400: #c084fc;--c-purple-500: #a855f7;--c-purple-600: #9333ea;--c-purple-700: #7e22ce;--c-purple-800: #6b21a8;--c-purple-900: #581c87;--c-purple-950: #3b0764;--c-fuchsia-50: #fdf4ff;--c-fuchsia-100: #fae8ff;--c-fuchsia-200: #f5d0fe;--c-fuchsia-300: #f0abfc;--c-fuchsia-400: #e879f9;--c-fuchsia-500: #d946ef;--c-fuchsia-600: #c026d3;--c-fuchsia-700: #a21caf;--c-fuchsia-800: #86198f;--c-fuchsia-900: #701a75;--c-fuchsia-950: #4a044e;--c-pink-50: #fdf2f8;--c-pink-100: #fce7f3;--c-pink-200: #fbcfe8;--c-pink-300: #f9a8d4;--c-pink-400: #f472b6;--c-pink-500: #ec4899;--c-pink-600: #db2777;--c-pink-700: #be185d;--c-pink-800: #9d174d;--c-pink-900: #831843;--c-pink-950: #500724;--c-rose-50: #fff1f2;--c-rose-100: #ffe4e6;--c-rose-200: #fecdd3;--c-rose-300: #fda4af;--c-rose-400: #fb7185;--c-rose-500: #f43f5e;--c-rose-600: #e11d48;--c-rose-700: #be123c;--c-rose-800: #9f1239;--c-rose-900: #881337;--c-rose-950: #4c0519}:root{--c-bg: var(--c-stone-100);--c-text-1: var(--c-stone-900);--c-text-2: var(--c-stone-600);--c-text-3: var(--c-stone-500);--c-mono: var(--c-stone-700);--c-link: var(--c-sky-600);--c-link-soft: var(--c-sky-600);--c-high: var(--c-amber-700);--c-panel-1: var(--c-stone-200);--c-panel-2: var(--c-stone-300);--c-code-bg: var(--c-stone-850);--c-mono-bg: var(--c-stone-250);--c-tag-bg-amber: var(--c-amber-500);--c-tag-text-amber: var(--c-amber-100);--c-tag-bg-lime: var(--c-lime-500);--c-tag-text-lime: var(--c-lime-100);--c-tag-bg-emerald: var(--c-emerald-500);--c-tag-text-emerald: var(--c-emerald-100)}.dark{--c-bg: var(--c-stone-900);--c-text-1: var(--c-stone-100);--c-text-2: var(--c-stone-400);--c-text-3: var(--c-stone-500);--c-mono: var(--c-stone-200);--c-link: var(--c-sky-400);--c-link-soft: var(--c-sky-600);--c-high: var(--c-amber-400);--c-panel-1: var(--c-stone-800);--c-panel-2: var(--c-stone-700);--c-code-bg: var(--c-stone-850);--c-mono-bg: var(--c-stone-750);--c-tag-bg-amber: var(--c-amber-700);--c-tag-text-amber: var(--c-amber-200);--c-tag-bg-lime: var(--c-lime-700);--c-tag-text-lime: var(--c-lime-200);--c-tag-bg-emerald: var(--c-emerald-700);--c-tag-text-emerald: var(--c-emerald-200)}.ico-btn{background:none;outline:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:6px}.ico-btn:hover{background:var(--c-panel-2)}.ico-btn:hover .ico{background:var(--c-text-2)}.ico-link{display:flex;justify-content:center;align-items:center;background:none;outline:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:6px;color:#fff}.ico-link:hover{background:rgba(255,255,255,.2)}i.ico{display:block;max-height:24px;max-width:24px;min-width:24px;min-height:24px;margin:auto;background:var(--c-text-3)}i.github{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"/></svg>')}i.twitter{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z"/></svg>')}i.arrow-top-right{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M5 17.59L15.59 7H9V5h10v10h-2V8.41L6.41 19z"/></svg>')}i.theme{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M20 15.31 23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18V6c3.31 0 6 2.69 6 6s-2.69 6-6 6z"></path></svg>');background:var(--c-stone-100)}i.article-link{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.625 22q-1.975 0-3.363-1.388T1.875 17.25q0-1.425.738-2.55T4.55 13H2v-2h6v6H6v-2.425q-.925.2-1.525.95t-.6 1.725q0 1.15.812 1.95t1.938.8zM7 9h10V7H7zm3 12v-4h4v-2h-4v-2h7v-2h-7V9H3V3h18v18z"/></svg>')}i.blog-link{mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m5 3c-0.54933 6.667e-4 -1.0201 0.19656-1.4121 0.58789-0.392 0.39133-0.58789 0.86211-0.58789 1.4121v4h7v12h9c0.55066 6.67e-4 1.0208-0.19589 1.4121-0.58789 0.39133-0.392 0.58789-0.86211 0.58789-1.4121v-14c6.67e-4 -0.54933-0.19589-1.0201-0.58789-1.4121-0.392-0.392-0.86211-0.58789-1.4121-0.58789zm6.5 4h4c1.1046 0 2 0.89543 2 2v1.5c0 0.8-0.7 1.5-1.5 1.5 0.8 0 1.5 0.7 1.5 1.5v1.5c0 1.1046-0.89543 2-2 2h-4zm2 2v2h2v-2zm-11.5 2v2h2.5508c-0.79933 0.38333-1.4455 0.94922-1.9375 1.6992-0.492 0.75-0.73828 1.6008-0.73828 2.5508-6.667e-4 1.316 0.46139 2.436 1.3867 3.3613 0.92533 0.92533 2.0466 1.3887 3.3633 1.3887v-2c-0.75066 0-1.3962-0.26745-1.9375-0.80078-0.54133-0.53333-0.8125-1.1826-0.8125-1.9492 0-0.65 0.19961-1.2246 0.59961-1.7246 0.4-0.5 0.90873-0.81784 1.5254-0.95117v2.4258h2v-6zm11.5 2v2h2v-2z"/></svg>')}a{color:var(--c-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:36px}hr{color:var(--c-text-3);border-width:1.5px;opacity:.25;margin-top:3rem}blockquote{border-left:3px solid var(--c-text-3);color:var(--c-text-2);border-radius:1.5px;margin-left:0;padding-left:1rem}blockquote a{color:var(--c-link-soft)}code:not([data-lang]){background:var(--c-mono-bg);color:var(--c-mono);padding:.15rem .4rem;border-radius:6px;font-size:16px}pre{background:var(--c-code-bg) !important;width:fit-content;font-size:16px;line-height:18px;padding:16px;border-radius:8px;max-width:100%;overflow-x:scroll}sub,sup{color:var(--c-text-2);font-size:14px}.img,.video{width:fit-content;display:flex;flex-direction:column;gap:8px;color:var(--c-text-2)}.img i::before,.video i::before{content:"* "}img,video{max-width:100%;height:auto;border-radius:16px;border:4px solid var(--c-panel-1)}span.highlight{color:var(--c-high)}.img2x1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;width:fit-content}.h-group{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%}figure{position:relative;margin-bottom:2rem;padding:1rem 1rem .65rem 1rem;background:var(--c-code-bg);border-radius:8px;width:fit-content}figure:after{position:absolute;bottom:-12px;left:-12px;transform:translateY(50%);content:attr(title);color:var(--c-text-2);font-style:italic;font-size:16px;background-color:var(--bg);padding:.2em .8em;border-radius:6px;transition:color .1s;white-space:nowrap}.navbar{width:100%;height:64px}.navbar .bar{width:100%;height:64px;margin:auto;background:url("/https/m4xc.dev/img/m4xc-banner.jpg");background-size:cover;background-position:0 65%;border-bottom:2px solid rgba(255,255,255,.1333333333);display:flex;align-items:center;justify-content:space-between;padding:16px 16px 14px 16px}.navbar .bar nav{display:flex;gap:24px}.navbar .bar nav a{color:var(--c-violet-400);text-decoration:none}.navbar .bar nav a:hover{color:var(--c-stone-100)}.navbar .title{font-family:"Inter",sans-serif;font-size:22px;margin:0 0 4px 8px;color:var(--c-stone-100)}.navbar .socials{display:inline-flex;gap:8px}.navbar .socials a{color:var(--c-stone-100)}footer.site-footer{display:flex;flex-direction:column;align-items:center;margin:auto 0 2rem 0;width:100%}footer.site-footer .end-msg{font-family:"Monocraft",monospace;color:var(--c-text-2);font-size:14px;margin:auto}footer.site-footer .socials{margin-top:1rem;display:inline-flex;gap:8px}footer.site-footer .socials a{color:var(--c-stone-100)}footer.site-footer i{color:var(--c-text-3);font-size:14px;margin-top:1rem}*{box-sizing:border-box}html{font-family:"Rubik",sans-serif}::selection{color:var(--c-bg);background:var(--c-high)}body{background:var(--c-bg);color:var(--c-text-1);margin:0;display:flex;flex-direction:column}main{display:flex;flex-direction:column;align-self:center;width:100%;min-height:calc(100vh - 64px);max-width:1280px;padding:2rem 32px;font-size:16px;line-height:24px}.title-soft{color:var(--c-text-3)}.tag{background:var(--c-tag-bg-lime);color:var(--c-tag-text-lime);font-weight:bold;font-size:16px;padding:3px 9px;border-radius:6px;margin:0;white-space:nowrap}.tag.amber{background:var(--c-tag-bg-amber);color:var(--c-tag-text-amber)}.tag.lime{background:var(--c-tag-bg-lime);color:var(--c-tag-text-lime)}.tag.emerald{background:var(--c-tag-bg-emerald);color:var(--c-tag-text-emerald)}