body{background:#000;margin:0;zoom:1!important}.sc-blog{color:#f5f5f5;-webkit-font-smoothing:antialiased;background:#000;font-family:Chivo,sans-serif;overflow-x:clip}.sc-blog *{box-sizing:border-box}.sc-blog a{color:#fff}.sc-blog a:hover{color:#ffd60a}.sc-blog :focus-visible{outline-offset:2px;outline:2px solid #ffd60a}.sc-blog .mono{font-family:Chivo Mono,ui-monospace,monospace}.sc-blog .wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.sc-blog .sr-only{position:absolute;left:-9999px}.sc-blog .nav a{color:#e5e5e5;font-size:15px;text-decoration:none}.sc-blog .nav a:hover,.sc-blog .nav a.cur{color:#ffd60a}.sc-blog .bt{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 26px;font:500 16px/1 Chivo,sans-serif;text-decoration:none;display:inline-flex}.sc-blog .bt-y{color:#000;background:#ffd60a}.sc-blog .bt-y:hover{color:#000;background:#ffe14d}.sc-blog .bt-o{color:#fff;background:0 0;border-color:#fff}.sc-blog .bt-o:hover{color:#000;background:#fff}.sc-blog .bt-k{color:#fff;background:#000}.sc-blog .bt-k:hover{color:#fff;background:#262626}.sc-blog .bt-line{color:#000;border-color:#000}.sc-blog .bt-line:hover{color:#ffd60a;background:#000}.sc-blog .bt-sm{height:48px;padding:0 20px;font-size:15px}.sc-blog .tab{color:#bdbdbd;cursor:pointer;background:0 0;border:1px solid #333;border-radius:0;height:44px;padding:0 16px;font:500 14px/1 Chivo,sans-serif}.sc-blog .tab:hover{color:#fff;border-color:#8a8a8a}.sc-blog .tab.on{color:#000;background:#ffd60a;border-color:#ffd60a}.sc-blog .chip{color:#bdbdbd;cursor:pointer;background:0 0;border:1px solid #333;border-radius:0;align-items:center;gap:8px;height:36px;padding:0 12px;font:400 13px/1 Chivo Mono,monospace;display:inline-flex}.sc-blog .chip:hover{color:#fff;border-color:#8a8a8a}.sc-blog .chip.on{color:#fff;background:#141414;border-color:#fff}.sc-blog .dot{flex:none;width:8px;height:8px;display:inline-block}.sc-blog .inp{color:#fff;background:#0a0a0a;border:1px solid #333;border-radius:0;width:100%;height:56px;padding:0 16px;font:400 15px Chivo Mono,monospace}.sc-blog .inp::placeholder{color:#8a8a8a}.sc-blog .inp:focus{border-color:#ffd60a;outline:none}.sc-blog .card{color:#f5f5f5;flex-direction:column;gap:14px;margin:0;display:flex}.sc-blog a.card,.sc-blog a.card:hover{color:#f5f5f5}.sc-blog .card:hover .cv{border-color:#ffd60a}.sc-blog .card:hover .ct{text-underline-offset:5px;-webkit-text-decoration:underline #ffd60a;text-decoration:underline #ffd60a;text-decoration-thickness:2px}.sc-blog .cv{aspect-ratio:16/10;background:#0f0f0f;border:1px solid #262626;flex-direction:column;justify-content:space-between;padding:18px;transition:border-color .15s;display:flex}.sc-blog .bars{align-items:flex-end;gap:6px;height:56px;display:flex}.sc-blog .bars span{background:#333;flex:1}.sc-blog .bars span:last-child{background:#ffd60a}.sc-blog .fl a{color:#bdbdbd;font-size:15px;text-decoration:none}.sc-blog .fl a:hover{color:#ffd60a}.sc-blog .hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:56px;padding-top:88px;padding-bottom:64px;display:grid}.sc-blog .feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.sc-blog .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;display:grid}.sc-blog .fcols{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}@media (width<=1000px){.sc-blog .nav{display:none!important}.sc-blog .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-blog .feat,.sc-blog .hero{grid-template-columns:minmax(0,1fr)}.sc-blog .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sc-blog .wrap{padding-left:18px;padding-right:18px}.sc-blog .grid3{grid-template-columns:minmax(0,1fr)}.sc-blog .hide-sm{display:none!important}.sc-blog .h1{font-size:44px!important}.sc-blog .feat h2{font-size:32px!important}.sc-blog .cta-box{padding:32px!important}.sc-blog .cta-box h2{font-size:34px!important}}.sc-blog a.y,.sc-blog .art a{color:#ffd60a}.sc-blog a.y:hover,.sc-blog .art a:hover{color:#fff}.sc-blog .si{color:#e5e5e5;cursor:pointer;background:0 0;border:1px solid #333;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sc-blog a.si{color:#e5e5e5}.sc-blog .si:hover,.sc-blog a.si:hover{color:#000;background:#ffd60a;border-color:#ffd60a}.sc-blog .si svg{width:17px;height:17px;display:block}.sc-blog .toc-col{position:sticky;top:24px}.sc-blog .toc a{color:#8a8a8a;border-left:2px solid #262626;padding:8px 0 8px 16px;font-size:14.5px;line-height:1.4;text-decoration:none;display:block}.sc-blog .toc a:hover{color:#fff;border-color:#8a8a8a}.sc-blog .toc a.on{color:#fff;border-color:#ffd60a;font-weight:700}.sc-blog .art{color:#bdbdbd;font-size:18px;line-height:1.75}.sc-blog .art h2{letter-spacing:-.035em;color:#fff;margin:64px 0 16px;scroll-margin-top:24px;font-size:32px;font-weight:800;line-height:1.1}.sc-blog .art h2 .n{color:#ffd60a;letter-spacing:0;margin-bottom:10px;font-family:Chivo Mono,monospace;font-size:15px;font-weight:500;display:block}.sc-blog .art h3{color:#fff;margin:28px 0 8px;font-size:20px;font-weight:700;line-height:1.3}.sc-blog .art p{margin:0 0 20px}.sc-blog .art b{color:#fff;font-weight:700}.sc-blog .art ul{margin:0 0 20px;padding-left:20px}.sc-blog .art li{margin-bottom:8px}.sc-blog .art code{color:#ffd60a;background:#141414;border:1px solid #262626;padding:2px 6px;font-family:Chivo Mono,monospace;font-size:.86em}.sc-blog .code{background:#0a0a0a;border:1px solid #333;margin:24px 0}.sc-blog .code-h{color:#8a8a8a;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 0 0 18px;font-family:Chivo Mono,monospace;font-size:13px;display:flex}.sc-blog .code pre{color:#e5e5e5;white-space:pre;margin:0;padding:20px 18px;font-family:Chivo Mono,monospace;font-size:14px;line-height:1.7;overflow-x:auto}.sc-blog .cp{color:#e5e5e5;cursor:pointer;background:0 0;border:0;border-left:1px solid #262626;border-radius:0;height:46px;padding:0 16px;font:500 13px Chivo Mono,monospace}.sc-blog .cp:hover{color:#000;background:#ffd60a}.sc-blog .k{color:#ffd60a}.sc-blog .c{color:#8a8a8a}.sc-blog .pk{color:#fe2c55}.sc-blog .toast{color:#000;z-index:50;background:#ffd60a;padding:12px 18px;font:500 14px Chivo Mono,monospace;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sc-blog .stages{background:#262626;border:1px solid #262626;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:8px 0 24px;display:grid}@media (width<=1000px){.sc-blog .flow{display:none!important}.sc-blog .toc-col{position:static}}@media (width<=640px){.sc-blog .post-h1{font-size:42px!important}.sc-blog .art{font-size:17px}.sc-blog .art h2{font-size:26px}.sc-blog .stages{grid-template-columns:minmax(0,1fr)}}.sc-blog .art.cms h4{color:#fff;margin:24px 0 8px;font-size:17px;font-weight:700}.sc-blog .art.cms strong{color:#fff;font-weight:700}.sc-blog .art.cms ol{margin:0 0 20px;padding-left:22px}.sc-blog .art.cms blockquote{color:#e5e5e5;background:#0a0a0a;border:1px solid #333;border-left:2px solid #ffd60a;margin:0 0 28px;padding:20px 24px}.sc-blog .art.cms blockquote p:last-child{margin-bottom:0}.sc-blog .art.cms pre{color:#e5e5e5;white-space:pre;background:#0a0a0a;border:1px solid #333;margin:24px 0;padding:20px 18px;font-family:Chivo Mono,monospace;font-size:14px;line-height:1.7;overflow-x:auto}.sc-blog .art.cms pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.sc-blog .art.cms table{border-collapse:collapse;width:100%;margin:8px 0 28px;font-size:15.5px;display:block;overflow-x:auto}.sc-blog .art.cms th,.sc-blog .art.cms td{text-align:left;vertical-align:top;border:1px solid #262626;padding:10px 14px}.sc-blog .art.cms th{color:#fff;background:#141414;font-weight:700}.sc-blog .art.cms img{border:1px solid #262626;max-width:100%;height:auto}.sc-blog .art.cms hr{border:0;border-top:1px solid #262626;margin:40px 0}.sc-blog .pg{grid-template-columns:240px minmax(0,1fr) 260px;gap:48px;max-width:1360px;margin:0 auto;padding:56px 32px 0;display:grid}.sc-blog .pg-l{flex-direction:column;gap:40px;display:flex}.sc-blog .pg-l .toc{position:sticky;top:24px}.sc-blog .toc-h{letter-spacing:-.04em;color:#fff;margin-bottom:18px;font-size:26px;font-weight:800;line-height:1;display:block}.sc-blog .pg-r .rail{background:#0a0a0a;border:1px solid #333;flex-direction:column;gap:14px;padding:20px;display:flex;position:sticky;top:24px}.sc-blog .rail-t{letter-spacing:-.035em;color:#fff;font-size:24px;font-weight:800;line-height:1.1}.sc-blog .rail p{color:#bdbdbd;margin:0;font-size:15px;line-height:1.5}.sc-blog .rail .bt{width:100%;height:52px}.sc-blog .nl{background:#0a0a0a;border:1px solid #333;flex-direction:column;gap:10px;margin:0;padding:20px;display:flex}.sc-blog .nl b{letter-spacing:-.02em;color:#fff;font-size:19px;font-weight:800;line-height:1.25}.sc-blog .nl .inp{background:#000;height:48px;padding:0 12px;font-size:14px}.sc-blog .nl .bt{width:100%;height:48px}.sc-blog .nl .bt:disabled{opacity:.6;cursor:wait}.sc-blog .nl-msg{color:#ffd60a;min-height:1em;margin:0;font-size:12.5px}.sc-blog .rise{background:#000;border:1px solid #262626;flex-direction:column;gap:12px;padding:16px;display:flex}.sc-blog .rise-h{letter-spacing:.08em;text-transform:uppercase;color:#ffd60a;font-size:12px;font-weight:500}.sc-blog .rise ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sc-blog .rise li{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:5px 10px;font-size:13px;display:grid}.sc-blog .rn{color:#e5e5e5;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.sc-blog .rb{background:#262626;height:6px;display:block}.sc-blog .rb i{background:#ffd60a;height:100%;display:block}.sc-blog .rise li b{text-align:right;color:#fff;font-variant-numeric:tabular-nums}.sc-blog .rise-f{color:#8a8a8a;font-size:11px;line-height:1.4}.sc-blog .tldr{background:#0a0a0a;border:1px solid #333;border-left:2px solid #ffd60a;margin:0 0 36px;padding:22px 26px;scroll-margin-top:24px}.sc-blog .tldr .mono{letter-spacing:.08em;color:#ffd60a;font-size:12.5px;font-weight:500}.sc-blog .tldr p{color:#f5f5f5;margin:10px 0 0;font-size:18px;line-height:1.6}.sc-blog .auth{border-top:1px solid #262626;align-items:flex-start;gap:22px;margin-top:56px;padding-top:36px;display:flex}.sc-blog .auth-a{object-fit:cover;border:1px solid #262626;flex:none;width:88px;height:88px}.sc-blog .auth-i{color:#000;background:#ffd60a;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:inline-flex}.sc-blog .auth p{margin:0}.sc-blog .auth-n{color:#bdbdbd;font-size:17px;line-height:1.45}.sc-blog .auth-n b{color:#fff}.sc-blog .auth-b{color:#8a8a8a;font-size:15.5px;line-height:1.65;margin-top:8px!important}.sc-blog .share-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.sc-blog .share-row .mono{letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;margin-right:10px;font-size:12px}.sc-blog .hl{color:#fff;background:linear-gradient(#0000 58%,#ffd60a 58%);padding:0 2px}.sc-blog .rel4{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.sc-blog .rc4{color:#f5f5f5;flex-direction:column;gap:12px;text-decoration:none;display:flex}.sc-blog a.rc4:hover{color:#f5f5f5}.sc-blog .rc4-m{aspect-ratio:16/9;background:#0f0f0f;border:1px solid #262626;align-items:flex-end;transition:border-color .15s;display:flex;overflow:hidden}.sc-blog .rc4-m img{object-fit:cover;width:100%;height:100%;display:block}.sc-blog .rc4-m .bars{flex:1;padding:16px}.sc-blog .rc4:hover .rc4-m{border-color:#ffd60a}.sc-blog .rc4-k{color:#8a8a8a;font-size:12.5px}.sc-blog .rc4-k span{color:#ffd60a}.sc-blog .rc4 b{color:#fff;font-size:19px;font-weight:700;line-height:1.25}.sc-blog .rc4:hover b{text-underline-offset:4px;-webkit-text-decoration:underline #ffd60a;text-decoration:underline #ffd60a;text-decoration-thickness:2px}.sc-blog .rc4-x{color:#bdbdbd;font-size:14.5px;line-height:1.55}@media (width<=1240px){.sc-blog .pg{grid-template-columns:220px minmax(0,1fr)}.sc-blog .pg-r{grid-column:2}.sc-blog .pg-r .rail{max-width:420px;position:static}.sc-blog .rel4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.sc-blog .pg{grid-template-columns:minmax(0,1fr)}.sc-blog .pg-r{grid-column:auto}.sc-blog .pg-l .toc{position:static}}@media (width<=640px){.sc-blog .pg{padding-left:18px;padding-right:18px}.sc-blog .rel4{grid-template-columns:minmax(0,1fr)}.sc-blog .auth{flex-direction:column}.sc-blog #rel-h{font-size:32px!important}}
