@font-face{font-family:Primary;src:url(font/MyriadPro-BoldCond-qs.otf) format("opentype"),url(font/MyriadPro-BoldCond-qs.woff) format("woff"),url(font/MyriadPro-BoldCond-qs.ttf) format("truetype"),url(font/MyriadPro-BoldCond-qs.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Othello;src:url(font/OthelloMTStd.ttf) format("truetype"),url(font/OthelloMTStd.woff) format("woff"),url(font/OthelloMTStd.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:FlashRogersStraight;src:url(font/flashrogersstraight.ttf) format("truetype");font-weight:400;font-style:normal}body{background:#ecedf1;margin:0;font-family:Libre Franklin,sans-serif;padding:0}canvas{display:block}h3>.glyphicon{margin-right:.5em;font-size:80%}h3{font-weight:700}.main{padding-left:340px}.title{font-size:22px;color:#fff;font-weight:700}.controls h4{border-bottom:1px solid #3d495a;padding:5px 0;color:#e91e63;font-size:16px;font-weight:700}.renderer{height:500px;border-radius:4px;margin-bottom:10px}.renderer canvas{width:100%;height:100%}.code-display{border:0;font-size:12px}.code-display code{min-height:200px}.controls{position:fixed;left:0;top:0;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background:#272d37;color:#cfd4db;font-size:12px;width:340px;-webkit-user-select:none;user-select:none;box-sizing:border-box}.hljs{background-color:#282e38}.controls::-webkit-scrollbar{width:8px;background-color:transparent}.controls::-webkit-scrollbar-thumb{background-color:#647086;border-radius:4px}.config{margin-bottom:4px}.config label{padding-top:4px}.config .glyphicon{margin-right:5px}.well{background-color:#d8d9e0}.controls h4{cursor:pointer}.controls .collapsed:before{content:"\25B8";display:inline-block;width:20px}.controls .expanded:before{content:"\25BE";display:inline-block;width:20px}.controls .row{min-height:36px}.controls label{margin-top:5px;font-weight:400}.controls input,.controls select,.controls textarea{background-color:#14171d;color:#fff;border-color:#3d495a}.gradient{margin-bottom:8px}.gradient .color-group{margin-bottom:5px}.gradient .color-group .btn{padding-left:4px;padding-right:4px}.gradient .color-group .glyphicon{font-size:10px}.check{margin-right:5px!important;margin-top:8px!important}.color{padding:0!important}.color::-webkit-color-swatch-wrapper{padding:0}.color::-webkit-color-swatch{border:1px solid rgba(0,0,0,.4)}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;outline:none;background:#fff;cursor:inherit;display:block}.panel_layer_inactive{background-color:#666;display:block;cursor:pointer;border:#8f8f8f;border-style:ridge}.panel_layer_active{background-color:#ddd;border-style:ridge}div.panel_layer:hover{background-color:#999}.layer_button{padding:0;margin-left:4px;margin-right:4px}.layerVisible{content:url(assets/visible.png)}.layerInvisible{content:url(assets/invisible.png)}#alphaLayerRangeOutput{margin-top:26px;margin-right:90px;color:#fff}@media (max-width:760px){.controls{width:260px}.main{padding-left:260px}.title{font-size:160%;height:30px}}@media (max-width:480px){.controls{position:absolute}.controls,.main{width:100%;height:50%}.main{position:fixed;top:50%;overflow:auto;-webkit-overflow-scrolling:touch;padding:0;border-top:2px dotted #999}}#font_preload{font-family:Primary,sans-serif}#font_preload2{font-family:Othello}#font_preload3{font-family:FlashRogersStraight}