@charset "UTF-8";.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:#58f208}.toolbox-home p{width:80%;margin-left:10%;text-align:center;opacity:.8;line-height:1.6;font-style:italic}.options-overview .viewport-content{display:flex;justify-content:center;align-items:center;color:#58f208;font-size:16vw}.dot{width:1em;height:1em;background-color:#58f208;border-radius:50%;display:block;perspective:320px}.image-frame-border,.image-frame-corners{fill:none;stroke:#fff;stroke-width:1px}.image-frame{font-family:Fixedsys}.image-frame-var,.image-frame-timestamp{font-size:16px;fill:#fff}.image-frame-title{font-size:24px;fill:#fff}.lights-container-container{pointer-events:none;width:100%;display:flex;justify-content:center;align-items:center;color:#58f208;font-size:16vw;height:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.lights-container{perspective:16px}.light{width:1em;height:1em;background-color:currentColor;background-size:cover;border-radius:50%;display:block}#image-frame{position:absolute;z-index:1990;top:10px;left:50%;width:calc(100vh - 20px);height:calc(100vh - 20px);transform:translate(-50%);outline:100vw solid #111111;pointer-events:none}.css-party .title{opacity:0;z-index:2022;position:relative}.css-party .title:hover{opacity:1}.options-overlay{position:absolute;left:0;top:128px;padding:32px;z-index:2022;width:240px}.options-overlay .option-title{display:inline-block;width:100%}.options-overlay .option{width:50%;display:inline-block}.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:hidden;margin:0;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.16));transition:all ease .24s}.__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:#58f208;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:#58f208}.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}.site-menu-toggle.__isVisible{width:32px;opacity:1}/*! 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,rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,.02))}.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:#58f208;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:"\2713";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:#58f208}.option input[type=checkbox]:checked+label:before{background-color:#58f208}.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:#58f208}.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:#EEEEEE;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:#58f208;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.option input[type=range]:focus::-webkit-slider-runnable-track{background:#EEEEEE}.option input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 transparent;background:#EEEEEE;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 #58f208;height:16px;width:16px;border-radius:25px;background:#58f208;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:#EEEEEE;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:#58f208;cursor:pointer}.option input[type=range]:focus::-ms-fill-lower{background:#EEEEEE}.option input[type=range]:focus::-ms-fill-upper{background:#EEEEEE}.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}.option .info .info-icon:focus,.option .info .info-icon:hover{opacity:1;background-color:#58f208}.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)}}html,body{margin:0;padding:0;min-height:100vh;width:100%}body{background:#222;color:#fff;margin:0;font-family:DroidSans}#app{display:-webkit-flex;display:-ms-flex;display:flex}.viewport{width:100%;padding-top:32px;padding-right:32px;float:left}.viewport .__hideCursor{cursor:none}.viewport>[ratio="1x1"]{margin:auto;max-width:calc(80vh - 64px)}.sidebar{width:100%;padding-top:64px;float:left}@media all and (min-width: 640px){.viewport{width:calc(60% - 40px)}.sidebar{padding-top:64px;margin-left:40px;width:40%}}.viewport-content{background-color:#fff;width:100%;border-radius:8px;box-shadow:8px 8px 16px #00000029}h1{font-family:Fixedsys}*{box-sizing:border-box}input:-webkit-autofill{background-color:#fff}::selection{background:#58f208;color:#333}::-moz-selection{background:#58f208;color:#333}@font-face{font-family:Fixedsys;src:url(/assets/fixed-sys.1bf6a12e.otf)}@font-face{font-family:DroidSans;src:url(/assets/DroidSans.37d6bf99.otf)}@font-face{font-family:DroidSans;font-weight:700;src:url(/assets/DroidSans-Bold.3da27dec.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>*{margin:0 32px 32px 64px;width:calc(100% - 96px);min-height:calc(100vh - 32px)}.button{color:#eee;background-color:#58f208;border:0 none transparent;padding:8px 16px;transition:.16s all ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}