a#to-code.svelte-9kiorb{display:inline-block;position:relative;width:fit-content;padding-block:10px;padding-inline:10px;margin-top:20px;margin-inline:auto;background-image:url(/blog/linear-gradient.png);background-size:400% 100%;background-position:0% 0%;font-size:2rem;font-weight:700;word-spacing:-2px;letter-spacing:-2px;color:#222;text-decoration:none;border-radius:100px;user-select:none;transition:color .3s,transform .2s,opacity .3s,visibility 0s;animation:svelte-9kiorb-gradient-move 15s infinite linear forwards}@media (max-width: 480px){a#to-code.svelte-9kiorb{font-size:1.5rem;padding-block:7px}}a#to-code.svelte-9kiorb:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:url(/blog/linear-gradient.png);background-size:600% 100%;background-position:0% 0%;border-radius:100px;filter:blur(15px);opacity:.7;transition:opacity .3s,filter .3s;animation:svelte-9kiorb-gradient-move 15s infinite linear forwards}a#to-code.svelte-9kiorb:hover{color:#000}a#to-code.svelte-9kiorb:hover:before{opacity:1;filter:blur(25px)}a#to-code.clicked.svelte-9kiorb{transform:scale(1.2,.8)}a#to-code.hidden.svelte-9kiorb{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}@keyframes svelte-9kiorb-gradient-move{0%{background-position:0% 0%}to{background-position:600% 0%}}#title-container.svelte-e2uvc3.svelte-e2uvc3{display:flow-root;position:relative;max-width:1050px;width:80%;margin-inline:auto;height:calc(100vh - var(--navbar-height));margin-bottom:calc(var(--background-scroll-effect-limit) + 50px)}@media (max-width: 700px){#title-container.svelte-e2uvc3.svelte-e2uvc3{font-size:.85em}}@media (max-width: 560px){#title-container.svelte-e2uvc3.svelte-e2uvc3{font-size:.7em}}@media (max-width: 480px){#title-container.svelte-e2uvc3.svelte-e2uvc3{font-size:.6em}}@media (max-width: 420px){#title-container.svelte-e2uvc3.svelte-e2uvc3{font-size:.55em;width:90%}}#title-container.svelte-e2uvc3>h1.svelte-e2uvc3{color:var(--hero-high-contrast);font-family:Poppins,sans-serif;font-size:7em;font-weight:800;text-transform:uppercase;line-height:1.2em;margin:50px 0 0;opacity:var(--opacity);transition:opacity .3s}#title-container.svelte-e2uvc3>h1.medium.svelte-e2uvc3{font-size:6em}#title-container.svelte-e2uvc3>h1.small.svelte-e2uvc3{font-size:5em}#background-stick-limit.svelte-9qk3u8.svelte-9qk3u8{position:absolute;top:0;left:0;z-index:-1;height:calc(100vh + var(--scroll-effect-limit))}#background-stick-limit.svelte-9qk3u8 #background.svelte-9qk3u8{position:sticky;margin-left:calc(var(--width-decrease) / 2);top:calc(var(--height-decrease) / 2);z-index:-1;width:calc(100vw - var(--width-decrease));height:calc(100vh - var(--height-decrease));object-fit:cover;border-radius:var(--border-radius-increase);filter:brightness(calc(60% + var(--brightness-increase)));box-shadow:3px 5px 10px 2px #0008;--max-border-radius-increase:20px;--max-width-decrease:20vw;--max-height-decrease:20vh;--max-brightness-increase:40%;--width-decrease:calc(var(--scrolled-perc) * var(--max-width-decrease));--height-decrease:calc(var(--scrolled-perc) * var(--max-height-decrease));--border-radius-increase:calc(var(--scrolled-perc) * var(--max-border-radius-increase));--brightness-increase:calc(var(--scrolled-perc) * var(--max-brightness-increase))}#info-bar.svelte-lvm1ur.svelte-lvm1ur{position:fixed;z-index:999;right:-300px;top:0;width:300px;height:100%;padding-top:30px;padding-left:10px;background-color:#e5ccff;border-left:solid 5px hsl(270,50%,60%);transition:right .3s}#info-bar.visible.svelte-lvm1ur.svelte-lvm1ur{right:0}#info-bar.svelte-lvm1ur h2.svelte-lvm1ur{font-size:2.5rem;font-family:var(--heading-font);color:var(--high-contrast);margin-bottom:0}#info-bar.svelte-lvm1ur p.svelte-lvm1ur{font-size:1rem;color:var(--medium-contrast)}article.svelte-12c13a3.svelte-12c13a3.svelte-12c13a3{position:fixed;bottom:20px;right:20px;z-index:10;width:calc(2.5rem + 16px);height:calc(2.5rem + 16px);background-color:#cc9efa;border-radius:3rem;transition:background-color .3s,width .3s,height .3s,border-radius .3s,overflow 0s .3s}article.svelte-12c13a3 nav.svelte-12c13a3.svelte-12c13a3{padding:20px 0 0 20px;opacity:0;visibility:hidden;transition:none;counter-reset:links}article.svelte-12c13a3 nav a.top-level.svelte-12c13a3.svelte-12c13a3{position:relative;counter-increment:links;display:block;margin:10px 0 0 var(--list-marker-size);color:var(--high-contrast);font-size:1.5rem;font-weight:700;--list-marker-size:1.3em}article.svelte-12c13a3 nav a.top-level.svelte-12c13a3.svelte-12c13a3:before{content:counter(links);display:inline-block;position:absolute;left:calc((var(--list-marker-size) + var(--margin-right)) * -1);text-align:center;text-decoration:none;align-content:center;width:var(--list-marker-size);height:var(--list-marker-size);min-width:var(--list-marker-size);min-height:var(--list-marker-size);--margin-right:10px;background-color:#b275f0}article.svelte-12c13a3 nav a.nested.svelte-12c13a3.svelte-12c13a3{display:block;color:var(--medium-contrast);font-size:1.2rem;font-weight:400;margin-left:calc(var(--nested-level) * 15px)}article.svelte-12c13a3 nav a.svelte-12c13a3.svelte-12c13a3:before{content:"- ";text-decoration:none}article.svelte-12c13a3 input[type=checkbox].svelte-12c13a3.svelte-12c13a3{display:none}article.svelte-12c13a3 label.svelte-12c13a3.svelte-12c13a3{position:absolute;bottom:0;right:0;display:inline-block;width:fit-content;aspect-ratio:1/1;padding:8px;font-size:2.5rem;line-height:0;border-radius:100%;transition:right .3s,bottom .3s,background-color .3s,box-shadow .3s}article.svelte-12c13a3.svelte-12c13a3.svelte-12c13a3:not(:has(input[type=checkbox]:checked)):hover{background-color:#bf80ff}article.svelte-12c13a3 input[type=checkbox].svelte-12c13a3:checked~label.svelte-12c13a3{bottom:10px;right:10px;background-color:#cc9efa;box-shadow:2px 3px 5px 2px #0005;transition:right .3s,bottom .3s,background-color .3s .3s,box-shadow .3s .3s}article.svelte-12c13a3 nav.svelte-12c13a3.svelte-12c13a3:has(~input[type=checkbox]:checked){opacity:1;visibility:visible;transition:opacity .5s .3s}article.svelte-12c13a3.svelte-12c13a3.svelte-12c13a3:has(input[type=checkbox]:checked){width:min(80%,300px);height:400px;overflow:scroll;background-color:#ddd;border-radius:11px;box-shadow:2px 3px 5px 2px #0004}.markdown-alert{padding:.5rem 1rem;margin-bottom:16px;color:inherit;border-left:.25em solid #888}.markdown-alert>:first-child{margin-top:0}.markdown-alert>:last-child{margin-bottom:0}.markdown-alert .markdown-alert-title{display:flex;font-weight:500;align-items:center;line-height:1}.markdown-alert .markdown-alert-title .octicon{margin-right:.5rem;overflow:visible!important;-webkit-mask:var(--oct-icon) no-repeat;mask:var(--oct-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:text-bottom;width:1em;height:1em}.markdown-alert.markdown-alert-note{border-left-color:var(--color-note)}.markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--color-note)}.markdown-alert.markdown-alert-important{border-left-color:var(--color-important)}.markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--color-important)}.markdown-alert.markdown-alert-warning{border-left-color:var(--color-warning)}.markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--color-warning)}.markdown-alert.markdown-alert-tip{border-left-color:var(--color-tip)}.markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--color-tip)}.markdown-alert.markdown-alert-caution{border-left-color:var(--color-caution)}.markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--color-caution)}:root{--color-note: #0969da;--color-tip: #1a7f37;--color-warning: #9a6700;--color-severe: #bc4c00;--color-caution: #d1242f;--color-important: #8250df}*::-webkit-scrollbar{height:4px}body{overflow-x:hidden}body>article{display:flex;flex-direction:column;align-items:center;margin-bottom:100px;font-size:1rem;--max-width: 800px;--paragraph-size: 1.3em;--heading-size: 2.8em}@media (max-width: 450px){body>article{font-size:.85rem;--heading-size: 2.5em}}@media (max-width: 360px){body>article{font-size:.8rem;--heading-size: 2em}}header>div#wrap-heading-info{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;max-width:var(--max-width);width:90%;margin-inline:auto;font-size:var(--paragraph-size)}header>div#wrap-heading-info>h2{color:var(--high-contrast);font-family:Poppins,sans-serif;font-size:var(--heading-size);font-weight:700;margin:0}header>div#wrap-heading-info>time{background-image:linear-gradient(to right,#daa3f5,#a3b1f5);padding:5px 10px;border-radius:100px}header>div#wrap-heading-info>#dificulty{padding:5px 10px;border-radius:100px;color:#fff;margin:0}header>div#wrap-heading-info>#dificulty.easy{background-color:#0f0b}header>div#wrap-heading-info>#dificulty.normal{background-color:#00fb}header>div#wrap-heading-info>#dificulty.hard{background-color:#f00b}div#content{max-width:var(--max-width);width:90%;font-size:var(--paragraph-size)}div#content section:first-child>h2{display:none}div#content section h2,div#content section h3{font-weight:700}div#content section h2{font-size:var(--heading-size);margin:10px 0 15px;color:var(--high-contrast);font-family:Poppins,sans-serif}div#content section h3{font-size:calc(var(--heading-size) * .75);margin:0 0 8px;color:var(--medium-contrast);font-family:Space Grotesk,sans-serif}div#content section ol,div#content section ul{margin-block:5px}div#content section p,div#content section div.markdown-alert>p:not(.markdown-alert-title),div#content section ul>li,div#content section ol>li{color:var(--medium-contrast)}div#content section p>code,div#content section div.markdown-alert>p:not(.markdown-alert-title)>code,div#content section ul>li>code,div#content section ol>li>code{background-color:#d9b3ff;border-radius:10px;padding-inline:5px;font-size:1rem}div#content section pre{padding:10px;border-radius:5px;font-size:.9rem;box-shadow:2px 3px 8px 2px #0008}div#content section img{width:100%;height:auto;border-radius:10px;transition:filter .3s,background-color .3s}div#content section img:hover{filter:brightness(.8);background-color:#0003}div#content section img+em{display:block;text-align:center}div#content section div.markdown-alert{padding-block:20px;border-radius:10px}div#content section div.markdown-alert.markdown-alert-note{background-color:#0969da33}div#content section div.markdown-alert.markdown-alert-important{background-color:#8250df33}div#content section div.markdown-alert.markdown-alert-tip{background-color:#1a7f3733}div#content section div.markdown-alert.markdown-alert-warning{background-color:#9a670033}div#content section div.markdown-alert.markdown-alert-caution{background-color:#d1242f33}