.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:#fffff5db;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;word-wrap:break-word;container-type:inline-size;container-name:markdown}.markdown-body h1{color:red}.markdown-body h1:before{content:"-- H1, NO A11Y --"}.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--color-primary);font-weight:500;position:relative;width:fit-content;margin-block:2em 1em;font-family:var(--font-primary)}.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child{margin-top:0}.markdown-body h2 a,.markdown-body h3 a,.markdown-body h4 a{text-decoration:none;color:inherit}.markdown-body h2 a:after,.markdown-body h3 a:after,.markdown-body h4 a:after{display:none}.markdown-body h2{font-size:1.8rem;font-weight:1.75rem}.markdown-body h3{font-size:1.5rem;font-weight:1.5rem}.markdown-body h4{font-size:1.25rem;font-weight:1.5rem}.markdown-body p{font-size:1rem;line-height:1.75rem;letter-spacing:normal;font-weight:400}.markdown-body>*+*{margin-block:1rem}.markdown-body pre{font-size:.8rem;border-radius:6px;background:transparent!important;border:1px solid rgba(255,255,255,.1);overflow:visible}@container (width < 580px){.markdown-body pre{overflow-y:auto!important}.markdown-body pre .twoslash-popup-container{display:none!important}}.markdown-body pre .code-header{font-family:var(--font-primary);display:flex;padding:.75rem 1rem;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid rgba(255,255,255,.1);color:#fff9;font-size:14px;font-weight:400;line-height:135%;user-select:none}.markdown-body pre .code-header button{display:flex;padding:6px;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer}.markdown-body pre .code-header button:hover{background:#ffffff1a}.markdown-body pre .code-header button.copied svg{color:var(--color-green-400)}.markdown-body pre .code-header button svg{pointer-events:none;width:12px;height:12px;color:#fff9}.markdown-body pre code{display:block;padding:1rem;width:fit-content;min-width:100%;background:#ffffff0a;font-family:var(--font-mono)!important}.markdown-body pre span:not(.twoslash-popup-container span){font-size:.85rem;line-height:1.7}.markdown-body pre .highlighted,.markdown-body pre .add,.markdown-body pre .remove{margin:0 -1rem;padding:0 1rem;width:calc(100% + 2rem);display:inline-block;background:#ffffff1a}.markdown-body pre .add{background:#2ea04326}.markdown-body pre .remove{background:#f851491a}.markdown-body code:not(pre code){font-size:.8em;padding:.25em .5em;border-radius:4px;background:#ffffff1a;overflow-x:auto}.markdown-body figure{width:100%;height:auto;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2)}.markdown-body figure figcaption{display:flex;align-items:center;font-size:.9rem;padding:1rem 2rem;background:#ffffff1a;color:#ffffff80}@media screen and (max-width:768px){.markdown-body figure figcaption{padding:1rem}}.markdown-body figure img{max-width:100%;height:auto}.markdown-body a{color:var(--color-blue-400);text-decoration:none;position:relative;display:inline-block}.markdown-body a:after{content:"";display:block;width:0;background:var(--color-blue-400);position:absolute;height:1px;bottom:2px;z-index:-1;transition:width .2s ease-out}.markdown-body a:hover:after{width:100%}.markdown-body strong,.markdown-body b{font-weight:500;color:var(--color-primary)}.markdown-body ul{padding-inline-start:1.25rem}.markdown-body hr{border:none;border-bottom:1px solid rgba(255,255,255,.1);margin:2rem 0}.markdown-body .markdown-alert{padding:1.25em 1.5em;margin-bottom:16px;display:flex;flex-direction:column;gap:4px;position:relative;background:color-mix(in srgb,var(--color, --color-blue-400) 20%,transparent);border-radius:4px}.markdown-body .markdown-alert:before{content:"";width:.25em;border-radius:4px 0 0 4px;height:100%;position:absolute;top:0;left:0;background:var(--color, var(--color-blue-400))}.markdown-body .markdown-alert-title{font-family:var(--font-primary);color:var(--color, var(--color-blue-400));display:flex;align-items:center;gap:8px;font-weight:500!important}.markdown-body .markdown-alert-tip{--color: var(--color-green-400)}.markdown-body .markdown-alert-note{--color: var(--color-blue-400)}.markdown-body .markdown-alert-important{--color: var(--color-red-400)}.markdown-body .markdown-alert-warning{--color: var(--color-orange-400)}.markdown-body kbd{background:#ffffff0d;border-radius:4px;padding:.1em .4em;font-size:.9em;font-family:var(--font-mono);border:1px solid rgba(255,255,255,.1);color:var(--color-secondary)}.markdown-body .comparison{display:flex;gap:1rem}@media screen and (max-width:468px){.markdown-body .comparison{flex-direction:column}}.markdown-body .comparison figure{width:100%;height:100%}.markdown-body{color-scheme:dark;--shiki-token-comment: #8b949e;--shiki-token-constant: #79c0ff;--shiki-token-entity: #d2a8ff;--shiki-token-function: #d2a8ff;--shiki-token-storage-modifier-import: #c9d1d9;--shiki-token-entity-tag: #7ee787;--shiki-token-keyword: #ff7b72;--shiki-token-string: #a5d6ff;--shiki-token-string-expression: #a5d6ff;--shiki-token-variable: #ffa657;--shiki-token-brackethighlighter-unmatched: #f85149;--shiki-token-invalid-illegal-text: #f0f6fc;--shiki-token-invalid-illegal-bg: #8e1519;--shiki-token-carriage-return-text: #f0f6fc;--shiki-token-carriage-return-bg: #b62324;--shiki-token-string-regexp: #7ee787;--shiki-token-markup-list: #f2cc60;--shiki-token-markup-heading: #1f6feb;--shiki-token-markup-italic: #c9d1d9;--shiki-token-markup-bold: #c9d1d9;--shiki-token-markup-deleted-text: #ffdcd7;--shiki-token-markup-deleted-bg: #67060c;--shiki-token-markup-inserted-text: #aff5b4;--shiki-token-markup-inserted-bg: #033a16;--shiki-token-markup-changed-text: #ffdfb6;--shiki-token-markup-changed-bg: #5a1e02;--shiki-token-markup-ignored-text: #c9d1d9;--shiki-token-markup-ignored-bg: #1158c7;--shiki-token-meta-diff-range: #d2a8ff;--shiki-token-brackethighlighter-angle: #8b949e;--shiki-token-sublimelinter-gutter-mark: #484f58;--shiki-token-constant-other-reference-link: #a5d6ff}@keyframes skeletonBg{0%,to{background-color:#ffffff1a}50%{background-color:#ffffff4d}}.empty{width:100px;height:16px;border-radius:4px;animation:skeletonBg 1.2s ease-in-out infinite}.empty.byline{width:400px}.empty.title{height:48px;width:200px}.markdown-body .empty{width:calc(300px + 200px * var(--w));margin-bottom:4px}.post-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;padding:32px 64px}.post-grid>:first-child{grid-column:span 2;grid-row:span 2}.post-grid .grid-item{position:relative;width:100%;height:100%;color:inherit;text-decoration:none;border-radius:16px;border:1px solid rgba(255,255,255,.1);min-height:300px;overflow:hidden}.post-grid .grid-item:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:100%;z-index:1;background:linear-gradient(180deg,#0000,#000c 70%,#000)}.post-grid .grid-item img{width:100%;height:auto;object-fit:cover;position:relative}.post-grid .grid-item-text{position:absolute;bottom:0;left:0;right:0;padding:32px;z-index:2}.post-grid .grid-item-text-title{color:var(--white);font-size:1.5rem;font-weight:400;margin-top:1rem;margin-bottom:.5rem;padding-bottom:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:768px){.post-grid .grid-item-text-title{font-size:1.2rem}}@media screen and (max-width:480px){.post-grid .grid-item-text-title{font-size:1rem}}.post-grid .grid-item-text-desc{color:var(--color-secondary);font-size:1rem;font-weight:400;border-bottom:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.post-grid .grid-item-text-desc .read-time{white-space:nowrap}.blogpost{padding:6.5rem 3rem 3rem;padding-inline:15%;display:flex;flex-direction:column;font-size:1rem;gap:1rem;min-height:100vh;height:fit-content;width:100%;--color-secondary: rgb(161, 161, 161)}@media screen and (max-width:768px){.blogpost{padding:6rem 2rem 2rem}}@media screen and (max-width:620px){.blogpost{margin-left:0}}.blogpost-content{width:100%;min-height:100%;display:flex;flex-direction:column;height:fit-content}.blogpost .title{color:var(--white);font-size:2.5rem;font-weight:600;margin-top:0;margin-bottom:1.2rem;padding-bottom:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:768px){.blogpost .title{font-size:2rem}}@media screen and (max-width:480px){.blogpost .title{font-size:1.5rem}}.blogpost .title .read-time{color:var(--color-secondary, rgba(255, 255, 255, .55));font-size:1rem;font-weight:400;display:flex;align-items:center;gap:8px}.blogpost .description{color:#fffff5db;font-size:1rem;font-weight:400;margin-bottom:2rem;border-bottom:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.blogpost img:not(.markdown-body *){width:100%;height:auto;object-fit:cover;position:relative;border-radius:16px;margin-bottom:32px}.blogpost .byline{color:#fffff5db;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}@media screen and (max-width:768px){.blogpost .byline{font-size:.8rem}}.blogpost .byline a{color:inherit;height:16px}.blogpost .byline a svg{height:16px;width:16px}.blogpost .byline .nav-buttons{margin-left:auto;display:flex}.blogpost .byline .nav-buttons .nav-button{border:1px solid rgba(255,255,255,.1);cursor:pointer;background:none;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff}.blogpost .byline .nav-buttons .nav-button:disabled{color:#ffffff80;pointer-events:none}.blogpost .byline .nav-buttons .nav-button:first-child{border-radius:4px 0 0 4px}.blogpost .byline .nav-buttons .nav-button:last-child{border-radius:0 4px 4px 0;border-left:none}