:root{--color-text:#000;--color-bg:#fff;--color-bg-alt:#f0f0f0;--color-link:rgba(0,0,0,.7);--color-link-hover:#000;--color-title:#000;--color-button-bg:#fff;--color-button-border:#000;--color-button-text:#000;--color-button-hover-bg:#000;--color-button-hover-text:#fff;--page-padding:1.5rem;--demo-2-bg:#f9f9f9;--demo-2-bg-alt:#e8e8e8;--demo-2-title:#000;--demo-3-bg:#fdfdfd;--demo-3-bg-alt:#f2f2f2;--demo-3-title:#000}*,:after,:before{box-sizing:border-box}html{background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text);font-display:block;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:max(.75rem,.8101851852vw);font-weight:400;overscroll-behavior:contain}::selection{background:rgba(0,0,0,.1);color:#000;color:var(--color-text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;color:var(--color-text);font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}#root,body,html{background-color:#fff;background-color:var(--color-bg);margin:0}#root,body,html{height:auto;min-height:100%;padding:0;width:100%}a{color:rgba(0,0,0,.7);color:var(--color-link);cursor:pointer;text-decoration:none;transition:.3s ease}a,a:hover{outline:none}a:hover{color:#000;color:var(--color-link-hover);text-decoration:underline}a:focus{background:rgba(0,0,0,.05);outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid #000;outline:2px solid var(--color-text)}.unbutton{background:none;border:0;color:#000;color:var(--color-text);cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}h1,h2,h3,h4,h5,h6{color:#000;color:var(--color-title);font-family:Fredoka,sans-serif}h2{font-size:max(3.75rem,11.1111111111vw);font-weight:500;letter-spacing:-.03em;line-height:.8;margin:0 0 0 -.07em}h2 span{display:inline-block;width:auto}h3{font-family:Fredoka,sans-serif;font-size:max(2rem,4.4444444444vw);font-style:normal;font-weight:400;line-height:1;margin:10vw 0}h3 span{width:80%}h3 em{display:block;margin-top:2.5rem;text-align:right}h3 em span{margin-left:auto}h4{font-size:max(1rem,2.5vw);font-weight:400;line-height:1.36;margin:max(5rem,13.8888888889vw) 0;width:77%}.fredoka-light{font-weight:300}.fredoka-regular{font-weight:400}.fredoka-medium{font-weight:500}.fredoka-semibold{font-weight:600}.gloock-regular{font-family:Fredoka,sans-serif;font-style:normal;font-weight:400}.container{padding-left:max(1.2rem,2.7777777778vw);padding-right:max(1.2rem,2.7777777778vw)}@media screen and (min-width:1024px){h3 em{margin-top:0}}.entrance-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-bg);background:#fff;background:var(--color-bg);background-size:150px,100% 100vh;color:#000;color:var(--color-text);font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding-top:5rem;position:relative;width:100vw}.demo-2{--color-bg:var(--demo-2-bg);--color-bg-alt:var(--demo-2-bg-alt);--color-title:var(--demo-2-title)}.demo-3{--color-bg:var(--demo-3-bg);--color-bg-alt:var(--demo-3-bg-alt);--color-title:var(--demo-3-title)}.social__links{font-size:.8rem;gap:1rem;overflow:scroll-x;padding-left:60vw;position:absolute;top:0;width:100vw;z-index:-1}.social__links,.social__links .link{align-items:center;display:flex;height:3rem;justify-content:center}.social__links a{background-color:#fff;border-radius:20px;color:#000;color:var(--color-text);display:inline-block;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:700;padding:5px 10px;text-decoration:none;text-transform:uppercase;transition:.3s ease}.logo{display:block;height:100%;object-fit:contain;width:100%}.content{align-items:center;background-color:#fff;background-color:var(--color-bg);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.entrance-body .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;position:relative;width:100%}.scene .container{height:100%;margin:0;max-width:none;padding:0;width:100%}.topArea{left:0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.topArea__content{align-items:center;display:flex;height:100%;width:100%}.topArea__wrapper{align-items:center;display:flex;gap:2rem;width:100vw}.logo-container{align-items:center;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.social__links--desktop .link,.social__links--mobile .link{flex-shrink:0;pointer-events:auto}.social__links--desktop .link a,.social__links--mobile .link a{color:#000;color:var(--color-text);cursor:pointer;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.9rem;pointer-events:auto;text-decoration:none;text-transform:lowercase;transition:.3s ease;white-space:nowrap}.social__links--desktop .link a:hover,.social__links--mobile .link a:hover{opacity:.7;text-decoration:underline}.social__links--mobile{display:flex;font-size:1rem;font-weight:700;gap:1rem;pointer-events:auto;z-index:1001}@media screen and (min-width:769px){.social__links--mobile{display:none}}@media screen and (max-width:768px){.social__links--mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:3rem;min-width:0;overflow-x:scroll;overflow-y:hidden;padding-left:70vw;padding-right:2rem;padding-top:1rem;position:absolute;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;white-space:nowrap;width:100%;z-index:1}.social__links--mobile::-webkit-scrollbar{display:none}}.social__links--desktop{display:flex;font-size:1.4rem;font-weight:700;gap:2rem;pointer-events:auto;z-index:1001}@media screen and (max-width:768px){.social__links--desktop{display:none}}@media screen and (min-width:769px){.social__links--desktop{position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.print__button{position:absolute;right:2rem;z-index:1000}.print__button .print-btn{background:transparent;border:2px solid #000;border:2px solid var(--color-text);border-radius:20px;color:#000;color:var(--color-text);cursor:pointer;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-transform:lowercase;transition:.3s ease}.print__button .print-btn:hover{background-color:#000;background-color:var(--color-text);color:#fff;color:var(--color-bg)}.print__button .print-btn:focus{outline:2px solid #000;outline:2px solid var(--color-text);outline-offset:2px}.scene{align-items:center;background-color:#fff;background-color:var(--color-bg);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;position:absolute;top:0;width:100vw}.scene.scene-moved-down{-webkit-transform:translateY(50vh);transform:translateY(50vh);transition:-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out;transition:transform 2s ease-in-out,-webkit-transform 2s ease-in-out}.group{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.card{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card__img{aspect-ratio:393/852;background-position:50%;background-size:cover;border:1px solid rgba(0,0,0,.1);border-radius:1rem;width:5em}.fredoka-bold{color:#000;color:var(--color-text);font-weight:700}.headings{position:relative;text-align:center;z-index:10}.headings,.headings__main{color:#000;color:var(--color-title)}.headings__main{font-size:clamp(3rem,2.5rem + 3.883vw,6.25rem);line-height:1;margin-top:0;padding-top:0;text-transform:lowercase}.headings__main span{opacity:.3}.headings__can{font-size:clamp(2.5rem,1.59rem + 3.883vw,6.25rem);line-height:3;margin-top:0;padding-top:0;text-transform:lowercase}.headings__can,.headings_subtitle{color:#000;color:var(--color-title)}.headings_subtitle{font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1.4rem;line-height:1.4;margin-bottom:0;margin-top:1rem}.headings_button_container{display:block}.headings_button_container-android{margin-top:1rem}.headings_button{background-color:#fff;background-color:var(--color-button-bg);border:3px solid #000;border:3px solid var(--color-button-border);border-radius:10px;color:#000;color:var(--color-button-text);display:inline-block;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1rem;margin-top:1.5rem;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:.3s ease}.headings_button:hover{background-color:#000;background-color:var(--color-button-hover-bg);color:#fff;color:var(--color-button-hover-text);outline:none;text-decoration:none}.footer{bottom:0;display:flex;flex-direction:column;height:15rem;justify-content:flex-end;left:0;padding-bottom:10rem;position:absolute;width:100%}.footer a{background-color:#fff;border-radius:20px;display:inline-block;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1rem;margin-top:1.5rem;padding:5px 10px;text-decoration:none;text-transform:uppercase;transition:.3s ease}.flip-x{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.debug{background-color:red;border-radius:5px;height:1px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:#fff;background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{-webkit-animation:loaderAnim .7s linear infinite alternate forwards;animation:loaderAnim .7s linear infinite alternate forwards;background:#000;background:var(--color-text);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}.privacyPolicy,.termsAndConditions{background-color:#fff;background-color:var(--color-bg);padding-top:10rem}.termsAndPrivacyWrapper{align-items:center;display:flex;gap:8px}.footer_nav_content .container{display:flex;justify-content:space-between;width:100%}@-webkit-keyframes loaderAnim{to{opacity:1;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}@keyframes loaderAnim{to{opacity:1;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}article{background-color:#fff;background-color:var(--color-bg);padding-top:15vh}section{margin:max(5px,5vw) 0}header{align-items:flex-start;background-color:#fff;background-color:var(--color-bg);display:flex;flex-direction:column;height:40vh;justify-content:flex-end;margin-bottom:max(2.5rem,5vw);max-height:50vw}.headerLayout{position:relative;text-transform:uppercase}.video-container{height:100%;position:absolute;width:100%;z-index:-1}.subline{color:#000;color:var(--color-text);display:block;font-size:max(16px,.9677419355vw);font-weight:400;letter-spacing:0;line-height:1.5;margin-left:0;margin-top:2.5rem;text-transform:uppercase;width:80%}@media screen and (min-width:64em){.subline{bottom:1.5%;display:block;height:auto;left:50%;position:absolute;text-transform:uppercase;top:auto;width:max(300px,22vw)}}.EffectsToggle{display:inline-block;font-family:Fredoka,sans-serif;font-size:1.5rem;font-style:normal;height:20vh;left:max(1.2rem,2.7777777778vw);letter-spacing:-.03rem;margin-bottom:1rem;position:-webkit-sticky;position:sticky;top:-1px;z-index:1000}.EffectsToggle.is-pinned .EffectsToggle__Inner,.EffectsToggle__Inner{background-color:#fff;background-color:var(--color-bg)}.EffectsToggle__Inner{align-items:center;border:3px solid #000;border:3px solid var(--color-text);border-radius:4rem;display:flex;height:auto;margin-top:1rem;padding:.5rem 1.2rem;transition:background .3s ease;width:100%}.EffectsToggle__Text{color:#000;color:var(--color-text);display:block;width:10em}.EffectsToggle button{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:#000;color:var(--color-text);cursor:pointer;font-family:Fredoka,sans-serif;font-size:3rem;font-style:normal;font-weight:600;letter-spacing:-.02em;text-align:center;transition:.3s ease;vertical-align:center}.EffectsToggle button:hover{opacity:.7}.JellyPlaceholder{aspect-ratio:16/10;margin:auto;width:66%}.ImageLandscape{aspect-ratio:16/9}.ImagePortrait{aspect-ratio:10/16;width:47.5%}.ParallaxContainer{display:flex;margin:max(5rem,20.8333333333vw) 0}.aspect-16_11{aspect-ratio:16/11;width:50%}.aspect-9_13{aspect-ratio:9/13;margin:auto;width:18%}.frame{grid-row-gap:1rem;grid-column-gap:2rem;color:#000;color:var(--color-text);display:grid;font-size:12px;grid-template-areas:"title" "archive" "back" "github" "demos" "sponsor" "tags";grid-template-columns:auto auto;height:100%;justify-items:flex-start;padding:1.5rem;padding:var(--page-padding);pointer-events:none;position:relative;text-transform:uppercase;width:100%;z-index:1000}.frame #cdawrap{justify-self:flex-start}.frame a{color:rgba(0,0,0,.7);color:var(--color-link);pointer-events:auto}.frame a:hover{color:#000;color:var(--color-link-hover)}.frame__title{color:#000;color:var(--color-text);font-size:inherit;grid-area:title;margin:0}.frame__back{grid-area:back;justify-self:flex-start}.frame__archive{grid-area:archive;justify-self:flex-start}.frame__tags{grid-area:tags}.frame__github{grid-area:github}.frame__demos{display:flex;gap:1rem;grid-area:demos}@media screen and (min-width:53em){.frame{align-content:space-between;grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;height:100%;left:0;position:fixed;top:0;width:100%}.frame #cdawrap,.frame__demos{justify-self:flex-end}}.markdown-page{margin-top:8rem;min-height:100vh}.markdown-content,.markdown-page{background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text)}.markdown-content{font-size:1rem;line-height:1.6;margin:0 auto;max-width:800px;padding:2rem}.markdown-content h1{border-bottom:2px solid #000;border-bottom:2px solid var(--color-text);color:#000;color:var(--color-title);font-size:2rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{border-bottom:1px solid rgba(0,0,0,.2);color:#000;color:var(--color-title);font-size:1.5rem;margin-bottom:.75rem;margin-top:1.5rem;padding-bottom:.25rem}.markdown-content h3{color:#000;color:var(--color-title);font-size:1.25rem;margin-bottom:.5rem;margin-top:1.25rem}.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#000;color:var(--color-title);font-size:1.1rem;margin-bottom:.5rem;margin-top:1rem}.markdown-content ol,.markdown-content p,.markdown-content ul{color:#000;color:var(--color-text);margin-bottom:1rem}.markdown-content ol,.markdown-content ul{padding-left:2rem}.markdown-content ol li,.markdown-content ul li{margin-bottom:.5rem}.markdown-content blockquote{background-color:rgba(0,0,0,.02);border-left:4px solid #000;border-left:4px solid var(--color-text);border-radius:8px;color:#000;color:var(--color-text);font-style:italic;margin:1rem 0;padding:1rem}.markdown-content code{background-color:rgba(0,0,0,.05);border-radius:4px;color:#000;color:var(--color-text);font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.markdown-content pre{background-color:rgba(0,0,0,.05);border-radius:8px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:rgba(0,0,0,.7);color:var(--color-link);text-decoration:underline}.markdown-content a:hover{color:#000;color:var(--color-link-hover)}.markdown-content table{background-color:#fff;background-color:var(--color-bg);border-collapse:collapse;margin-bottom:1rem;width:100%}.markdown-content table td,.markdown-content table th{border:1px solid rgba(0,0,0,.2);color:#000;color:var(--color-text);padding:.75rem;text-align:left}.markdown-content table th{background-color:rgba(0,0,0,.05);font-weight:600}.markdown-content hr{border:none;border-top:1px solid rgba(0,0,0,.2);margin:2rem 0}.privacyPolicy,.termsAndConditions{background-color:#fff;background-color:var(--color-bg);margin-top:10rem;padding-top:10rem}@media screen and (max-width:768px){.markdown-content{font-size:.85rem;padding:1rem}.markdown-content h1{font-size:1.4rem}.markdown-content h2{font-size:1.1rem}.markdown-content h3{font-size:.95rem}}.not-found-content{align-items:center;background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text);display:flex;flex-direction:column;height:calc(100vh - 6rem);justify-content:center;text-align:center}.not-found-content h1{color:#000;color:var(--color-title);font-size:4rem;font-weight:700;margin-bottom:1rem}.not-found-content p{color:#000;color:var(--color-text);font-size:1.2rem;margin-bottom:2rem;opacity:.8}main{background-color:#fff;background-color:var(--color-bg);position:relative}.loading .scene{opacity:0}@media print{body{color:#000!important}.EffectsToggle,.frame,.topArea{display:none!important}}
/*# sourceMappingURL=main.96723513.css.map*/