@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/quicksand-vietnamese-wght-normal.gXcnbGQL.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/quicksand-latin-ext-wght-normal.C-0IXaCX.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/quicksand-latin-wght-normal.CV11HFfs.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/poppins-latin-ext-500-normal.CK-6C4Hw.woff2) format("woff2"),url(/_astro/poppins-latin-ext-500-normal.CgAe2rWW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/poppins-latin-500-normal.C8OXljZJ.woff2) format("woff2"),url(/_astro/poppins-latin-500-normal.DGXqpDMm.woff) format("woff");unicode-range:U+0000-00FF,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:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/poppins-latin-ext-600-normal.CAhIAdZj.woff2) format("woff2"),url(/_astro/poppins-latin-ext-600-normal.Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/poppins-latin-600-normal.zEkxB9Mr.woff2) format("woff2"),url(/_astro/poppins-latin-600-normal.BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,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:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/poppins-latin-ext-700-normal.cby-RkWa.woff2) format("woff2"),url(/_astro/poppins-latin-ext-700-normal.DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/poppins-latin-700-normal.Qrb0O0WB.woff2) format("woff2"),url(/_astro/poppins-latin-700-normal.BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,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}:root{--transition: all .25s cubic-bezier(.645, .045, .355, 1);--old-red: #ba2d23;--old-blue: #1b3487;--shadow: rgba(100, 100, 111, .2) 0px 2px 5px 0px, rgba(100, 100, 111, .2) 0px 0px 0px .5px}[data-theme=light]{--clr-bg: #fcfcfc;--clr-bg-alt: #fff;--clr-bg-code: #eee;--clr-quote: #afb8c1;--clr-fg: #333333;--clr-fg-alt: #333A3F;--clr-primary: #333A3F;--clr-chip-bg: #ff2d2310;--clr-link: oklch(.67 .31 359.25);--display-sun: none;--display-moon: block}[data-theme=dark]{--clr-bg: #030317;--clr-bg-alt: #2a2f4c;--clr-bg-code: #404051;--clr-quote: #7f7f9f;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #90a0d9;--clr-chip-bg: #90a0d920;--clr-link: #90a0d9;--display-sun: block;--display-moon: none}*:not(pre,code,hr){padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:Quicksand Variable,sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg);transition:var(--transition)}::-moz-selection{background:var(--clr-primary);color:var(--clr-bg)}::-webkit-selection,::selection{background:var(--clr-primary);color:var(--clr-bg)}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt);font-family:Poppins,sans-serif}h1{font-size:3rem;line-height:1.5}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}hr{margin:32px 0;border-color:var(--clr-quote)}button{cursor:pointer}p{line-height:1.5;margin-bottom:1em}small{font-size:smaller}.center{display:flex;align-items:center;justify-content:center;text-align:center}code{background:var(--clr-bg-code);padding:2px;font-size:12px}.expressive-code{margin-bottom:1em}b,strong{font-weight:600}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (max-width: 640px){main{height:unset}p{margin-bottom:1.2em}}.btn{display:block;padding:.8em 1.4em;font-weight:500;font-size:.9rem;transition:transform .1s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);inset:0 100% 0 0;z-index:-1;transition:var(--transition)}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.button-container{position:relative;height:50px;overflow:hidden;border:2px solid var(--clr-fg-alt);font-weight:300;transition:.5s;letter-spacing:1px}.button-container button{width:101%;height:100%;font-weight:500;font-size:14px;letter-spacing:1px;background:var(--clr-fg-alt);-webkit-mask:url(/static/urban-sprite.png);mask:url(/static/urban-sprite.png);-webkit-mask-size:3000% 100%;mask-size:3000% 100%;border:none;color:var(--clr-bg);cursor:pointer;animation:ani2 .7s steps(29) forwards}.button-container button:hover{animation:ani .7s steps(29) forwards}.mas{position:absolute;color:var(--clr-fg-alt);text-align:center;width:101%;font-weight:500;font-size:14px;overflow:hidden;top:0;height:-moz-min-content;height:min-content;bottom:0;margin:auto 0}@keyframes ani{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes ani2{0%{-webkit-mask-position:0% 0;mask-position:0% 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative;cursor:pointer}.link.active,.link:hover{color:var(--clr-primary)}.link.active svg,.link:hover svg{fill:var(--clr-link)}.link:not(.link--icon):before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;left:0;background-color:var(--clr-primary);transition:var(--transition)}.link:not(.link--icon).active:before,.link:not(.link--icon):hover:before,.link:not(.link--icon):focus:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500}.d-none{display:none!important}[data-theme=dark] .rect-pattern{color:var(--clr-bg-code)}.no-shadow *{box-shadow:unset!important}@media (max-width: 640px){.scroll-container{display:none}}article h1{font-weight:500}article h2,article h3,article h4{margin-top:.5em;margin-bottom:.5em;font-weight:500}article a{color:var(--clr-primary);cursor:pointer;text-decoration:underline}article img+small{margin-top:1em;display:block;text-align:center}article p img{width:100%;border-radius:6px;max-width:500px;margin:0 auto;box-shadow:var(--shadow);z-index:0;position:relative}article .w-image img{max-width:100%}article ul{list-style-type:disc;padding-left:18px;margin-bottom:1.5em}article li{margin-bottom:.5em;font-size:18px}article li p{margin-bottom:.5em}.go-back{color:var(--clr-link)}.go-back svg{width:10px;fill:var(--clr-link)}article ol{padding-left:26px;padding-bottom:12px;list-style:decimal}article ol li{margin-bottom:.5em}article blockquote p{margin-left:12px;font-size:24px;color:var(--clr-quote);font-style:italic;margin-bottom:1em}article .expressive-code+p{margin-bottom:1em}article .title+h2,article hr+h2,article hr+h3{margin-top:0}article p{font-size:18px}@media (max-width: 640px){article p{font-size:16px}article li{font-size:16px}h2{font-size:1.5rem}h3{font-size:1.25rem}}.nav-list-item[data-astro-cid-eimmu3lg]{margin-left:1.5em}@media (max-width: 640px){.nav-list-item[data-astro-cid-eimmu3lg]{margin:.5em 0}}[data-id=moon],[data-id=sun],[data-id=close],[data-id=menu]{fill:var(--clr-primary)}[data-id=moon]{display:var(--display-moon)}[data-id=sun]{display:var(--display-sun)}header svg{width:16px}header{background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.5s}@media (prefers-reduced-motion: no-preference){header.hide{transform:translateY(-100%)}}header,nav *{z-index:1}.nav-list{margin-right:1.5em;display:flex}.nav-hamburger{display:none;width:1em}.btn--icon{padding:0;font-size:1.2rem}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}#theme-toggle{display:flex;align-items:center}.social-icons:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:var(--clr-quote)}body.nav-open{overflow:hidden}body.nav-open main{z-index:-1}@media (max-width: 1023px){.social-icons{display:none}}@media (max-width: 640px){#theme-toggle{height:20px}.header{height:6em;justify-content:flex-end!important;display:flex!important}.hamburger{display:block}.nav-list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100vh;transition:var(--transition)}.display-nav-list{display:flex;width:100vw;height:100vh;margin-top:-1.5rem;position:relative;margin-left:-3rem;background:var(--clr-bg)}.nav-hamburger{display:flex;margin-left:.8em}.display-nav-list~.buttons{top:0;position:absolute;right:3rem}}.scroll-top[data-astro-cid-73562bqz]{display:none;position:fixed;bottom:1em;right:2em;background-color:transparent;font-size:1.8rem;transition:var(--transition)}.scroll-top svg{width:26px;fill:var(--clr-quote)}