@charset "UTF-8";.subject[data-v-6ccb72e0]{position:absolute;left:25%;display:block;width:24px;height:32px;border-radius:20px 20px 0 0;background-color:#403671;top:0;translate:0 -32px}.subject[data-v-6ccb72e0]:after{content:"";border-radius:20px;width:24px;height:24px;position:absolute;top:-24px;background-color:#403671}.scroll-container[data-v-6ccb72e0]{padding-top:120px;padding-bottom:120px}.scroll-container .block[data-v-6ccb72e0]{color:#403671;font-size:16vw}.scroll-container[data-v-659fe77c]{padding-top:120px;padding-bottom:120px}.scroll-container .block[data-v-659fe77c]{color:#403671;font-size:16vw;background-color:transparent;border-bottom:2px solid currentColor}#matterCanvas[data-v-659fe77c],#paperCanvas[data-v-659fe77c]{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;pointer-events:none}.viewport-content-strip[data-v-66f9669f]{width:100%;background-color:#fff;height:48px;border-radius:8px}.option-color-window[data-v-66f9669f]{width:24px;height:24px;border-radius:4px;display:inline-block;translate:10px 7px}.options-overview[data-v-b5524684]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(0deg,#fff 16%,#222 20%)}#paperCanvas[data-v-b5524684]{aspect-ratio:1/1}.scroll-container[data-v-b5524684]{background-color:#fafafa;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:32px}.dot[data-v-b5524684]{width:1em;aspect-ratio:1/1;border-radius:100%;display:inline-block;margin-right:12px;translate:0px 4px;border:0 none transparent}.ignore-label-styling[data-v-b5524684]{width:auto}.color-picker[data-v-b5524684]{margin-left:8px}.texture-indexes[data-v-b5524684]{display:grid;grid-template-columns:1fr;gap:8px}.texture-type-range[data-v-b5524684]{display:grid;gap:8px;max-width:256px;grid-template-columns:repeat(8,1fr)}.texture-index[data-v-b5524684]{width:100%;aspect-ratio:1/1}.option .row[data-v-b5524684]{display:flex;gap:16px;align-items:flex-end}#catterpillar-canvas[data-v-b5524684],.matter-canvas[data-v-b5524684]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.matter-canvas[data-v-b5524684]{opacity:0}.color-scheme[data-v-b5524684]{width:100%;position:relative;z-index:100}.color-scheme-list[data-v-b5524684]{display:grid;grid-template-columns:repeat(5,1fr);width:100%;padding:8px;gap:16px;border:1px solid currentColor;margin:8px 0 0;position:absolute;max-height:256px;overflow:auto;background-color:#222}.color-scheme-color-container[data-v-b5524684]{display:flex;flex-flow:column;align-items:center;transition:.2s all ease-in-out}.color-scheme-color-container[data-v-b5524684]:hover{background-color:#0000001a}.color-scheme-color-container.__isDisabled[data-v-b5524684]{filter:grayscale(80%)}.color-scheme-color-container.__isDisabled[data-v-b5524684]:hover{filter:grayscale(0%)}.color-scheme-color-container.__isDisabled .color-scheme-color[data-v-b5524684]:hover{scale:1}.color-scheme-color[data-v-b5524684]{aspect-ratio:1/1;display:flex;width:100%;overflow:hidden;border-radius:100%;rotate:45deg;text-align:center;transition:.2s all ease-in-out;cursor:pointer}.color-scheme-color[data-v-b5524684]:hover{box-shadow:#ffffff26 0 0 8px;scale:1.2}.color-scheme-color span[data-v-b5524684]{display:block;width:100%;height:100%}.color-scheme-item-disable[data-v-b5524684]{font-size:10px;margin:0 8px;font-family:Fixedsys,monospace;line-height:16px;cursor:pointer;display:inline-block}.color-scheme-item-disable[data-v-b5524684]:hover{text-decoration:underline;color:tomato}.texture-combination-list[data-v-b5524684]{display:grid;grid-template-columns:repeat(1,1fr);width:100%;border:1px solid currentColor;margin:8px 0 0;position:absolute;max-height:256px;overflow:auto;background-color:#222;z-index:100}.texture-combination-list-header[data-v-b5524684]{background-color:#fff;color:#222;padding:8px;font-weight:700;width:100%;position:sticky;top:0;display:grid;z-index:1;grid-template-columns:repeat(8,1fr)}.texture-combination-list-header>span[data-v-b5524684]{grid-column:span 2}.texture-combination-list-header>span[data-v-b5524684]:first-child{grid-column:span 4}.texture-combination-list-header>span[data-v-b5524684]:last-child{grid-column:span 2}.texture-combination-list-item[data-v-b5524684]{padding-top:4px;padding-bottom:4px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;transition:.2s all ease-in-out;cursor:pointer}.texture-combination-list-item[data-v-b5524684]:hover{background-color:#ffffff1a}.texture-combination-list-item.__isDisabled[data-v-b5524684]{opacity:.4;filter:grayscale(100%)}.texture-combination-list-item>span[data-v-b5524684]{display:flex;grid-column:span 2}.texture-combination-list-item>span[data-v-b5524684]:first-child{grid-column:span 4;padding-left:8px;text-transform:capitalize}.texture-combination-list-item>span[data-v-b5524684]:last-child{grid-column:span 2}.texture-combination-list-item>span:last-child label[data-v-b5524684]{top:2px}.texture-combination-description span+span[data-v-b5524684]:before{margin-left:.25em;content:" + "}.color-scheme-item-remove[data-v-b5524684]{position:absolute;top:0;right:0;font-size:12px;cursor:pointer}.ball[data-v-7b512c4d]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-7b512c4d]{overflow:hidden}.render-canvas[data-v-7b512c4d]{width:100%;height:100%}#paperCanvas[data-v-7b512c4d]{position:fixed;top:0;left:0;right:0;bottom:0}.option-group table[data-v-ee6d682e]{width:100%;margin-bottom:16px}.option-group td[data-v-ee6d682e]{padding-bottom:4px}.scroll-container[data-v-ee6d682e]{overflow:hidden}.scroll-container.__disableTouch[data-v-ee6d682e]{touch-action:none}.render-canvas[data-v-ee6d682e]{width:100%;height:100%}#paperCanvas[data-v-ee6d682e]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-322e3316]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-322e3316]{overflow:hidden}.render-canvas[data-v-322e3316]{width:100%;height:100%}#paperCanvas[data-v-322e3316]{position:fixed;top:0;left:0;right:0;bottom:0}.option-group table[data-v-243b8f2e]{width:100%;margin-bottom:16px}.option-group td[data-v-243b8f2e]{padding-bottom:4px}.scroll-container[data-v-243b8f2e]{overflow:hidden}.scroll-container.__disableTouch[data-v-243b8f2e]{touch-action:none}.render-canvas[data-v-243b8f2e]{width:100%;height:100%}#paperCanvas[data-v-243b8f2e]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-bb51f6fe]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-bb51f6fe]{overflow:hidden}.render-canvas[data-v-bb51f6fe]{width:100%;height:100%}#paperCanvas[data-v-bb51f6fe]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-b330df3d]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-b330df3d]{overflow:hidden}.render-canvas[data-v-b330df3d]{width:100%;height:100%}#paperCanvas[data-v-b330df3d]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-9d38298a]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-9d38298a]{overflow:hidden}.render-canvas[data-v-9d38298a]{width:100%;height:100%}#paperCanvas[data-v-9d38298a]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-fa082746]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-fa082746]{overflow:hidden}.scroll-container.__disableTouch[data-v-fa082746]{touch-action:none}.render-canvas[data-v-fa082746]{width:100%;height:100%}#paperCanvas[data-v-fa082746]{position:fixed;top:0;left:0;right:0;bottom:0}.viewport-content-strip[data-v-362b57f0]{width:100%;background-color:#fff;height:48px;border-radius:8px}.option-color-window[data-v-362b57f0]{width:24px;height:24px;border-radius:4px;display:inline-block;translate:10px 7px}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none}.viewport{flex-flow:column;display:flex;gap:16px;align-items:center}.viewport.__isHidden{opacity:0;pointer-events:none}#door-title h1{margin:0}.random-background-pattern{position:fixed;bottom:0;height:256px;left:0;right:0;background-size:64px;background-image:url(/shroomies-bg.png);background-repeat:repeat}.overlay[data-v-9653ce02]{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:2024}.viewport[data-v-9653ce02]{flex-flow:column;display:flex;gap:16px;align-items:center}.viewport.__isHidden[data-v-9653ce02]{opacity:0;pointer-events:none}label[data-v-9653ce02]{cursor:not-allowed}#door-title h1[data-v-9653ce02]{margin:0}#paperCanvas[data-v-604902e2]{aspect-ratio:1/1}.scroll-container[data-v-604902e2]{overflow:hidden}.toolbox-home{display:flex;flex-flow:column;justify-content:space-between;overflow:hidden}.toolbox-home .title{width:100%;text-align:center;font-size:64px;margin:64px 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.toolbox-home .image{text-align:center;filter:drop-shadow(2px 4px 6px black)}.toolbox-home .image svg{margin:auto;max-height:64vh;fill:#fff;transition:.64s all ease}.toolbox-home .image svg:hover{transform:rotate(45deg) scale(1.1);fill:#403671}.toolbox-home p{width:80%;margin-left:10%;text-align:center;opacity:.8;line-height:1.6;font-style:italic}.icon-sizes[data-v-849d7cbf]{display:flex;margin:0;padding:0;width:100%;justify-content:space-between;align-items:center}.icon-sizes li[data-v-849d7cbf]{display:flex;margin:0;padding:0;font-size:8px;flex-flow:column;width:64px;align-items:center}.icon-sizes li svg[data-v-849d7cbf]{display:inline-block;padding-bottom:8px;width:100%}.icon-sizes li.extra-extra-large[data-v-849d7cbf]{width:65px}.icon-sizes li.extra-large[data-v-849d7cbf]{width:52px}.icon-sizes li.large[data-v-849d7cbf]{width:39px}.icon-sizes li.medium[data-v-849d7cbf]{width:32px}.icon-sizes li.small[data-v-849d7cbf]{width:26px}.icon-sizes li.extra-small[data-v-849d7cbf]{width:13px}.viewport-container[data-v-849d7cbf]{display:flex;width:100%;max-width:512px;flex-flow:column;gap:16px}.viewport-container svg[data-v-849d7cbf]{display:inline-block;width:100%}.viewport .viewport-content[data-v-797d3103]{background-image:url(/layout-bg.png);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding:40px 0 40px 40px;overflow-y:auto}.block[data-v-797d3103]{display:flex}.block .pattern[data-v-797d3103]{width:100%;display:flex;font-size:18px;font-family:FixedSys;color:#fff;text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000;align-items:center;justify-content:center;background-repeat:repeat;background-size:16px auto}.option.__isRow[data-v-797d3103]{display:flex;flex-flow:row;gap:8px}.pattern-thumbnail-wrapper[data-v-797d3103]{display:flex;justify-content:flex-end;align-items:end;margin-right:16px;width:40px}.pattern-thumbnail[data-v-797d3103]{width:100%;aspect-ratio:1/1;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-size:18px;font-family:FixedSys;color:#fff;background-size:16px auto;text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000}.remove-block[data-v-797d3103]{width:13px;display:flex;align-items:flex-end;color:#ddd;transition:ease all .24s;cursor:pointer}.remove-block[data-v-797d3103]:hover{color:tomato}.remove-block svg[data-v-797d3103]{max-width:100%;margin-bottom:6px}.option.__isSubmit[data-v-797d3103]{display:flex;justify-content:flex-end}.option.__isSubmit .button[data-v-797d3103]{display:flex;flex-flow:row;justify-content:center;align-items:center;gap:8px;padding-right:8px;transition:.24s all ease;cursor:pointer}.option.__isSubmit .button[data-v-797d3103]:hover{scale:1.1}.option.__isSubmit .button svg[data-v-797d3103]{height:13px;width:13px;display:flex}.option-group table[data-v-1002f5ee]{width:100%;margin-bottom:16px}.option-group td[data-v-1002f5ee]{padding-bottom:4px}.scroll-container[data-v-1002f5ee]{overflow:hidden}.scroll-container.__disableTouch[data-v-1002f5ee]{touch-action:none}.render-canvas[data-v-1002f5ee]{width:100%;height:100%}#paperCanvas[data-v-1002f5ee]{position:fixed;top:0;left:0;right:0;bottom:0}.data-object[data-v-1002f5ee]{background-color:#fff;height:200px;overflow-y:auto;color:#333;width:100%;padding:0 16px}.button[data-v-1002f5ee]{transition:all ease .4s}.button.__isDisabled[data-v-1002f5ee]{cursor:not-allowed;filter:grayscale(100%)}.options-overview .viewport-content{display:flex;justify-content:center;align-items:center;color:#403671;font-size:16vw}.page-transition-previewer[data-v-58c355de]{overflow:hidden}@media all and (min-width: 640px){.page-transition-previewer[data-v-58c355de]{margin-top:32px}}.ball[data-v-37546a5b]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-37546a5b]{overflow:hidden}.render-canvas[data-v-37546a5b]{width:100%;height:100%}#paperCanvas[data-v-37546a5b]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-6523b2e1]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;translate:-50% -50%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-6523b2e1]{overflow:hidden}.render-canvas[data-v-6523b2e1]{width:100%;height:100%}.ball[data-v-1e146d29]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-1e146d29]{overflow:hidden}.ball[data-v-def30e5f]{width:32px;height:32px;left:0;top:0;border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-def30e5f]{overflow:hidden}.ball[data-v-9df6202c]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-9df6202c]{overflow:hidden}.render-canvas[data-v-9df6202c]{width:100%;height:100%}#paperCanvas[data-v-9df6202c]{position:fixed;top:0;left:0;right:0;bottom:0}.ball[data-v-6d30b332]{width:32px;height:32px;left:calc(50% - 16px);border-radius:100%;display:block;background-color:#fff;position:absolute}.scroll-container[data-v-6d30b332]{overflow:hidden}.render-canvas[data-v-6d30b332]{width:100%;height:100%}#main-canvas[data-v-6fa0ef0d]{max-width:100%}.option-group table[data-v-1f7b589e]{width:100%;margin-bottom:16px}.option-group td[data-v-1f7b589e]{padding-bottom:4px}.scroll-container[data-v-1f7b589e]{overflow:hidden}.scroll-container.__disableTouch[data-v-1f7b589e]{touch-action:none}.render-canvas[data-v-1f7b589e]{width:100%;height:100%}#paperCanvas[data-v-1f7b589e]{position:fixed;top:0;left:0;right:0;bottom:0}.svg-foreign-object[data-v-d8b32f38]{color:#333;fill:#222}.svg-foreign-object foreignObject[data-v-d8b32f38]{width:60%;height:100%}.svg-foreign-object p[data-v-d8b32f38]{padding:16px}.site-menu-container{position:relative;margin:0;padding:0;height:100vh;display:block;float:left}.site-menu{height:100%;width:0;padding:32px 0 48px;overflow-x:hidden;margin:0;position:relative;background-image:linear-gradient(90deg,#00000052,#00000029)}.__menuOpen .site-menu{padding-left:24px;width:100%;min-width:320px}.__menuOpen .site-menu-toggle{transform:rotateY(180deg)}.site-menu-title{font-size:32px;margin-bottom:32px;display:inline-block;white-space:nowrap;font-weight:700;color:#fff;text-decoration:none}.site-menu-list{display:flex;flex-flow:column}.site-menu-list-item{color:#fff;white-space:nowrap;display:block;margin-bottom:8px;width:100%;text-decoration:none;position:relative;margin-left:16px;cursor:pointer;transition:.24s all ease}.site-menu-list-item:hover,.site-menu-list-item:focus{color:#403671;margin-left:24px}.site-menu-list-item:hover:before,.site-menu-list-item:focus:before{color:#fff;left:-24px}.site-menu-list-item:before{position:absolute;transition:.24s all ease;left:-16px;content:"";width:2px;background-color:currentColor;display:inline-block;height:100%}.site-menu-list-item.__isCurrent{color:#fff}.site-menu-list-item.__isCurrent:before{color:#403671}.site-menu-toggle{position:absolute;width:0;background-color:#00000029;padding:16px 0;overflow:hidden;text-align:center;cursor:pointer;top:50%;z-index:2021;right:-32px;font-size:32px;transition:all ease .24s;display:none}.site-menu-toggle.__isVisible{width:32px;opacity:1}@media all and (min-width: 560px){.site-menu-toggle{display:block}}.site-menu-toggle-mobile{position:absolute;right:-40px;top:1px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:2024;font-size:18px}.site-menu-toggle-mobile svg{width:13px}.site-menu-toggle-mobile.__isOpen{right:0}@media all and (min-width: 640px){.site-menu-toggle-mobile{top:2px;width:64px;height:64px;right:-64px}.site-menu-toggle-mobile svg{width:26px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.option-group{border:1px solid #fff;padding:24px 16px 0;position:relative;margin-bottom:32px;background-image:linear-gradient(90deg,#fff0,#fff0,#ffffff05)}.option-group:after{border-bottom:1px solid #222;content:attr(name);position:absolute;left:16px;padding-right:48px;top:-1px;color:transparent;z-index:1;display:inline-block;font-family:FixedSys;font-size:24px;line-height:0}.option-group:before{content:attr(name);position:absolute;z-index:2;left:16px;top:-16px;display:inline-block;font-family:FixedSys;font-size:24px;padding:0 64px 0 16px}.option-group small{opacity:.72;font-size:12px;font-family:Droid sans}.option-group .button-container{text-align:right;width:100%;display:inline-block;margin-bottom:16px}.option-group .button+.button{margin-left:8px}.option-group hr{width:100%;height:1px;border:0 none transparent;background-color:#fff;opacity:.32}.option-title{display:inline-block;width:100%;font-family:FixedSys;font-size:1.2em}.option{margin-bottom:16px}.option.__isSubmit{text-align:right}.option label,.option .label{display:inline-block;width:100%;padding-bottom:6px;font-family:FixedSys;font-size:18px}.option input,.option select{font-size:12px;padding:4px 8px 4px 4px;border-radius:0;border:0 none transparent;border-left:4px solid transparent}.option input:focus,.option select:focus{border-left-color:#403671;outline:0 none transparent}.option input[type=checkbox]{display:none}.option input[type=checkbox]+label{display:inline-block;padding-left:28px;box-sizing:border-box;margin:0 24px 0 0;width:auto;position:relative}.option input[type=checkbox]+label:before{content:"";display:block;position:absolute;left:0;top:2px;transition:.24s ease all;height:16px;width:16px;background-color:#fff}.option input[type=checkbox]+label:after{content:"✓";display:block;transition:.24s ease all;position:absolute;left:4px;top:2px;line-height:16px;height:16px;width:16px;z-index:1;font-size:12px;color:#fff;opacity:0}.option input[type=checkbox]:checked{background-color:#403671}.option input[type=checkbox]:checked+label:before{background-color:#403671}.option input[type=checkbox]:checked+label:after{opacity:1}.option input[type=radio]{display:none}.option input[type=radio]+label{border-bottom:2px solid transparent;display:inline-block;width:auto;margin-right:16px}.option input[type=radio]:checked+label{border-bottom-color:#403671}.option input[type=range]{height:16px;-webkit-appearance:none;width:100%;padding:0;background-color:transparent;border-left:0 none transparent}.option input[type=range]+input[type=number]{background-color:transparent;width:100%;text-align:center;color:#fff}.option input[type=range]:focus{outline:none;border-left:0 none transparent}.option input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 transparent;background:#eee;border-radius:1px;border:0 solid transparent}.option input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 transparent;height:16px;width:16px;border-radius:25px;background:#403671;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.option input[type=range]:focus::-webkit-slider-runnable-track{background:#eee}.option input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 transparent;background:#eee;border-radius:2px;padding:0;border:0 solid transparent}.option input[type=range]::-moz-range-thumb{box-shadow:0 0 0 transparent;border:1px solid #403671;height:16px;width:16px;border-radius:25px;background:#403671;cursor:pointer}.option input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.option input[type=range]::-ms-fill-lower{background:#eee;border:0 solid transparent;border-radius:2px;box-shadow:0 0 0 transparent}.option input[type=range]::-ms-fill-upper{background:#eee;border:0 solid transparent;border-radius:2px;box-shadow:0 0 0 transparent}.option input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 transparent;height:16px;width:16px;border-radius:25px;background:#403671;cursor:pointer}.option input[type=range]:focus::-ms-fill-lower{background:#eee}.option input[type=range]:focus::-ms-fill-upper{background:#eee}.option .info-icon{opacity:.64;background-color:#ffffff3d;color:#fff;font-family:FixedSys;width:18px;height:18px;font-weight:400;margin-left:16px;font-style:normal;text-align:center;border-radius:100%;transition:.24s all linear;display:inline-block}.option .info{display:inline-block;position:relative;color:#eee}.option .info .info-icon:focus,.option .info .info-icon:hover{opacity:1;background-color:#403671}.option .info .info-icon:focus+.info-details,.option .info .info-icon:hover+.info-details{opacity:1}.option .info .info-details{position:absolute;left:-103px;bottom:32px;opacity:0;z-index:3;background-color:#000000e0;width:256px;font-family:Droid sans;font-size:12px;pointer-events:none;padding:10px 15px}.option .info .info-details:after{content:"";position:absolute;bottom:-16px;left:calc(50% - 8px);border:8px solid transparent;border-top-color:#000000e0}.buttons-container{width:100%;text-align:center}.buttons-container .button{background-color:#eee;color:#666;line-height:1em;transition:.32s all ease}.buttons-container .button+.button{margin-left:16px}.buttons-container .button:hover{background-color:#f90;color:#fff}.buttons-container .button.__isRecording{background-color:#fff;color:#1a1b1c}.buttons-container .button.__isRecording .recording-icon{color:#ba0202;animation:recordAnimation .8s infinite}.buttons-container .button.__isLoading{background-color:#f90;color:#fff}.buttons-container .button.__isLoading .loading-icon{animation:loadingAnimation 1s infinite linear;display:inline-block;transform-origin:center center}.buttons-container .button .recording-icon{margin-right:8px}@keyframes loadingAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-container{height:100%;width:100%;overflow-y:auto;background-color:#2a2a2a;position:relative}.scroll-container .block{width:80%;height:500px;display:block;position:relative;background-color:#fff}.scroll-container .block+.block{margin-top:80px}.scroll-container .block.__isLeft{float:left}.scroll-container .block.__isRight{float:right}.scroll-container .block.__isActive{background-color:#403671;color:#fff}.scroll-container .block-index{position:absolute;left:50%;top:50%;translate:-50% -50%}html,body{margin:0;padding:0;min-height:100vh;width:100%}h1{margin:0;padding:8px 0;font-size:1.2em}h1:first-letter{font-size:1.2em;padding-left:24px;line-height:24px}@media all and (min-width: 640px){h1{font-size:2em;padding:16px 0}h1:first-letter{font-size:1em;padding-left:0;line-height:auto}}body{background:#222;color:#fff;margin:0;font-family:DroidSans}#app{display:-webkit-flex;display:-ms-flex;display:flex;background-color:#222}.viewport{width:100%;padding-top:32px;float:left}.viewport .__hideCursor{cursor:none}.viewport>[ratio="1x1"]{margin:auto;max-width:calc(80vh - 64px)}.viewport .footnote{text-align:center;font-family:FixedSys;font-size:.8em;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.sidebar{width:100%;padding-top:64px;float:left}@media all and (min-width: 640px){.viewport{padding-right:32px;width:calc(60% - 40px)}.sidebar{padding-top:64px;margin-left:40px;width:40%}}.viewport-content{background-color:#fff;width:100%;border-radius:8px;aspect-ratio:1/1;box-shadow:8px 8px 16px #00000029;translate:0 0}h1{font-family:Fixedsys}*{box-sizing:border-box}hr{border:.5px solid #aaa}input:-webkit-autofill{background-color:#fff}::selection{background:#403671;color:#333}::-moz-selection{background:#403671;color:#333}@font-face{font-family:Fixedsys;src:url(/assets/fixed-sys-CXuOmEzP.otf)}@font-face{font-family:DroidSans;src:url(/assets/DroidSans-CgXXU6iP.otf)}@font-face{font-family:DroidSans;font-weight:700;src:url(/assets/DroidSans-Bold-BLGKTZ-X.otf)}.app{height:100%;position:relative}.outlet-full{overflow-y:auto;display:flex;transition:width ease .24s;width:100%;height:100%;opacity:1;transform:translateY(0)}.outlet-full>*{width:calc(100% - 32px);min-height:calc(100vh - 32px);margin:0 16px 32px}@media all and (min-width: 640px){.outlet-full>*{margin:0 32px 32px 64px;width:calc(100% - 96px)}}.button{color:#eee;background-color:#403671;border:0 none transparent;padding:8px 16px;transition:.16s all ease}.button.default{background-color:#eee;color:#222}.button.default:hover,.button.default:focus{box-shadow:8px 8px #000;cursor:pointer;border-radius:2px}.button.__isSmall{padding:4px 8px;font-size:12px}.button.__isDisabled{background-color:#ccc;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}