*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*{--color-white: 255 255 255;--color-black: 0 0 0;--color-dark: 51 51 51;--color-grey-300: 51 51 51;--color-grey-200: 133 133 133;--color-grey-100: 196 196 196;--color-grey-0: 220 220 220;--color-red: 198 55 55;--color-blue: 93 142 198;--color-border: var(--color-grey-0);--color-label: var(--color-grey-200);--color-error: var(--color-red);--color-accent: 0 0 255;--color-gradient: linear-gradient( var(--gr, 153deg), rgba(123, 201, 201, 1) var(--gs1, 0%), rgba(146, 135, 198, 1) var(--gs2, 33%), rgba(209, 103, 125, 1) var(--gs3, 66%), rgba(237, 157, 77, 1) var(--gs4, 100%) );--breakpoint-mobile: 375px;--breakpoint-tablet: 834px;--breakpoint-desktop: 1440px;--font-primary: "100";--font-secondary: "NYTFranklin";--font-size-base: 12px;--font-size-title: 75px;--font-size-paragraph: 22px;--font-size-paragraph-intro: 34px;--font-size-label: 12px;--size-header-height: 75px;--size-header-expanded-height: 80px;--size-navigation-height: 100px;--size-button-height: 40px;--size-logo-width: 130px;--size-logo-margin-top: 25px;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86)}@media screen and (min-height: 670px){*{--font-size-base: 16px;--size-header-expanded-height: 120px;--size-logo-margin-top: 40px;--font-size-label: 14px;--size-logo-width: 175px}}@font-face{font-family:NYTFranklin;src:url(/fonts/subset-NYTFranklin-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NYTFranklin;src:url(/fonts/subset-NYTFranklin-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:NYTFranklin;src:url(/fonts/subset-NYTFranklin-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"100";src:url(/fonts/subset-NYTCheltenham-Light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"100-italic";src:url(/fonts/subset-NYTCheltenham-LightItalic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"400";src:url(/fonts/subset-NYTCheltenham-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"400-italic";src:url(/fonts/subset-NYTCheltenham-BookItalic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"500-cond";src:url(/fonts/subset-NYTCheltenhamCond-Bold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"500";src:url(/fonts/subset-NYTCheltenham-Medium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"700";src:url(/fonts/subset-NYTCheltenham-Bold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"700-italic";src:url(/fonts/subset-NYTCheltenham-BoldItalic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.button{display:inline;padding:0;border:0;font:inherit;cursor:pointer;background:transparent;color:currentColor;appearance:none;user-select:none}.button--circular{--c: var(--color-button-fill, var(--color-dark));display:grid;place-content:center}.button--circular.btn-blue .button__icon{border:1px solid rgba(var(--color-blue, .5))}.button--circular.btn-blue .button__label{color:rgb(var(--color-blue))}.button--circular .button__icon{aspect-ratio:1;border:1px solid rgb(var(--color-border));border-radius:50%;width:var(--size-button-height);height:var(--size-button-height);justify-self:center;overflow:hidden;display:flex;align-items:center;justify-content:center;width:35px;height:35px}.button--circular .button__icon img{width:24px;height:24px;object-fit:contain;padding:5px}@media (min-height: 670px){.button--circular .button__icon{width:45px;height:45px}.button--circular .button__icon img{width:40px;height:40px;padding:8px}}@keyframes spin{to{transform:rotate(360deg)}}.button--circular.btn-refresh .button__icon{width:50px;height:50px;border:0}.button--circular.btn-refresh .button__icon img{width:100%;height:100%;object-fit:contain;padding:0}@media (min-height: 670px){.button--circular.btn-refresh .button__icon{width:60px;height:60px}}.button--circular .button__label{color:rgb(var(--color-label));font-size:var(--font-size-label);font-family:var(--font-secondary);text-align:center;font-weight:300;margin-top:2px}.button--circular.disabled .button__icon img,.button--circular.disabled .button__label{opacity:.5}.button--circular.fill .button__icon{background-color:rgb(var(--c, red));border:none}.button--circular.large .button__icon{width:72px;height:72px}.button--rectangular{--c: var(--color-button-fill, var(--color-dark));padding:5px 12px;border-radius:3px;background-color:rgb(var(--c));height:var(--size-button-height);position:relative;display:flex;justify-content:center;align-items:center;max-height:35px}@media (min-height: 670px){.button--rectangular{padding:10px 35px;border-radius:5px;max-height:none}}.button--rectangular .button__label{color:rgb(var(--color-white));font-size:var(--font-size-label);font-family:var(--font-secondary);text-align:center;font-weight:700;text-transform:uppercase;white-space:nowrap}.button--rectangular .button__icon{width:17px;height:auto}@media (min-height: 670px){.button--rectangular .button__icon{width:27px}}.button--rectangular.disabled{opacity:.5}.button--rectangular.btn-icon{padding:5px 0;min-width:70px}@media (min-height: 670px){.button--rectangular.btn-icon{padding:10px 0;min-width:80px}}.button--rectangular.btn-icon .button__label{color:rgb(var(--color-label));font-size:var(--font-size-label);font-family:var(--font-secondary);position:relative;display:inline-block;text-transform:initial;font-weight:300;position:absolute;bottom:-6px;transform:translateY(100%)}.switch{--background-color: rgb(var(--color-grey-200));--knob-color: rgb(var(--color-white));--knob-size: 36px;--knob-translate-x: 0;--knob-spacing: 4px}.switch .switch__toggle{height:var(--size-button-height);display:flex;justify-content:center;align-items:center}.switch .switch__toggle label{position:relative;display:inline-block;width:60px;height:var(--knob-size)}.switch .switch__toggle input{opacity:0;width:0;height:0}.switch .switch__toggle input:checked+span{--knob-translate-x: calc(60px - var(--knob-size))}.switch .switch__toggle input:checked+span{--background-color: rgb(var(--color-dark))}.switch .switch__toggle span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid rgb(var(--color-grey-100));transition:.4s;border-radius:calc(var(--knob-size) / 2)}.switch .switch__toggle span:before{position:absolute;content:"";height:100%;aspect-ratio:1;border-radius:50%;transform:translate(var(--knob-translate-x)) scale(.9);transition:.4s;background-color:var(--background-color)}.switch .switch__label{margin-top:5px;color:rgb(var(--color-label));font-size:var(--font-size-label);font-family:var(--font-secondary);text-align:center;font-weight:300}.switch .disabled{opacity:.5}*{--color-white: 255 255 255;--color-black: 0 0 0;--color-dark: 51 51 51;--color-grey-300: 51 51 51;--color-grey-200: 133 133 133;--color-grey-100: 196 196 196;--color-grey-0: 220 220 220;--color-red: 198 55 55;--color-blue: 93 142 198;--color-border: var(--color-grey-0);--color-label: var(--color-grey-200);--color-error: var(--color-red);--color-accent: 0 0 255;--color-gradient: linear-gradient( var(--gr, 153deg), rgba(123, 201, 201, 1) var(--gs1, 0%), rgba(146, 135, 198, 1) var(--gs2, 33%), rgba(209, 103, 125, 1) var(--gs3, 66%), rgba(237, 157, 77, 1) var(--gs4, 100%) );--breakpoint-mobile: 375px;--breakpoint-tablet: 834px;--breakpoint-desktop: 1440px;--font-primary: "100";--font-secondary: "NYTFranklin";--font-size-base: 12px;--font-size-title: 75px;--font-size-paragraph: 22px;--font-size-paragraph-intro: 34px;--font-size-label: 12px;--size-header-height: 75px;--size-header-expanded-height: 80px;--size-navigation-height: 100px;--size-button-height: 40px;--size-logo-width: 130px;--size-logo-margin-top: 25px;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86)}@media screen and (min-height: 670px){*{--font-size-base: 16px;--size-header-expanded-height: 120px;--size-logo-margin-top: 40px;--font-size-label: 14px;--size-logo-width: 175px}}.pages>.page.page--intro{padding-top:0}.page--intro .page__inner .content{position:relative;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.page--intro .page__inner .content::-webkit-scrollbar{display:none}.page--intro .page__inner .scroll-end{width:10px;height:10px;position:absolute;bottom:50px}.page--intro .page__inner .center{display:grid;place-content:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.page--intro .page__inner .arrow{position:fixed;bottom:40px;width:100%;pointer-events:none}.page--intro .page__inner .arrow.bounce{animation:bounce 2.5s infinite}.page--intro .page__inner .arrow img{pointer-events:auto;max-width:35px;opacity:0}.page--intro .page__inner .section{text-align:center;position:relative;padding:0 20px;--sliver-section-height: 110px}.page--intro .page__inner .section--1{height:100vh;max-height:-webkit-fill-available;margin-top:calc(-5vh - 80px)}.page--intro .page__inner .section--1 .content{margin-bottom:calc(-5vh - 80px)}.page--intro .page__inner .section--1 .logo-wrapper{height:30px}.page--intro .page__inner .section--1 .header__logo{width:135px;display:inline-block;will-change:transform,width}.page--intro .page__inner .section--1 .project-name{--ts1: 0;--ts2: 400%;--ts1: 100%;--ts2: 300%;background-image:linear-gradient(45deg,black var(--ts1),transparent var(--ts2)),var(--color-gradient);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.page--intro .page__inner .section--2{height:auto;padding:0 0 var(--sliver-section-height)}.page--intro .page__inner .section--2 .copy{opacity:.1;will-change:opacity}.page--intro .page__inner .section--2 p{opacity:0}.page--intro .page__inner .section--3{position:relative;scroll-snap-align:end;height:calc(100vh - var(--size-header-height) - var(--sliver-section-height))}.page--intro .page__inner .section--3 .copy{opacity:.1;will-change:opacity}.page--intro .page__inner .section--3 .cta{width:100%;overflow:hidden;margin-top:50px;display:flex;justify-content:center}.page--intro .page__inner .section--3 .cta .cta-btn{margin-bottom:20px}.page--intro .page__inner .section h1{font-size:clamp(4.5rem,-.875rem + 10.333vw,6.625rem);font-weight:300;line-height:.9;margin:.15em 0}.page--intro .page__inner .section p{font-size:clamp(1.2rem,-.875rem + 10.333vw,2.5rem);max-width:580px;line-height:1.1;display:inline-block}.page--intro .page__inner .section p.subline{font-size:var(--font-size-paragraph);display:inline-block;line-height:1.2}.page--intro .page__inner nav{width:100%;text-align:center;font-family:var(--font-secondary);white-space:nowrap;overflow:visible}.page--intro .page__inner nav a{pointer-events:auto}.page--intro .page__inner nav .inner{width:100%;text-align:center}.page--generate .page__content{display:grid;justify-content:center}.page--generate .toolbar .center{font-family:var(--font-secondary);align-self:center;white-space:nowrap}.page--generate .toolbar.toolbar--loading{pointer-events:none}.page--name{position:relative}.page--name .page__inner{display:grid;place-content:center;height:100%}.page--name .page__inner .content{display:grid;place-content:center}.page--name .center{margin:0 auto}.page--name input{all:unset;position:relative;font-size:var(--font-size-paragraph);font-family:var(--font-secondary);outline:none;border:none;border-bottom:1px solid rgb(var(--color-black));text-align:center}.page--name input::placeholder{color:rgb(var(--color-grey-100));text-align:center}.page--name input:focus+label{border-color:rgb(var(--color-accent))}.page--name .labels{display:grid;font-family:var(--font-secondary);text-align:center;margin-top:5px;min-height:24px}.page--name .labels .label,.page--name .labels .error{grid-row:1/2;grid-column:1/2}.page--name .labels .error{opacity:0}.page--name .error{color:red;font-style:italic}.page--name .navigation{margin-top:30px}.page--name .navigation .navigation__inner{display:flex;justify-content:center}.page--edit .page__content{display:grid;place-content:center;height:100%;position:relative}.page--edit .page__content .title{font-size:var(--font-size-label);font-family:var(--font-secondary);background:rgb(var(--color-white));font-weight:600;width:100%;text-align:center;z-index:1;text-transform:uppercase;padding:5px 0 0;position:absolute;top:0}.page--edit .page__content .title hr{border:1px solid rgb(var(--color-grey-100));width:230px;display:block;margin:5px auto}@media screen and (min-height: 670px){.page--edit .page__content .title{padding:15px 0 0}.page--edit .page__content .title hr{margin:10px auto}}.page--edit .page__content .tooltip{max-width:300px;text-align:center;font-family:var(--font-secondary);line-height:1.2;background-color:#000c;color:#fff;border-radius:8px;padding:20px 30px;backdrop-filter:blur(2px);display:none}.page--discover{z-index:2}.page--discover .page__content .top{max-width:300px;margin:60px auto 40px;text-align:center}.page--discover .page__content .top h2{line-height:1.2;font-family:var(--font-secondary);margin-bottom:1em}.page--discover .page__content .top .arrow-down{width:30px;margin-top:40px;opacity:.6;display:none}.page--discover .page__content .top .arrow-down.active{display:inline-block}.page--discover .page__content .top .arrow-down img{width:100%}.page--discover .page__content .articles{width:80%;max-width:800px;margin:0 auto}.page--discover .page__content .articles .article{margin-bottom:40px;position:relative}.page--discover .page__content .articles .article a{color:rgb(var(--color-black));text-decoration:none;display:block}.page--discover .page__content .articles .article h3,.page--discover .page__content .articles .article p{display:inline;font-size:var(--font-size-base)}.page--discover .page__content .articles .article hr{margin-top:30px;border:0;height:1px;background:rgb(var(--color-border))}.page--discover .page__content .articles .article .arrow-next{transform:rotate(-90deg);display:inline-block;width:20px;opacity:.6;position:absolute;right:0;bottom:15px}.page--share .page__content{height:100%;display:flex;flex-direction:column}.page--share .page__content .tools-tabs{width:100%;margin-top:5px;position:absolute}@media screen and (min-height: 670px){.page--share .page__content .tools-tabs{margin-top:15px}}.page--share .page__content .tools-tabs .inner{width:80%;max-width:300px;margin:0 auto;display:flex}.page--share .page__content .tools-tabs button{flex:1;display:grid;place-content:center;height:50px;border:0;border-bottom:1px solid rgba(var(--color-border));background:none}@media screen and (min-height: 670px){.page--share .page__content .tools-tabs button{height:70px}}.page--share .page__content .tools-tabs button .icon{width:20px;border:1px solid rgba(var(--color-border));pointer-events:none}.page--share .page__content .tools-tabs button.active{border-bottom-color:rgba(var(--color-black));pointer-events:none}.page--share .page__content .tools-tabs button.active .icon{border-color:rgba(var(--color-black))}.page--share .page__content .tools-tabs .btn-portrait .icon{height:30px}.page--share .page__content .tools-tabs .btn-square .icon{height:25px}.page--share .page__content .tools-edit{flex:1;display:flex;width:100%;max-width:500px;margin:0 auto}.page--share .page__content .tools-edit>*{display:flex;align-items:center}.page--share .page__content .tools-edit>*:first-child{padding-left:25px}@media screen and (min-width: 800px){.page--share .page__content .tools-edit>*:first-child{padding-left:0}}.page--share .page__content .tools-share{text-align:center}.page--share .page__content .tools-share .btn-share{display:inline-flex;margin-bottom:10px}.page--share .page__content .tools-share .hashtag{display:block;margin-bottom:10px}.page--colors nav.navigation .toolbar--colors-chart{display:flex;flex-direction:column;width:100%;margin:0 auto;padding:0}.page--colors .container--colors{margin-bottom:5px;width:100%;position:relative}.page--colors .container--colors .bar{width:0;height:7px;overflow:hidden;left:0;top:0}.page--colors .container--colors .bar>*{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.page--colors .container--colors .fill{width:100%;height:7px}.page--colors .container--labels{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;width:100%}.page--colors .container--labels span{text-transform:uppercase;font-size:12px;font-family:var(--font-secondary)}@media screen and (min-width: 834px){.page--colors .container--labels span{font-size:var(--font-size-label)}}.page--colors .toolbar--colors .button__icon{margin-top:-6px}header{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;pointer-events:none;overflow:hidden;z-index:3}header.hide{display:none}header.show{display:block}header .header__content{z-index:1;display:none}header .header__logo{margin-top:var(--size-logo-margin-top);display:inline-block;pointer-events:auto}header .header__logo img{width:var(--size-logo-width)}header .header__name{font-size:var(--font-size-base);font-family:var(--font-secondary);color:rgb(var(--color-grey));text-transform:uppercase;font-weight:700;color:rgb(var(--color-grey-200))}header .header__bg{background:rgb(var(--color-white));width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;will-change:transform}.artwork{display:grid;max-width:96vw;max-height:60vh;pointer-events:initial}@media (min-height: 670px){.artwork{max-height:65vh}}.artwork canvas{grid-column:1/2;grid-row:1/2;width:100%!important;height:100%!important}nav.navigation{display:grid;overflow:hidden;height:var(--size-navigation-height);align-content:center;margin:auto auto 0;min-width:255px}nav.navigation .toolbar{grid-row:1/2;grid-column:1/2;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:0}nav.navigation .toolbar .left,nav.navigation .toolbar .right{display:flex;align-items:center;gap:10px}nav.navigation .toolbar .center{position:absolute;left:50%;transform:translate(-50%)}:root{color-scheme:light}.free-form-content{height:100%!important}*,*:before,*:after{user-select:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overscroll-behavior:none}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-black);background-color:rgb(var(--color-white));height:100%}header{height:var(--size-header-expanded-height);position:fixed;top:0;width:100%}a{color:var(--color-black)}img{height:auto}.pages{display:grid;min-height:100%}.pages>.page{grid-row:1/2;grid-column:1/2;padding-top:var(--size-header-expanded-height);display:none}.pages>.page .page__inner{display:flex;flex-flow:column;height:100%}.pages>.page .page__inner .content{flex:1}.background{position:fixed;width:100%;height:100%;left:0;top:0;z-index:0;pointer-events:none;display:grid;place-content:center}.mobile-landscape{display:none}@media only screen and (max-height: 570px) and (orientation: landscape) and (min-aspect-ratio: 13/9){.mobile-landscape{position:fixed;inset:0;width:100%;height:100%;z-index:9999;display:grid;place-content:center;text-align:center;background:rgb(var(--color-white))}}.mobile-landscape .logo{margin-bottom:30px}