#__next,body,html{min-height:100vh;padding:0;margin:0;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-wrapper{min-height:100vh;height:100%;width:100%}.loading-card,.loading-wrapper{display:flex;justify-content:center;align-items:center}.loading-card{padding:24px;border-radius:5px;min-height:300px;min-width:400px}.loading-loader{border-radius:50%;position:relative;margin:50px;display:inline-block;height:0;width:0}.loading-loader span{position:absolute;display:block;background-color:var(--chakra-colors-brand-500);height:20px;width:20px;border-radius:50%;top:-20px;perspective:100000px}.loading-loader span:first-child{left:60px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:0s}.loading-loader span:nth-child(2){left:20px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.2s}.loading-loader span:nth-child(3){left:-20px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.4s}.loading-loader span:nth-child(4){left:-60px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.6s}@keyframes bounce2{0%,75%,to{transform:translateY(0)}25%{transform:translateY(-30px)}}.container{display:grid;grid-template-columns:repeat(5,1fr)}.bar,.empty-bar{animation-name:fill;animation-timing-function:linear;animation-fill-mode:forwards;height:10px;margin:0 auto 0 0;width:0}.bar{background-color:var(--chakra-colors-brand-500)}.empty-bar{border:1px solid transparent;animation-name:border}.bar-1{animation-timing-function:ease-in}.bar-1,.bar-2{animation-duration:.25s}.bar-2{animation-delay:.15s}.bar-3{animation-delay:calc(.15s + .2s);animation-duration:.25s}.bar-4{animation-delay:calc(.15s + .25s + .2s);animation-duration:.2s}.bar-5{animation-timing-function:ease-out;animation-delay:calc(.15s + .25s + .2s + .2s);animation-duration:.15s}@keyframes fill{0%{width:0}to{width:90%}}@keyframes border{0%{border:1px solid transparent;width:0}to{border:1px solid var(--chakra-colors-brand-500);width:90%}}@keyframes UpDown{0%{transform:translateY(0)}to{transform:translateY(30px)}}@keyframes UpDownWide{0%{transform:translateY(0)}to{transform:translateY(200px)}}.UpDownAnimation>svg{animation-name:UpDown;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}.UpDownSlowAnimation>svg{animation-name:UpDown;animation-duration:11s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}.UpDownWideAnimation>svg{animation-name:UpDownWide;animation-duration:10s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes movingGradient{0%{background-position:0 50%}25%{background-position:50% 75%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0 50%}}.moving-grad{background-size:300%;animation:movingGradient;animation-duration:10s;animation-iteration-count:infinite}.blurred-background-global{filter:blur(10px) saturate(180%);-webkit-filter:blur(10px) saturate(180%);-moz-filter:blur(10px) saturate(180%);-o-filter:blur(10px) saturate(180%);-ms-filter:blur(10px) saturate(180%)}.remark-code-title+pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.blog-content>:first-child{margin-top:1.25em!important;margin-bottom:1.25em!important}@keyframes animatedUnderline{0%{stroke-dashoffset:850}to{stroke-dashoffset:0}}.animated-underline{stroke-dasharray:850;stroke-dashoffset:850;animation:animatedUnderline 1.4s cubic-bezier(.51,0,.71,.98) forwards}.hover-link-light:hover{color:var(--chakra-colors-green-500)}.hover-link-dark:hover{color:var(--chakra-colors-green-300)}.about-heading{animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--blurBackground:rgb(255 255 255/95%);--headerBackground:rgb(253 253 252/80%);--brand:#e38356;--brandTinted:rgb(227 131 86/20%);--bg:var(--sand1);--boxBg:var(--sand4)}.dark-theme{--blurBackground:rgb(15 15 15/95%);--headerBackground:rgb(21 21 20/80%)}.main-header{-webkit-tap-highlight-color:transparent}.arc-theme{--sand1:var(--arc-palette-background);--sand12:var(--arc-palette-foregroundPrimary);--sand11:var(--arc-palette-foregroundSecondary);--sandA4:var(--arc-palette-hover);--sand4:var(--arc-palette-hover);--bg:var(--arc-palette-background);--boxBg:var(--arc-palette-focus);--blurBackground:var(--arc-palette-backgroundExtra);--headerBackground:var(--arc-palette-background)}body{overflow-x:hidden;background-color:var(--bg)}}.breakout{width:calc(100vw - 48px);margin-left:calc(50% - 50vw + 36px)}.project{margin:0 auto;max-width:none}.project>:not(.not-prose,video){max-width:700px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.project>.not-prose,.project>video{margin:16px;width:calc(100% - 32px)}@media (min-width:768px){.project>:not(.not-prose,video){padding-left:1.5rem;padding-right:1.5rem}.project>.not-prose,.project>video{margin:80px 40px;width:calc(100% - 80px)}}.prose{--tw-prose-body:var(--sand12);--tw-prose-bold:var(--sand12);--tw-prose-links:var(--sand12);--tw-prose-headings:var(--sand12);--tw-prose-code:var(--sand12);--tw-prose-quotes:var(--sand11)}input[type=search]::-webkit-search-cancel-button{display:none}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.brand-gradient,.like-button{background:radial-gradient(100% 478.52% at 0 15.62%,#e38244 0,#ebad64 100%)}.like-button{animation:pulse 2.5s ease-out infinite}.radial-fade{background:radial-gradient(100% 100% at 100% 100%,#000 0,transparent 100%)}@keyframes pulse{0%{box-shadow:0 0 52px #eaa55f,0 0 20px #ee9950,inset 0 1px 3px hsla(0,0%,100%,.22)}70%{box-shadow:0 0 70px #eaa55f,0 0 40px #ee9950,inset 0 1px 3px hsla(0,0%,100%,.22)}to{box-shadow:0 0 52px #eaa55f,0 0 20px #ee9950,inset 0 1px 3px hsla(0,0%,100%,.22)}}@media (hover:hover){.animated-list:hover li{opacity:.5}.animated-list:hover li:hover{opacity:1}}.animate-in{animation-delay:calc(var(--index) * .13s)}code[class*=language-],pre[class*=language-]{color:#b9b5b8;font-size:14px;font-family:Menlo,Monaco,Lucida Console,Courier New,Courier,monospace;line-height:1.375;direction:ltr;text-align:left;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;background:#322931}@media (min-width:480px){code[class*=language-],pre[class*=language-]{font-size:15px}}pre>code[class*=language-]{display:block;width:100%;font-size:1em}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#797379}.token.punctuation{color:#b9b5b8}.namespace{opacity:.7}.token.boolean,.token.null,.token.number,.token.operator{color:#fd8b19}.token.property{color:#fdcc59}.token.tag{color:#1290bf}.token.string{color:#149b93}.token.selector{color:#c85e7c}.token.attr-name{color:#fd8b19}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#149b93}.token.attr-value,.token.control,.token.directive,.token.keyword,.token.unit{color:#8fc13e}.token.atrule,.token.regex,.token.statement{color:#149b93}.token.placeholder,.token.variable{color:#1290bf}.token.important{color:#dd464c;font-weight:700}.token.entity{cursor:help}pre>code.highlight{outline:.4em solid red;outline-offset:.4em}.remark-code-title{padding:12px 25px;font-weight:600;font-size:14px;font-family:Menlo,Monaco,Lucida Console,Courier New,Courier,monospace;background-color:var(--boxBg);border-top-left-radius:.3em;border-top-right-radius:.3em}article .remark-code-title+pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.highlight-line{position:relative;display:block;width:calc(100% + 40px);margin-right:-25px;margin-left:-25px;padding-left:25px;background-color:var(--brandTinted)}.highlight-line:before{position:absolute;left:0;width:4px;height:100%;background-color:var(--brand);content:""}.warning>p:first-of-type{margin-top:0}.warning>p:last-of-type{margin-bottom:0}