#artboard_container{width:calc(100vw - 450px);display:flex;align-items:center;justify-content:center}#vueCanvas{font-kerning:normal;text-rendering:optimizeLegibility;margin:4vw}.credits{margin-top:100px;font-size:10px}.credits a,.credits a:visited{color:#000}.credits a:hover{text-decoration:none}.navigation_hamburger_button{position:fixed;top:60px;right:51px;height:28px;width:26px;cursor:pointer;z-index:100;transition:opacity .25s ease;display:block;z-index:1100}.navigation_hamburger_button:hover{opacity:.7}.navigation_hamburger_button.active .navigation_button_top{transform:translateY(11px) translateX(0) rotate(45deg);background:#000}.navigation_hamburger_button.active .navigation_button_middle{opacity:0;background:#000}.navigation_hamburger_button.active .navigation_button_bottom{transform:translateY(-11px) translateX(0) rotate(-45deg);background:#000}.navigation_hamburger_button span{background:#000;border:none;height:2px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.navigation_hamburger_button span:nth-of-type(2){top:11px}.navigation_hamburger_button span:nth-of-type(3){top:22px}.navigation_overlay{position:fixed;background:#f6f6f6;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;z-index:1000}.navigation_overlay.open{opacity:1;visibility:visible;height:100%}.navigation_overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}.navigation_overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}.navigation_overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}.navigation_overlay.open li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}.navigation_overlay nav{position:relative;top:50%;padding:0 0 0 5%;transform:translateY(-50%);font-size:2.5rem;font-family:Unika Regular}.navigation_overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.navigation_overlay ul li{display:block;position:relative;opacity:0}.navigation_overlay ul li a{display:block;position:relative;color:#000;text-decoration:none;overflow:hidden}.navigation_overlay ul li a:active:after,.navigation_overlay ul li a:focus:after,.navigation_overlay ul li a:hover:after{width:200%}.navigation_overlay ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;transform:translateX(-50%);height:3px;background:#000;transition:.35s}nav.navigation_overlay_menu_small{font-size:1rem}nav.navigation_overlay_menu_small ul li a:after{height:1px}@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%}to{opacity:1;left:0}}@keyframes fadeInRight{0%{opacity:0;left:20%}to{opacity:1;left:0}}@media screen and (max-width:640px){.navigation_overlay nav{margin-top:30px}.credits{margin-top:50px}}.slider_container{flex:1}.slider_label{font-family:Unika Regular;font-size:16px;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider{width:100%;margin-top:15px;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#000;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:16px;-webkit-appearance:none;height:16px;border-radius:50%;cursor:pointer;background:#000}.slider::-moz-range-thumb{cursor:pointer;display:block;width:1.125rem;height:1.125rem;border:0;border-radius:50%;background-color:#000;box-shadow:0 0 0 transparent;-moz-transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.25,0,.25,1);transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.25,0,.25,1);transform-origin:center}.slider::-moz-range-track{width:100%;height:2px;background-color:#000}.button{font-family:Unika Regular;font-size:16px;color:#000;background:transparent;border:1px solid #000;padding:6px 30px;cursor:pointer;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button.black,.button:hover{background:#000;color:#fff}.button.black:hover{opacity:.8}.button.recording{opacity:1;background:red;color:#fff;border:#fff;-webkit-animation:blinker 1.5s linear infinite;animation:blinker 1.5s linear infinite}@-webkit-keyframes blinker{50%{opacity:.2}}@keyframes blinker{50%{opacity:.2}}.numberInput{font-family:Unika Regular;font-size:16px;max-width:50px;margin:-3px 10px 0 0}.numberInput:focus{outline:none}label{font-family:Unika Regular;font-size:16px;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.accordion{width:100%}.accordion_header{border-bottom:1px solid #000;padding:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#e6e6e6;font-family:Unika Bold}.accordion_header_icon{width:20px;height:20px;margin-right:10px;margin-left:10px;float:left}.accordion_header_icon:after{content:"+"}.accordion_header_icon.open:after{content:"-"}.accordion_content{height:0;overflow:hidden;border:1px solid #eee}.colorDropdown{border:1px solid #000;height:30px;width:100%;padding:5px;z-index:1000}.colorDropdown_inner{cursor:pointer;display:inline-block;width:100%;height:100%}.colorDropdown_menu{position:absolute;background:#fff;display:flex;flex-wrap:wrap;width:135px;max-height:300px;overflow-x:hidden;overflow-y:scroll;box-shadow:0 0 49px -11px rgba(0,0,0,.36)}.colorDropdown_color{height:50px;width:50%;cursor:pointer}.colorDropdown_color:hover{opacity:.9}.imageSelector{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;max-height:140px;overflow-x:auto;overflow-y:hidden}.imageSelector_imageContainer{padding:5% 6% 5% 4%;position:relative}.imageSelector_imageContainer,.imageSelector_imageContainer img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.imageSelector_imageContainer img{width:auto;max-height:120px}.imageSelector_remove{cursor:pointer;position:absolute;background:#f7f7f7;color:#000;width:16px;height:16px;text-align:center;font-size:14px;padding:5px 5px 5px 5px;font-family:Arial;margin-left:-10px;margin-top:-10px;border-radius:50%;z-index:100;box-shadow:3px 3px 5px 0 rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.imageSelector_remove:hover{background:#000;color:#fff}.imageSelector_remove:hover+.imageSelector_image{opacity:.5}.imageSelector_imageContainer:hover .imageSelector_button{opacity:1;transition:opacity .25s}.imageSelector_button{transition:opacity .25s;box-shadow:3px 3px 5px 0 rgba(0,0,0,.1);background:#fff;color:#000;font-size:12px;position:absolute;padding:3px 6px 3px 6px;cursor:pointer;opacity:0;top:0;left:40px;margin:7px 12px 0 0;border-radius:10px}.imageSelector_button:hover,.imageSelectorActive{background:#000;color:#fff}.imageSelectorActive{opacity:1}.toggle_label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.toggle_container{font-family:Unika Regular;font-size:16px;flex:1}.toggle{margin-top:3px}.toggle input{clip:rect(0,0,0,0);height:0;width:0;border:0;display:none;overflow:hidden}.toggle input:checked+label{background:#000;color:#fff}.toggle label{display:inline-block;width:35%;background-color:#f0efef;color:#000;text-align:center;font-size:14px;padding:1px 6px;transition:all .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle label:hover{cursor:pointer}.range-slider{width:300px;display:flex;flex-flow:row wrap;align-items:center}.range-slider,.range-slider label{font-family:Unika Regular;font-size:16px}.range-slider label{color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range-slider .range-group{position:relative;flex:0 0 100%;height:27px}.range-slider .range-group .range-input{position:absolute;left:0;bottom:0;margin-bottom:0;-webkit-appearance:none;width:100%;border-bottom:0;background:transparent;pointer-events:none}.range-slider .range-group .range-input:focus{outline:0}.range-slider .range-group .range-input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;-webkit-animation:.2s;animation:.2s;background:#000;border-radius:1px;box-shadow:none;border:0;pointer-events:none}.range-slider .range-group .range-input::-webkit-slider-thumb{z-index:2;position:relative;height:18px;width:18px;border-radius:50%;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-7px;pointer-events:all!important}.range-slider .range-group .range-input::-moz-range-track{width:100%;height:2px;cursor:pointer;animation:.2s;background:#000;border-radius:1px;box-shadow:none;border:0}.range-slider .range-group .range-input::-moz-range-thumb{z-index:2;position:relative;box-shadow:0 0 0 #000;height:18px;width:18px;border-radius:50%;background:#000;cursor:pointer;pointer-events:all!important}.range-slider .range-group .range-input::-ms-track{width:100%;height:5px;cursor:pointer;animation:.2s;background:transparent;border-color:transparent;color:transparent}.range-slider .range-group .range-input::-ms-fill-lower,.range-slider .range-group .range-input::-ms-fill-upper{background:#3faffa;border-radius:1px;box-shadow:none;border:0}.range-slider .range-group .range-input::-ms-thumb{z-index:2;position:relative;height:18px;width:18px;border-radius:50%;background:#3faffa;cursor:pointer;pointer-events:all!important}.filter,.range-slider{max-width:100%}.checkBox_spacing{margin:0 20px 0 20px}.checkBox_svg{display:block}.checkBox_svg svg{fill:#e6e6e6;width:100%;pointer-events:none}.checkBox_svg:hover{cursor:pointer}.checkBox_svg_active:hover svg{fill:#000!important}.checkBox_svg:hover svg{fill:#6e6e6e;width:100%}.checkBox_svg_active svg{fill:#000}.ui_componentRow>.accordion:first-of-type>.accordion_header{background-color:#000;border-bottom:1px solid #000;color:#fff}#ui{background:#f7f7f7;width:400px;display:block;height:96vh;overflow-y:scroll;margin:30px;border-radius:10px}#ui_centered{height:85%;margin-top:80px;display:flex;justify-content:center}#ui_content{padding:20px;overflow-y:scroll}.ui_componentRow{flex-direction:row}.ui_componentCol,.ui_componentRow{display:flex;align-items:stretch}#ui_buttons{margin-bottom:50px}#version{padding-top:20px;text-transform:uppercase;font-size:10px;margin-left:30px}.modalContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.modal{font-family:Unika Regular;width:400px;padding:20px;background:#fff;border-radius:10px;pointer-events:all}.modal h1{font-family:Unika Bold;line-height:1.2}.modal p{line-height:1.5}.backdrop{top:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%}.modal .actions{text-align:center;margin:70px 0 20px 0}.modal .actions a{color:#fff;padding:8px 30px 8px 30px;border:1px solid #eee;text-decoration:none;margin:10px;background:#000}.modal.sale{background:#dc143c;color:#fff}.modal.sale .actions,.modal.sale .actions a,.modal.sale h1{color:#fff}#dropTarget{position:fixed;z-index:9999;background:hsla(0,0%,100%,.98);top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;display:none}.dropTarget_visible{display:flex!important}.dropTarget_target{width:40%;text-align:center;border:3px dashed #000;height:70%;margin:2%;display:flex;align-items:center;justify-content:center}.dropTarget_content{font-size:24px;padding:50px}.dropTarget_content img{width:70%;margin-left:15%;display:block;margin-bottom:50px}.dropTarget_active{background:#fff;filter:invert(1)}#tooSmall{position:fixed;z-index:99999;background:#fff;color:#000;font-family:Uni Regular;font-size:14px;width:90vw;height:100%;padding:5vh 5vw 5vh 5vw;text-align:center;display:none}#tooSmalFlex{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;width:100%}#tooSmallIcon{margin-bottom:40px}#tooSmallIcon img{max-height:100px}@font-face{font-family:Unika Bold;font-style:normal;font-display:auto;src:url(../fonts/NeueHaasUnicaPro-Bold.46c1821b.otf) format("opentype")}@font-face{font-family:Unika Regular;font-style:normal;font-display:auto;src:url(../fonts/NeueHaasUnicaPro-Regular.f1f5051d.otf) format("opentype")}body,html{height:100%;overflow-x:hidden;font-family:Unika Regular}body{margin:0;padding:0}#app{display:flex;flex-direction:row;height:100%}.flexboxFullHeight{flex-grow:1}.whiteContrast .slider_label{color:#fff}.whiteContrast .slider{background:#fff}.whiteContrast input[type=range]::-webkit-slider-thumb{background:#fff}.whiteContrast .slider::-moz-range-thumb,.whiteContrast .slider::-moz-range-track{background:#fff}.blackContrast label{color:#000}.uiDisabled{opacity:.3;pointer-events:none}@media screen and (max-height:850px){#bottomText{display:none}}@media screen and (max-width:900px){#artboardUI,#ui{display:none}#artboard_container{width:100%!important;display:block}#vueCanvas{margin:0}}