@import url(https://use.typekit.net/gjg4bak.css);#root,body,html{width:100%;height:100%;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.authoring{width:100%;height:100%;padding-left:150px}.controls{position:fixed;left:0;top:0;width:300px;height:100%;background:#111;font-size:12px;text-transform:capitalize;white-space:nowrap;color:#eee;display:flex;flex-direction:column;z-index:1}.controls .inputRange,.controls .inputVectorRange{padding:0 0 10px}.controls .inputRange label,.controls .inputVectorRange label{display:block}.controls .inputRange input[type=range],.controls .inputVectorRange input[type=range]{height:21px;-webkit-appearance:none;margin:3px 0 0;width:100%;background:transparent}.controls .inputRange input[type=range]:focus,.controls .inputVectorRange input[type=range]:focus{outline:none}.controls .inputRange input[type=range]::-webkit-slider-runnable-track,.controls .inputVectorRange input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:#888;border-radius:3px;border:0 solid #111}.controls .inputRange input[type=range]::-webkit-slider-thumb,.controls .inputVectorRange input[type=range]::-webkit-slider-thumb{border:2px solid #888;height:15px;width:15px;border-radius:15px;background:#111;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.controls .inputVectorRange input[type=range]{display:block}.controls .inputCheckbox{position:relative;margin:0 0 8px}.controls .inputCheckbox input[type=checkbox]{padding:0;margin:0;position:absolute;left:-999999px}.controls .inputCheckbox label{display:block;position:relative;padding-left:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.controls .inputCheckbox label:before{content:"";display:block;position:absolute;top:0;left:0;width:12px;height:12px;border:2px solid #888;border-radius:12px}.controls .inputCheckbox input[type=checkbox]:checked~label:after{content:"";display:block;position:absolute;top:5px;left:5px;width:6px;height:6px;background:#999;border-radius:6px}.controls .inputCheckbox+.inputRange{margin-top:10px}.controls .inputRadio{position:relative;margin:0 0 8px}.controls .inputRadio input[type=radio]{padding:0;margin:0;position:absolute;left:-999999px}.controls .inputRadio label{display:block;position:relative;padding-left:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.controls .inputRadio label:before{content:"";display:block;position:absolute;top:0;left:0;width:12px;height:12px;border:2px solid #888;border-radius:12px}.controls .inputRadio input[type=radio]:checked+label:after{content:"";display:block;position:absolute;top:5px;left:5px;width:6px;height:6px;background:#999;border-radius:6px}.controls .inputRadio+.inputRange{margin-top:10px}.controls .inputFile{padding:0 0 20px;text-transform:none}.controls .inputFile label{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:36px;width:100%;border:2px solid #999;border-radius:30px;background:transparent;font-size:12px;line-height:1;color:#fff}.controls .inputFile input[type=file]{cursor:pointer;opacity:0;width:0}.controls .inputFile input[type=file]:focus{outline:none}.controls .inputColor{padding:0 0 10px}.controls .inputColor label{display:block}.controls .inputColor--picker{display:flex;align-items:center;padding:5px 0}.controls .inputColor--picker .rc-color-picker-wrap{background-color:#fff;border-radius:50%;padding:0;width:20px;height:20px;position:relative}.controls .inputColor--picker .rc-color-picker-trigger{border-radius:50%;box-shadow:none;border:none;padding:0}.controls .inputColor--value{text-transform:none;padding:0 5px}.controls .playControls--visibilities{position:fixed;left:0;top:25px;width:100%;display:flex;flex-flow:row wrap;justify-content:center;padding-left:150px}.controls .playControls--visibilities .inputCheckbox{margin-right:40px}.controls .playControls--visibilities .inputCheckbox label{color:#333}.controls .playControls--visibilities .inputCheckbox label:before{border-color:#777}.controls .playControls--visibilities .inputCheckbox input[type=checkbox]:checked~label:after{background-color:#777}.controls .playControls--age{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:10px;background:hsla(0,0%,100%,.1);font-size:22px}.controls .playControls--ageTitle{font-size:12px;color:#888;margin-bottom:2px}.controls .playControls--buttons{padding:20px 40px 10px;display:flex;flex-flow:column nowrap}.controls .playControls--buttons button{cursor:pointer}.controls .playControls--buttons button:focus{outline:none}.controls .playControls--buttons button.buttonPlayPause{height:36px;border:none;border-radius:30px;background:#fff;font-size:12px;color:#000;margin-bottom:10px}.controls .playControls--buttons button.buttonDownload,.controls .playControls--buttons button.buttonStepper{border:none;border-radius:2px;background:transparent;font-size:12px;color:#999;text-decoration:underline}.controls .playControls--inputs{display:flex;flex-direction:column;overflow:auto;padding:0 40px}.cs{background-position:100%;height:17px;width:11px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAQAAABzuJQIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAB7SURBVCjP3c7BDQMhDETRP4gyUlb6SEphe9w+JgdArIMPm2uGizV6MpbpERgBzGb0tuZcLvTbDSoHrMUMQmFrY/IaaOeKB7yE+1yTz43irZNXbXcCFosuXqFt9g0cyZICT7LkrU+b62vGeVv4IX+Phc+tfABZK3xj5cgHC29ECUeufxkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMzFUMTg6NDE6MzIrMDI6MDD31tLGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTMxVDE4OjQxOjMyKzAyOjAwhotqegAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)}.cs,.cs div{position:absolute}.cs div{height:7px;left:2px;width:7px;top:8px}.active{background-position:0}@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(/static/media/lato-v16-latin-regular.b4d2c4c3.woff2) format("woff2"),url(/static/media/lato-v16-latin-regular.b8ee546a.woff) format("woff")}@font-face{font-family:"Lato";font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(/static/media/lato-v16-latin-700.1efbd38a.woff2) format("woff2"),url(/static/media/lato-v16-latin-700.874b8e7b.woff) format("woff")}.exhibition,.keyboardSizeWrapper{width:100%;height:100%}.keyboardSizeWrapper{position:relative;overflow:hidden}.keyboard{position:absolute;width:1366px;height:1024px;padding:40px;box-sizing:border-box;display:grid;grid-template-columns:auto;grid-template-rows:1fr auto auto;-webkit-transform-origin:top left;transform-origin:top left;font-family:"Lato";font-weight:700;-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;line-height:1}.keyboard .inputs{width:100%;display:flex;flex-flow:column wrap;align-items:center;justify-content:center}.keyboard .inputs .label{width:100%;display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-between;margin-bottom:40px;font-family:"Lato";font-weight:500;-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;line-height:1;font-size:56px;line-height:40px;text-transform:uppercase;color:#6f5b2a}.keyboard .inputs .labelMinus,.keyboard .inputs .labelPlus{width:40px;height:40px;position:relative}.keyboard .inputs .labelIconLine{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:5px;background:#6f5b2a}.keyboard .inputs .labelPlus .labelIconLine:nth-child(2){-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.keyboard .inputs input[type=range]{height:21px;-webkit-appearance:none;margin:10px 0;width:100%;background:transparent}.keyboard .inputs input[type=range]:focus{outline:none}.keyboard .inputs input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:#6f5b2a;border-radius:0;border:0}.keyboard .inputs input[type=range]::-webkit-slider-thumb{position:relative;box-shadow:0;height:46px;width:46px;border:5px solid transparent;border-radius:50%;background:#6f5b2a;cursor:pointer;-webkit-appearance:none;margin-top:-22px}.keyboard .message{align-self:flex-end;position:relative;margin:40px 0;padding:40px 0;background:transparent;border:5px solid #6f5b2a;display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch}.keyboard .message .remainingCharacterCount{position:absolute;top:15px;right:15px;text-align:right;font-weight:700;font-size:20px;color:#6f5b2a}.keyboard .message .currentMessage{width:auto;height:98px;text-align:center;font-size:92px;line-height:98px;font-weight:500;color:#6f5b2a}.keyboard .message .pseudoCursor{width:5px;height:98px;display:inline-block;background:#6f5b2a;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}.keyboard .react-simple-keyboard{align-self:flex-end;max-width:100%;padding:0;background:transparent}.keyboard .react-simple-keyboard .hg-row{margin-bottom:10px;display:grid;grid-auto-flow:column;grid-gap:0 10px;justify-content:start}.keyboard .react-simple-keyboard .hg-row:first-child{grid-template-columns:repeat(10,100px) 1fr}.keyboard .react-simple-keyboard .hg-row:nth-child(2){grid-template-columns:44px repeat(10,100px) 1fr}.keyboard .react-simple-keyboard .hg-row:nth-child(3){grid-template-columns:repeat(10,100px) 1fr}.keyboard .react-simple-keyboard .hg-row:nth-child(4){grid-template-columns:100%}.keyboard .react-simple-keyboard .hg-button{background:#6f5b2a;box-shadow:none;border:none;margin:0!important;font-family:"Lato";font-weight:700;-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;line-height:1;font-size:28px;color:#fff;text-shadow:none;-webkit-transition:background-color .15s ease,-webkit-transform .1s ease;transition:background-color .15s ease,-webkit-transform .1s ease;transition:transform .1s ease,background-color .15s ease;transition:transform .1s ease,background-color .15s ease,-webkit-transform .1s ease;height:100px;width:100px}.keyboard .react-simple-keyboard .hg-button.hg-button-bksp,.keyboard .react-simple-keyboard .hg-button.hg-button-space,.keyboard .react-simple-keyboard .hg-button[data-skbtnuid=default-r1b11],.keyboard .react-simple-keyboard .hg-button[data-skbtnuid=default-r2b10]{letter-spacing:1px;width:100%}.keyboard .react-simple-keyboard .hg-button[data-skbtnuid=default-r1b0]{width:45px}.keyboard .react-simple-keyboard .hg-activeButton{background-color:#826a31!important;box-shadow:none!important;-webkit-transform:translateY(2px);transform:translateY(2px)}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}*,:after,:before{box-sizing:border-box}body,html{height:100%;-ms-scroll-chaining:none;overscroll-behavior:none}.webApp{width:100%;height:100%;-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;-webkit-font-smoothing:antialiased;font-family:forma-djr-text,sans-serif;font-weight:400;font-style:normal;color:#000;font-size:clamp(20px,2.3vw,200px);line-height:1.25;letter-spacing:.05vw}.webApp strong{font-weight:500}.webApp a{font-style:normal;text-decoration:none;text-decoration:underline}.webApp .button,.webApp a{position:relative;color:#000}.webApp .button{height:clamp(32px,3.68vw,320px);display:inline-block;padding:0 1px;margin:0;cursor:pointer;overflow:visible;background-color:transparent;-webkit-transition:background-color .1s ease;transition:background-color .1s ease;border:none;font-family:forma-djr-text,sans-serif;font-size:clamp(14px,1.61vw,140px);font-weight:400;line-height:2;letter-spacing:.05vw}.webApp .button:focus{outline:none}.webApp .button svg{display:block;margin:0;height:clamp(32px,3.68vw,320px);width:auto;overflow:visible}.webApp .button svg .outlined{fill:#000}.webApp .button svg .filled{fill:none}.webApp .button:hover{color:var(--background-color)}.webApp .button:hover svg .outlined{fill:none}.webApp .button:hover svg .filled{fill:#000}.webApp .button.isActive{color:var(--background-color)}.webApp .button.isActive svg .outlined{fill:none}.webApp .button.isActive svg .filled{fill:#000}.webApp .button--logo{height:clamp(20px,2.3vw,200px);font-size:clamp(20px,2.3vw,200px);text-transform:uppercase;vertical-align:text-top}.webApp .button--logo svg{-webkit-transform:translateY(clamp(-9px,-1.035vw,-90px));transform:translateY(clamp(-9px,-1.035vw,-90px));-moz-transform:translateY(clamp(-15px,-1.725vw,-150px))}.webApp .button--close,.webApp .button--instructions{position:fixed;z-index:2;top:clamp(20px,2.3vw,200px);right:clamp(20px,2.3vw,200px);width:clamp(32px,3.68vw,320px);font-size:clamp(20px,2.3vw,200px);text-align:center}.webApp .button--close svg,.webApp .button--instructions svg{-webkit-transform:translateY(clamp(-6px,-.69vw,-60px));transform:translateY(clamp(-6px,-.69vw,-60px))}.webApp .button--grow{position:relative;border:none;font-size:clamp(20px,2.3vw,200px);line-height:1.25;text-transform:uppercase}.webApp .button--grow svg{display:block;height:clamp(40px,4.6vw,400px);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:visible}.webApp .button--grow svg .line{fill:none;stroke:#000;stroke-miterlimit:10;stroke-dasharray:.6 .6;stroke-width:4px;-webkit-transition:stroke-width .5s ease-out;transition:stroke-width .5s ease-out}.webApp .button--grow:hover{color:#000}.webApp .button--grow:hover svg .line{stroke-width:14.25px}.webApp .button--download,.webApp .button--pause,.webApp .button--play,.webApp .button--preset{width:clamp(32px,3.68vw,320px)}.webApp .input--message{width:100%;padding:clamp(5px,.575vw,50px) 0 clamp(3px,.345vw,30px);font-size:clamp(40px,4.6vw,400px);color:#000;text-transform:uppercase;text-align:center;border:none;border-bottom:solid transparent;background:transparent;background:-webkit-repeating-linear-gradient(left,#000,#000 1px,transparent 2px,transparent 5px);background:repeating-linear-gradient(90deg,#000,#000 1px,transparent 2px,transparent 5px)}.webApp .input--message::-webkit-input-placeholder{color:#000;opacity:1}.webApp .input--message:-moz-placeholder,.webApp .input--message::-moz-placeholder{color:#000;opacity:1}.webApp .input--message:-ms-input-placeholder{color:#000;opacity:1}.webApp .input--message:focus{outline:none;background:transparent;border-bottom-color:#000}.webApp .input--message:focus::-webkit-input-placeholder{color:transparent}.webApp .input--message:focus:-moz-placeholder,.webApp .input--message:focus::-moz-placeholder{color:transparent}.webApp .input--message:focus:-ms-input-placeholder{color:transparent}.webApp .input--mutation{display:block;width:100%;margin:clamp(15px,1.725vw,150px) 0}.webApp .inputLabel{font-size:clamp(15px,1.725vw,150px)}.webApp .inputLabel--mutationLevel{display:block;width:100%;text-align:center}.webApp .inputLabel--mutationScale{width:100%;display:grid;grid-auto-flow:column;grid-template-columns:33.333% 33.333% 33.333%}.webApp .inputLabel--mutationScale .regular{text-align:left}.webApp .inputLabel--mutationScale .wild{text-align:center}.webApp .inputLabel--mutationScale .overgrown{text-align:right}.webApp input[type=range]{-webkit-appearance:none;width:100%;background:transparent;border:none}.webApp input[type=range]:focus{outline:none}.webApp input[type=range]::-webkit-slider-runnable-track{width:100%;height:clamp(2px,.22vw,4px);cursor:pointer;animate:.2s;background:#000;border:none}.webApp input[type=range]::-moz-range-track{width:100%;height:clamp(2px,.22vw,4px);cursor:pointer;animate:.2s;background:#000;border:none}.webApp input[type=range]::-ms-track{width:100%;height:clamp(2px,.22vw,4px);cursor:pointer;animate:.2s;background:#000;border:none}.webApp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;height:clamp(15px,1.725vw,150px);width:clamp(15px,1.725vw,150px);border:none;border-radius:clamp(20px,2.3vw,200px);background:#000;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:clamp(1px,.11vw,2px)}.webApp input[type=range]::-moz-range-thumb{-webkit-appearance:none;cursor:pointer;height:clamp(15px,1.725vw,150px);width:clamp(15px,1.725vw,150px);border:none;border-radius:clamp(20px,2.3vw,200px);background:#000}.webApp input[type=range]::-ms-thumb{-webkit-appearance:none;cursor:pointer;height:clamp(15px,1.725vw,150px);width:clamp(15px,1.725vw,150px);border:none;border-radius:clamp(20px,2.3vw,200px);background:#000;transform:translateY(-50%);margin-top:clamp(1px,.11vw,2px)}.webApp .sr-only{position:fixed;top:-1000px;left:-1000px}.webApp .wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-auto-flow:row;grid-template-rows:auto 1fr;justify-items:center;overflow-y:auto;padding:clamp(20px,2.3vw,200px);pointer-events:none}.webApp .wrapper>*{width:100%}@media (min-width:768px){.webApp .wrapper>*{width:75vw}}.webApp .wrapper .inputGroup,.webApp .wrapper button,.webApp .wrapper header{pointer-events:auto}.webApp .header{text-align:center}.webApp .header .typeBelow{font-weight:500}.webApp .header .typeBelow:after{content:"";display:inline-block;width:clamp(20px,2.3vw,200px);height:clamp(20px,2.3vw,200px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.48 50.58a5.49 5.49 0 00-7.33 0l-36 33.12V4.77a5.2 5.2 0 00-10.37 0V83.7l-36-33.12a5.49 5.49 0 00-7.33 0 4.5 4.5 0 000 6.75L46.34 98.6a5.5 5.5 0 007.33 0l44.81-41.27a4.5 4.5 0 000-6.75z'/%3E%3C/svg%3E");background-size:100% auto;background-repeat:no-repeat;margin:auto .5vw clamp(-4px,-.46vw,-40px)}.webApp .header .fullStop{font-weight:500}.webApp .header .button--close{display:none}.webApp .main{display:grid;grid-auto-flow:row;grid-gap:clamp(20px,2.3vw,200px);gap:clamp(20px,2.3vw,200px);padding:clamp(20px,2.3vw,200px) 0}.webApp .main .inputGroup--grow,.webApp .main .inputGroup--options{display:grid;justify-content:center}.webApp .main .inputGroup--options{position:relative;grid-auto-flow:column;grid-gap:clamp(8px,.88vw,16px);gap:clamp(8px,.88vw,16px);margin-top:clamp(10px,1.15vw,100px)}.webApp .main .inputGroup--options .button--upload{position:absolute;right:0}.webApp .main .inputGroup--controls{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr auto auto auto;justify-content:stretch;grid-gap:clamp(8px,.88vw,16px);gap:clamp(8px,.88vw,16px)}.webApp .main .inputGroup--controls>*{display:grid;grid-auto-flow:row;grid-template-rows:1fr auto;align-content:end;text-align:center}.webApp .main .inputGroup--controls>* label{height:clamp(15px,1.725vw,150px);margin-top:clamp(10px,1.15vw,100px)}.webApp .main .inputGroup--growth,.webApp .main .inputGroup--surface{margin-top:clamp(10px,1.15vw,100px)}.webApp .main .inputGroup--growth label,.webApp .main .inputGroup--surface label{margin-top:clamp(-20px,-2.3vw,-200px)}.webApp .main .inputGroup--presets{text-align:center}.webApp .main .inputGroup--pause,.webApp .main .inputGroup--play,.webApp .main .inputGroup--presets .buttonGroup{display:grid;grid-auto-flow:column;grid-gap:clamp(2px,.22vw,4px);gap:clamp(2px,.22vw,4px)}.webApp .main .instructions{text-align:center}.webApp .main .instructions h2{font-size:clamp(20px,2.3vw,200px);font-weight:400;line-height:1;text-transform:uppercase;margin:0;padding:0}.webApp .main .instructions ol{margin:clamp(20px,2.3vw,200px) 0;padding:0;list-style-position:inside}.webApp .main .scaffoldUpload{display:flex;flex-flow:column;align-items:center;text-align:center}.webApp .main .scaffoldUpload .button--submitUpload{margin-top:2em}.webApp .loadingSpinner{display:none;position:fixed;z-index:2;top:clamp(20px,2.3vw,200px);left:clamp(20px,2.3vw,200px);width:clamp(28px,3.22vw,280px);padding:clamp(3px,.345vw,30px);shape-rendering:auto}.webApp .loadingSpinner svg{display:block;width:100%}.webApp .loadingSpinner svg rect{fill:#000}.webApp.isInitial .header .instructions,.webApp.isInitial .header .origin{display:none}.webApp.isInitial .main{align-content:center}.webApp.isGrowing .header .credits,.webApp.isGrowing .header .description,.webApp.isGrowing .header .fullStop,.webApp.isGrowing .header .origin,.webApp.isGrowing .header .typeBelow,.webApp.isInitial .main .inputGroup--controls,.webApp.isInitial .main .inputGroup--options,.webApp.isInitial .main .instructions,.webApp.isInitial .main .scaffoldUpload{display:none}.webApp.isGrowing .main{align-content:space-between;padding-top:clamp(10px,1.15vw,100px);padding-bottom:0}.webApp.isGrowing .main .inputGroup--grow,.webApp.isGrowing .main .inputGroup--mutation{display:none}.webApp.isGrowing .main .inputGroup--controls{align-self:end}.webApp.isGrowing .main .input--message{font-size:clamp(20px,2.3vw,200px);background:none;border-bottom-color:#000}.webApp.isGrowing .main .instructions,.webApp.isGrowing .main .scaffoldUpload{display:none}.webApp.isGrowing .header .button--instructions,.webApp.isGrowing .header span,.webApp.isGrowing .main{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.webApp.isGrowing .header .button--instructions>*,.webApp.isGrowing .header span>*,.webApp.isGrowing .main>*{pointer-events:auto}.webApp.isGrowing.isUserInactive .header .button--instructions,.webApp.isGrowing.isUserInactive .header span,.webApp.isGrowing.isUserInactive .main{opacity:0}.webApp.isGrowing.isUserInactive .header .button--instructions>*,.webApp.isGrowing.isUserInactive .header span>*,.webApp.isGrowing.isUserInactive .main>*{pointer-events:none}.webApp.isGrowthOngoing .header .loadingSpinner{display:block}.webApp.isInstructing .header .button--instructions,.webApp.isInstructing .header .fullStop,.webApp.isInstructing .header .typeBelow{display:none}.webApp.isInstructing .header .button--close{display:block}.webApp.isInstructing .main{align-content:center}.webApp.isInstructing .main .inputGroup--controls,.webApp.isInstructing .main .inputGroup--grow,.webApp.isInstructing .main .inputGroup--message,.webApp.isInstructing .main .inputGroup--mutation,.webApp.isInstructing .main .scaffoldUpload,.webApp.isUploading .header .button--instructions,.webApp.isUploading .header .credits,.webApp.isUploading .header .description,.webApp.isUploading .header .fullStop,.webApp.isUploading .header .origin,.webApp.isUploading .header .typeBelow{display:none}.webApp.isUploading .header .button--close{display:block}.webApp.isUploading .main{align-content:center}.webApp.isUploading .main .inputGroup--controls,.webApp.isUploading .main .inputGroup--grow,.webApp.isUploading .main .inputGroup--message,.webApp.isUploading .main .inputGroup--mutation,.webApp.isUploading .main .instructions{display:none}.webApp .mobileWarning{text-align:center}@media (orientation:landscape) and (min-width:1024px),(orientation:portrait) and (min-width:768px){.webApp .mobileWarning{display:none}}@media (orientation:landscape) and (max-width:1023px),(orientation:portrait) and (max-width:767px){.webApp.isGrowing .header .button--instructions,.webApp.isGrowing .header .fullStop,.webApp.isGrowing .header .typeBelow,.webApp.isInitial .header .button--instructions,.webApp.isInitial .header .fullStop,.webApp.isInitial .header .typeBelow,.webApp.isInstructing .header .button--instructions,.webApp.isInstructing .header .fullStop,.webApp.isInstructing .header .typeBelow,.webApp.isUploading .header .button--instructions,.webApp.isUploading .header .fullStop,.webApp.isUploading .header .typeBelow{display:none}.webApp.isGrowing .header .origin,.webApp.isInitial .header .origin,.webApp.isInstructing .header .origin,.webApp.isUploading .header .origin{display:inline}.webApp.isGrowing .main,.webApp.isInitial .main,.webApp.isInstructing .main,.webApp.isUploading .main{align-content:start}.webApp.isGrowing .main .inputGroup--controls,.webApp.isGrowing .main .inputGroup--grow,.webApp.isGrowing .main .inputGroup--message,.webApp.isGrowing .main .inputGroup--mutation,.webApp.isGrowing .main .inputGroup--upload,.webApp.isInitial .main .inputGroup--controls,.webApp.isInitial .main .inputGroup--grow,.webApp.isInitial .main .inputGroup--message,.webApp.isInitial .main .inputGroup--mutation,.webApp.isInitial .main .inputGroup--upload,.webApp.isInstructing .main .inputGroup--controls,.webApp.isInstructing .main .inputGroup--grow,.webApp.isInstructing .main .inputGroup--message,.webApp.isInstructing .main .inputGroup--mutation,.webApp.isInstructing .main .inputGroup--upload,.webApp.isUploading .main .inputGroup--controls,.webApp.isUploading .main .inputGroup--grow,.webApp.isUploading .main .inputGroup--message,.webApp.isUploading .main .inputGroup--mutation,.webApp.isUploading .main .inputGroup--upload{display:none}}.webApp .popoverContainer{position:relative}.webApp .popover{width:395px;padding:20px;z-index:5;position:absolute;left:50%;background:#000;font-size:14px;color:#fff;border-radius:clamp(15px,1.725vw,150px);opacity:0;pointer-events:none}.webApp .popover--attachBottom{top:-10px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.webApp .popover--attachTop{top:20px;-webkit-transform:translate(-50%,clamp(20px,2.3vw,200px));transform:translate(-50%,clamp(20px,2.3vw,200px))}.webApp .popover.isVisible{opacity:1;pointer-events:auto}.webApp .popover:after{left:50%;content:"";height:0;width:0;position:absolute;pointer-events:none;border:6px solid transparent;margin-left:-6px}.webApp .popover--attachTop:after{bottom:100%;border-bottom-color:#000}.webApp .popover--attachBottom:after{top:100%;border-top-color:#000}.webApp .popover button{color:#fff}.colorSettingsColors{margin-top:10px;display:grid;grid-auto-flow:column;grid-gap:clamp(8px,.88vw,16px);gap:clamp(8px,.88vw,16px);align-content:center;justify-content:center}.colorSettingsColor{width:clamp(15px,1.725vw,150px);height:clamp(15px,1.725vw,150px);border-radius:clamp(15px,1.725vw,150px);cursor:pointer}.colorSettingsColor.isSelected{box-shadow:0 0 0 clamp(2px,.22vw,4px) #fff}.colorSettings .colorPicker .compact-picker{padding:0!important}.colorSettings .colorPicker .compact-picker div:first-child{display:grid!important;grid-template-columns:repeat(auto-fit,15px)!important;grid-gap:5px!important;gap:5px!important;margin-bottom:10px!important}.colorSettings .colorPicker .compact-picker div:first-child span>div{margin-right:0!important;margin-bottom:0!important;border-radius:50%!important}.colorSettings .colorPicker .compact-picker div:nth-child(2){display:grid!important;grid-auto-flow:column!important;grid-gap:5px!important;gap:5px!important;align-content:center!important;justify-content:center!important;padding:0 0 5px!important}.colorSettings .colorPicker .compact-picker div:nth-child(2)>div{display:block!important;width:auto!important;flex:none!important}.colorSettings .colorPicker .compact-picker div:nth-child(2)>div:nth-child(2){width:100px!important}.colorSettings .colorPicker .compact-picker div:nth-child(2)>div:nth-child(2) span{display:none!important}.colorSettings .colorPicker .compact-picker div:nth-child(2) input{height:2.5em!important;border-radius:2.5em!important;padding:0 10px!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important}.colorSettings .colorPicker .compact-picker div:nth-child(2) input,.colorSettings .colorPicker .compact-picker div:nth-child(2) input~span{font-family:forma-djr-text,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:12px!important;letter-spacing:1px!important}.colorSettings .colorPicker .compact-picker div:nth-child(2) input~span{height:2em!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.scaffoldUpload .input--file{pointer-events:auto}.scaffoldUpload .input--file .brainhub-file-input__input--hidden{display:none}.scaffoldUpload .brainhub-drop-area__button{position:relative;height:clamp(32px,3.68vw,320px);display:inline-block;padding:0;margin:0;cursor:pointer;border:none;font-family:forma-djr-text,sans-serif;font-size:clamp(20px,2.3vw,200px);font-weight:400;letter-spacing:.05vw;color:#000}.scaffoldUpload .brainhub-drop-area__button:focus{outline:none}.scaffoldUpload .brainhub-file-info__metadata{font-size:clamp(10px,1.15vw,100px);margin-bottom:clamp(10px,1.15vw,100px)}
/*# sourceMappingURL=main.07e8905a.chunk.css.map */