.highlight .hll{background-color:#49483e}.highlight{background:#3a3c42;color:#f8f8f2}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc,.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp,.highlight .kr,.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl,.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#e6db74}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.colorPicker .oned .bg{filter:none;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%)}.colorPicker .twod .bg1{background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%)}.colorPicker .twod .bg2{background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)}#hslPicker .twod .bg1{filter:none;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-ms-linear-gradient(left,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%)}#hslPicker .twod .bg2{background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(127,127,127,1) 100%)}#hslPicker .oned .bg{filter:none;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%)}#hslPicker .oned.alpha .bg{filter:none;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,1) 100%)}#hslaValue,#rgbValue{float:right}.cj-container{overflow:auto}#showPicker{float:left}.colorPicker{margin:20px;display:inline-block}.colorPicker .extras{float:right;margin:20px}.colorPicker .extras .currentColorContainer{overflow:hidden}.colorPicker .extras .currentColor{float:right;width:65px;height:30px;border:1px solid #bbb;border-radius:.3em}.colorPicker .extras .colorFields{margin-top:.5em;margin-bottom:.5em}.colorPicker .extras .color{text-align:right}.colorPicker .extras .colorFields input{width:40px;margin-left:.5em}.colorPicker .extras .hex{float:right}.colorPicker .extras .hex input{width:60px}.colorPicker .twod{float:left;margin:0}.colorPicker .twod,.colorPicker .twod .bg{width:240px;height:240px}.colorPicker .oned,.colorPicker .oned .bg{height:240px}.colorPicker .oned,.colorPicker .oned .bg,.colorPicker .oned .pointer .shape{width:24px}.colorPicker .twod .bg{position:absolute}.colorPicker .twod .pointer{position:relative;z-index:2;width:8px}.colorPicker .twod .pointer .shape{position:absolute}.colorPicker .twod .pointer .shape1,.colorPicker .twod .pointer .shape2{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid #fff;border-radius:12px}.colorPicker .oned{float:left;margin:0}.colorPicker .oned .pointer{position:relative;z-index:2}.colorPicker .oned .pointer .shape{position:absolute;margin-left:0;margin-top:0;height:2px;border:0 solid #f5f5f5;border-radius:0;background-color:#fff}.colorPicker .oned .bg{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(66%,#00f),color-stop(83%,#f0f),color-stop(100%,red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f,red)}.colorPicker .twod .bg1{z-index:0;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,#fff0)}.colorPicker .twod .bg2{z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#0000 0,#000)}#hslPicker .twod .bg1{background:-moz-linear-gradient(left,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(66%,#00f),color-stop(83%,#f0f),color-stop(100%,red));background:-webkit-linear-gradient(left,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:-o-linear-gradient(left,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f,red)}#hslPicker .twod .bg2{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(127,127,127,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(127,127,127,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(127,127,127,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(127,127,127,1) 100%);background:linear-gradient(to bottom,#0000 0,#7f7f7f)}#hslPicker .oned .bg{z-index:1;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,0),rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#fff 0,#0000,#000)}#hslPicker .extras{width:100px}#hslPicker .oned.alpha{margin:0}#hslPicker .oned.alpha .bg{background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#fff 0,#000)}@font-face{font-family:tt0596m_;src:url(/fonts/tt0596m_.ttf) format("truetype")}html,body,#root{width:100%;height:100%;padding:0;margin:0}body{font-family:tt0596m_,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;font-size:16px;background-image:linear-gradient(45deg,#cccccb 25%,transparent 25%),linear-gradient(135deg,#cccccb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cccccb 75%),linear-gradient(135deg,transparent 75%,#cccccb 75%);background-size:10px 10px;background-position:0 0,5px 0,5px 5px,0 5px}a,.link{color:#00f;text-decoration:none}a:hover,.link:hover{color:#fff}.link{cursor:pointer}.app-shell{width:100%;height:100%;position:relative}.picker-overlay{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.picker-overlay.is-hidden{display:none}.spectator-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:tt0596m_,serif;font-size:18px;color:#111;background:#fff}.navigation{padding:20px;margin:0;color:#000}.navigation.is-light{color:#fff}.nav-action{text-align:center;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;font:inherit;color:inherit;padding:0}.canvas{display:flex;flex-wrap:wrap;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.color-box{box-sizing:border-box}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;z-index:99;padding:20px}.info-overlay.is-hidden{display:none}.info-block{margin-bottom:40px}.error-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;background:#111;color:#fff;padding:12px 16px}.colorPicker .twod,.colorPicker .twod .bg{margin-right:24px}