*{margin:0;padding:0;outline:none;border:none;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{overflow:hidden}body{font-family:Open Sans,sans-serif;font-size:15px;font-weight:400;color:#333;touch-action:none}a{cursor:pointer}.button{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:0 16px;background:transparent;border-right:1px solid rgba(85,85,85,.1);-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out;text-decoration:none;font-size:.8rem;font-weight:300}.button:hover{background-color:#fff}.button:first-child{border-top-left-radius:4px}.button:last-child{border-top-right-radius:4px}.button--grow{-webkit-box-flex:1;flex-grow:1}.button--right{border-right:none;border-left:1px solid rgba(85,85,85,.1)}.button--icon{width:16px;padding:0 20px;background-repeat:no-repeat;background-position:50%;background-size:16px 16px}.button span:not(.adjust){text-align:center;text-transform:uppercase;font-weight:300;font-size:.8rem}.button span:not(.adjust):first-child{padding-left:16px}.button span:not(.adjust):last-child{padding-right:16px}.button span.icon{width:16px;height:16px;margin:0 8px;background:no-repeat 50% transparent;background-size:16px 16px}.button span.adjust{padding-bottom:4px;padding-right:5px}.button span.icon--reset{background-image:url(images/icon_reset.svg)}.button span.icon--shuffle{background-image:url(images/icon_shuffle.svg)}.checkbox{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:40px;padding-right:12px;border-right:1px solid rgba(85,85,85,.1);background:transparent;cursor:pointer;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out}.checkbox:hover{background:#fff}.checkbox:first-child{border-top-left-radius:4px}.checkbox:last-child{border-top-right-radius:4px}@media (min-width:640px){.checkbox{height:32px}}.checkbox__icon{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;width:22px;height:16px;margin:0 8px;border-radius:8px;border:1px solid rgba(85,85,85,.1);background:#fff}.checkbox__icon:after{display:block;content:"";width:8px;height:8px;margin-left:3px;border-radius:4px;background:#eee;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out}.checkbox--checked .checkbox__icon:after{margin-left:8px;background:#bbd329}.checkbox__label{text-align:center;text-transform:uppercase;font-weight:300;font-size:.8rem}.color-selector{position:absolute;top:0;left:0;z-index:9;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 4px;background:hsla(0,0%,100%,.8);box-shadow:0 0 4px rgba(0,0,0,.25);border-bottom-right-radius:4px}.color-selector__title{display:none;padding-left:8px;padding-right:10px;text-transform:uppercase;font-weight:300;font-size:.8rem;opacity:.5}@media (min-width:480px){.color-selector__title{display:block}}.color-option{display:block;padding:8px 4px}@media (min-width:640px){.color-option{padding:8px 2px}}.color-option>span{display:block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.color-option--selected{box-shadow:none}.error{position:absolute;top:0;left:0;z-index:5;width:100vw;height:100vh;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f5f5f5));background:linear-gradient(180deg,#fcfcfc,#f5f5f5)}.error:after{display:block;content:"Go back and try again. If the problem persists, please contact support.";padding:8px;font-size:.75rem;opacity:.75}.error__message{display:block;padding:8px 16px;color:#fff;background:#cf1f02;border-radius:4px;text-align:center;font-weight:600;font-size:.9rem}.error__message:before{display:block;content:"An error occured:";padding-bottom:4px;font-size:.75rem;font-weight:400}.help{position:absolute;bottom:48px;right:0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:1;flex-grow:1;z-index:2;padding:4px;opacity:.5;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out;background:hsla(0,0%,100%,.8);box-shadow:0 0 4px rgba(0,0,0,.25)}@media (max-width:639px){.help{bottom:104px;border-radius:4px 0 0 4px;-webkit-transform:translateX(150%);transform:translateX(150%)}}@media (min-width:640px){.help{bottom:48px;border-radius:4px 0 0 0;-webkit-transform:translateY(150%);transform:translateY(150%)}}.help p{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:6px 8px;text-transform:uppercase;font-size:.8rem}.help span{-webkit-box-flex:1;flex-grow:1;opacity:.7}.help span.icon{-webkit-box-flex:0;flex-grow:0;width:16px;height:16px;margin-right:4px;background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.help span.icon--mouse-left{background-image:url(images/icon_mouse_left.svg)}.help span.icon--mouse-right{background-image:url(images/icon_mouse_right.svg)}.help span.icon--mouse-scroll{background-image:url(images/icon_mouse_scroll.svg)}.help--open{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}.slider__buttons,.slider__container{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;height:40px}@media (min-width:640px){.slider__buttons,.slider__container{height:32px}}.slider--0 .slider__button{opacity:.4;cursor:default}.slider--0 .slider__button:hover{background:none}.slider__range{position:relative;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;margin:0 16px;-webkit-box-flex:1;flex-grow:1;cursor:ew-resize}.slider__bar,.slider__fill{position:absolute;top:50%;height:8px;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px}.slider__bar{width:100%;background:hsla(0,0%,66.7%,.25)}.slider__fill{background:rgba(183,207,40,.5)}.slider__handle{position:absolute;top:50%;z-index:3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:24px;width:24px;border-radius:24px;-webkit-transform:translateX(-12px) translateY(-50%);transform:translateX(-12px) translateY(-50%);background:#bbd329}.slider__handle:after,.slider__handle:before{display:block;content:"";margin:-2px;border-color:#fff transparent transparent #fff;border-style:solid;border-width:3px}.slider__handle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.slider__handle:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.slider__end-label{align-self:center;padding:0 12px;color:#aaa;font-size:.8rem;text-transform:uppercase}.slider__buttons{border-top:1px solid rgba(85,85,85,.1)}.slider__button{color:#555;border-left:1px solid rgba(85,85,85,.1)}@media (min-width:480px){.slider__button{border-top-right-radius:4px}}.slider__button:hover{background:#fff}.slider__button:first-child{border-left:none}.toolbar-details{position:absolute;bottom:64px;left:0;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;width:100vw;z-index:2;opacity:.5;-webkit-transform:translateY(150%);transform:translateY(150%);-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out}@media (min-width:640px){.toolbar-details{bottom:48px}}.toolbar-details--open{bottom:64px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width:640px){.toolbar-details--open{bottom:48px}}.toolbar-details__inner{-webkit-box-flex:1;flex-grow:1;background:hsla(0,0%,100%,.8);box-shadow:0 0 4px rgba(0,0,0,.25)}@media (min-width:480px){.toolbar-details__inner{max-width:400px;border-radius:4px 4px 0 0}}.toolbar{position:absolute;bottom:0;left:0;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;width:100vw;height:64px;z-index:3;background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f5f5f5));background:linear-gradient(180deg,#fcfcfc,#f5f5f5);box-shadow:0 0 4px rgba(0,0,0,.15)}@media (min-width:640px){.toolbar{height:48px}}.toolbar__options{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:1;flex-grow:1;max-width:400px}@media (min-width:640px){.toolbar__options{max-width:480px}}a.toolbar__button{position:relative;flex-basis:40px;-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding-top:4px;color:#555;border-bottom:4px solid transparent;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out;text-decoration:none}a.toolbar__button--active,a.toolbar__button:hover{background:#fff}a.toolbar__button--active{border-bottom-color:#bbd329}@media (min-width:640px){a.toolbar__button{flex-basis:auto;-webkit-box-flex:0;flex-grow:0}}a.toolbar__button span.label{padding:0 4px;text-align:center;text-transform:uppercase;font-weight:300;font-size:.8rem;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out}@media (min-width:640px){a.toolbar__button span.label{display:-webkit-box;display:flex;padding:0 16px}}a.toolbar__button span.icon{display:block;width:16px;height:16px;margin:auto auto 4px;background-repeat:no-repeat;background-position:50%;background-size:16px 16px}@media (min-width:640px){a.toolbar__button span.icon{margin:2px 8px 0 0}}a.toolbar__button span.value{position:absolute;bottom:1px;left:0;width:100%;color:#999;text-align:center;font-weight:300;font-size:.7rem;opacity:0;-webkit-transition:all 80ms ease-out;transition:all 80ms ease-out}@media (min-width:640px){a.toolbar__button span.value{bottom:2px;padding-left:24px}}a.toolbar__button--with-value span.label{padding-bottom:8px}a.toolbar__button--with-value span.value{opacity:1}a.toolbar__button--icon-only span.icon{margin-right:0}.toolbar__options.toolbar__options--right{position:absolute}@media (max-width:639px){.toolbar__options.toolbar__options--right{bottom:68px;right:4px}.toolbar__options.toolbar__options--right a.toolbar__button{padding:0;margin:0;height:32px;width:32px;border-radius:50%;border:none}.toolbar__options.toolbar__options--right a.toolbar__button:hover{background-color:transparent}.toolbar__options.toolbar__options--right a.toolbar__button--active,.toolbar__options.toolbar__options--right a.toolbar__button--active:hover{background-color:#fff}.toolbar__options.toolbar__options--right a.toolbar__button *{padding:0;margin:0}}@media (min-width:640px){.toolbar__options.toolbar__options--right{bottom:0;right:0;height:48px}}.toolbar__options.toolbar__options--left{position:absolute}@media (max-width:639px){.toolbar__options.toolbar__options--left{bottom:68px;left:0}.toolbar__options.toolbar__options--left a.toolbar__button{padding:0;margin:0;height:32px;width:32px;border-radius:50%;border:none}.toolbar__options.toolbar__options--left a.toolbar__button:hover{background-color:transparent}.toolbar__options.toolbar__options--left a.toolbar__button--active,.toolbar__options.toolbar__options--left a.toolbar__button--active:hover{background-color:#fff}.toolbar__options.toolbar__options--left a.toolbar__button *{padding:0;margin:0}}@media (min-width:640px){.toolbar__options.toolbar__options--left{bottom:0;left:0;height:48px}}.flex{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:start;justify-content:flex-start;min-height:40px}@media (min-width:640px){.flex{min-height:32px}}.flex+.flex{border-top:1px solid rgba(85,85,85,.1)}.flex-spacer{-webkit-box-flex:1;flex-grow:1}.loading{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:5;opacity:1;background:#fff;color:#888}.loading__bar{height:3px;max-width:200px;margin:calc(50vh - 8px) auto auto;background:#ddd}.loading__fill{height:100%;width:2%;background:#bbd329;-webkit-transition:width .1s ease-out;transition:width .1s ease-out}.loading{-webkit-transition:all .12s ease-out,z-index .12s step-end;transition:all .12s ease-out,z-index .12s step-end}.loading--complete{opacity:0;z-index:-1}#renderer{position:absolute;top:0;left:0;z-index:1;width:100vw;height:calc(100vh - 64px);background:#fff;-webkit-transition:background .12s linear;transition:background .12s linear}@media (min-width:640px){#renderer{height:calc(100vh - 48px)}}#renderer canvas{width:100%;height:100%}#renderer.filter canvas{-webkit-filter:saturate(105%) contrast(120%);filter:saturate(105%) contrast(120%)}#screenshot-loader{position:absolute;left:0;right:0;top:0;bottom:0;height:100vh;width:100vw;z-index:-1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:rgba(51,51,51,.15)}#screenshot-loader.visible{z-index:5}#screenshot-loader.visible:after{display:block;content:"";width:24px;height:24px;border-radius:50%;border:4px solid hsla(0,0%,100%,.4);border-left-color:#bbd329;-webkit-animation:screenshot-loader 1.5s linear infinite;animation:screenshot-loader 1.5s linear infinite}@-webkit-keyframes screenshot-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes screenshot-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}