@keyframes blogPost_slide-down__AgJ4p{0%{opacity:0}to{opacity:.7}}.blogPost_article__mFIWu{max-width:900px;margin:0 auto;padding:8rem 2rem 2rem;color:var(--theme-text);position:relative}.blogPost_article__mFIWu video{border-radius:var(--rounded-block);margin-top:1rem;margin-bottom:.5rem;box-shadow:0 0 .5rem var(--shadow-color)}.blogPost_back__6RptR{font-size:1rem;text-decoration:none;color:var(--theme-text);transition:opacity var(--animation);animation-name:blogPost_slide-down__AgJ4p;animation-duration:1s;animation-fill-mode:forwards;animation-delay:.7s;opacity:0;z-index:2;position:relative}.blogPost_back__6RptR:hover{opacity:1}.blogPost_coverWrapper__HautL{position:absolute;left:0;right:0;height:500px;top:0;z-index:0;display:flex;container-type:inline-size}.blogPost_coverWrapper__HautL img{-o-object-fit:cover;object-fit:cover;max-width:1400px;margin:0 auto}.blogPost_sideFade__KjYEH{background:linear-gradient(to right,var(--theme-background) 0,transparent 50%,var(--theme-background) 100%)}.blogPost_diag1Fade__pP4Y2,.blogPost_sideFade__KjYEH{pointer-events:none;max-width:1400px;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:1;transition:opacity .2s}.blogPost_diag1Fade__pP4Y2{background:linear-gradient(to top right,var(--theme-background) 0,transparent 30%,transparent 100%)}.blogPost_diag2Fade__Rxsj8{pointer-events:none;max-width:1400px;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top left,var(--theme-background) 0,transparent 30%,transparent 100%);z-index:1;opacity:1;transition:opacity .2s}.blogPost_bodyText__eDCRJ{position:relative}.blogPost_clip__4MP1J{overflow-x:hidden}@container (max-width: 1300px){.blogPost_diag1Fade__pP4Y2,.blogPost_diag2Fade__Rxsj8,.blogPost_sideFade__KjYEH{opacity:0}}:root{--background:#282a36;--comment:#6272a4;--foreground:#f8f8f2;--selection:#44475a;--cyan:#8be9fd;--green:#50fa7b;--orange:#ffb86c;--pink:#ff79c6;--purple:#bd93f9;--red:#ff5555;--yellow:#f1fa8c;--background-30:#282a3633;--comment-30:#6272a433;--foreground-30:#f8f8f233;--selection-30:#44475a33;--cyan-30:#8be9fd33;--green-30:#50fa7b33;--orange-30:#ffb86c33;--pink-30:#ff79c633;--purple-30:#bd93f933;--red-30:#ff555533;--yellow-30:#f1fa8c33;--background-40:#282a3666;--comment-40:#6272a466;--foreground-40:#f8f8f266;--selection-40:#44475a66;--cyan-40:#8be9fd66;--green-40:#50fa7b66;--orange-40:#ffb86c66;--pink-40:#ff79c666;--purple-40:#bd93f966;--red-40:#ff555566;--yellow-40:#f1fa8c66}pre::-webkit-scrollbar{width:14px}pre::-webkit-scrollbar-track{background-color:var(--comment);border-radius:0}pre::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:0}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background-color:var(--selection)}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background-color:var(--selection)}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block;padding-right:20px}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:var(--foreground);font-size:.8em;padding:.5em;background:var(--comment);border-radius:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{color:inherit;text-decoration:none;background-color:var(--green)}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}code[class*=language-],pre[class*=language-]{color:var(--foreground);background:var(--background);text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{border-radius:.5em;padding:1em;margin:.5em 0;overflow:auto;height:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--background)}:not(pre)>code[class*=language-]{padding:4px 7px;border-radius:.3em;white-space:normal}.limit-300{height:400px!important}.limit-500{height:500px!important}.limit-600{height:600px!important}.limit-700{height:700px!important}.limit-800{height:800px!important}.language-css{color:var(--purple)}.language-css .token,.token{color:var(--pink)}.token.script{color:var(--foreground)}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.atrule,.token.attr-name,.token.attr-value{color:var(--green)}.language-css .token.atrule{color:var(--purple)}.language-html .token.attr-value,.language-markup .token.attr-value{color:var(--yellow)}.token.boolean{color:var(--purple)}.token.builtin,.token.class-name{color:var(--cyan)}.token.comment{color:var(--comment)}.token.constant{color:var(--purple)}.language-javascript .token.constant{color:var(--orange);font-style:italic}.token.entity{color:var(--pink)}.language-css .token.entity{color:var(--green)}.language-html .token.entity.named-entity{color:var(--purple)}.language-html .token.entity:not(.named-entity){color:var(--pink)}.language-markup .token.entity.named-entity{color:var(--purple)}.language-markup .token.entity:not(.named-entity){color:var(--pink)}.token.function{color:var(--green)}.language-css .token.function{color:var(--cyan)}.token.important,.token.keyword{color:var(--pink)}.token.prolog{color:var(--foreground)}.token.property{color:var(--orange)}.language-css .token.property{color:var(--cyan)}.token.punctuation{color:var(--pink)}.language-css .token.punctuation{color:var(--orange)}.language-html .token.punctuation,.language-markup .token.punctuation{color:var(--foreground)}.token.selector{color:var(--pink)}.language-css .token.selector{color:var(--green)}.token.regex{color:var(--red)}.language-css .token.rule:not(.atrule){color:var(--foreground)}.token.string{color:var(--yellow)}.token.tag{color:var(--pink)}.token.url{color:var(--cyan)}.language-css .token.url{color:var(--orange)}.token.variable{color:var(--comment)}.token.number{color:rgba(189,147,249,1)}.token.operator{color:rgba(139,233,253,1)}.token.char{color:rgba(255,135,157,1)}.token.symbol{color:rgba(255,184,108,1)}.token.deleted,.token.namespace{color:#e2777a}.highlight-line{color:inherit;display:inline-block;text-decoration:none;border-radius:4px;padding:2px 10px}.highlight-line:empty:before{content:" "}.highlight-line:not(:last-child){min-width:100%}.highlight-line .highlight-line:not(:last-child){min-width:0}.highlight-line-isdir{color:var(--foreground);background-color:var(--selection-30)}.highlight-line-active{background-color:var(--comment-30)}.highlight-line-add{background-color:var(--green-30)}.highlight-line-remove{background-color:var(--red-30)}