@font-face{font-family:"Segoe UI","Helvetica Neue",Helvetica,sans-serif;font-style:normal;font-weight:400;font-display:swap}div#preload{display:none}.pad{padding:15px 25px}.pad-small{padding:5px 10px}.hide{display:none!important}.noise{background-image:url(../../img/noise.png);background-repeat:repeat}body{margin:0;padding:0;background:#202020;color:grey;background-image:url(../../img/noise.png);background-repeat:repeat;font-size:12px}a{color:#999}a:hover{color:#996}code{font-family:Consolas,'Andale Mono',monospace}::selection{background:0 0}::-moz-selection{background:0 0}img::selection{background:0 0}img::-moz-selection{background:0 0}.selectable::selection,input::selection{background:#ff6;color:#000}.selectable::-moz-selection,input::selection{background:#ff6;color:#000}#jstest{padding:3em 1em;color:#996;font-size:18px;text-align:center}#jstest.loading{padding:0;width:100%;height:100%;background:url(../../img/loader.gif) center no-repeat}#app{position:relative;width:950px;height:680px;margin:0 auto;top:125px;background:#333;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;background-image:url(../../img/noise.png);background-repeat:repeat}#header{width:100%;height:110px;background:#404040 url(../../img/bg-header.png) bottom left repeat-x}#header .inner{position:relative;width:100%;height:100%;background-image:url(../../img/noise.png);background-repeat:repeat}#header .logo{position:absolute;left:15px;top:33px;width:400px;height:70px;background-image:url(../../img/sprites.png);background-repeat:no-repeat;background-position:0 0}#header .tbr{position:absolute;left:0;top:0;right:0;height:25px;font-size:11px;line-height:25px;background:#1a1a1a;color:#585858}#header .tbr .control-button .button,#header .tbr a{white-space:nowrap;font-size:11px;line-height:25px;color:grey}#header .tbr .control-button .button:hover,#header .tbr a:hover{text-decoration:underline}#header .lang{position:absolute;left:25px;top:0}#header .likes{position:absolute;right:473px;top:0;color:#999}#header .likes .likesbox{position:absolute;z-index:999;top:-500px;left:-150px;visibility:hidden;width:540px;padding:12px 10px 5px;background:#1a1a1a;color:#585858;border:#585858;white-space:nowrap;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,.25);-o-box-shadow:3px 3px 3px rgba(0,0,0,.25);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.25);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.25)}#header .likes .likesbox.on{top:5px;visibility:visible}#header .likes .likesbox>a{margin:0 5px}#header .promo{position:absolute;right:25px;top:0}#header .promo a{margin-left:2em;text-decoration:none}#header .promo a .note{position:relative;top:-3px;left:2px;font-size:10px}#header .promo a.off{opacity:.33;cursor:default;text-decoration:none}#footer{position:absolute;left:7px;right:7px;top:820px;padding-bottom:100px;color:#585858;text-align:center;font-size:11px}#footer a{color:#665;font-size:10px}#footer a:hover{color:#996}#footer p{margin:0}#footer .copy,#footer .copy-ad{margin:0 0 .5em 0;font-size:18px;font-style:italic;letter-spacing:3px;color:#585858}#content{position:absolute;left:7px;right:7px;top:154px;bottom:-6px}#content ::selection{background:0 0}#content ::-moz-selection{background:0 0}#content img::selection{background:0 0}#content img::-moz-selection{background:0 0}#content #menu{position:absolute;top:-103px;right:15px;height:35px;text-align:center;color:grey}#content #menu .control-button{display:inline;position:static;padding:0 10px;margin-left:15px;color:grey;font-size:12px;line-height:32px;white-space:nowrap;text-decoration:none;text-transform:uppercase}#content #menu .control-button.redo,#content #menu .control-button.undo{margin-left:0}#content #menu .control-button .button:hover{text-decoration:underline}#content #menu .control-button.disabled .button{text-decoration:none}#content #panebox-l,#content #panebox-r{position:absolute;top:0;bottom:33px;left:0;width:463px;background:#333 url(../../img/bg-pane.png) bottom left repeat-x}#content #panebox-r{left:473px;border-bottom-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-bottom-right-radius:9px}#content .pane{position:absolute;top:0;bottom:0;left:0;right:0}#content .pane .pane-content{width:100%}#content .pane .pane-tab{display:block;position:absolute;bottom:-25px;left:0;height:25px;width:100%;background:#1a1a1a;color:grey;font-size:11px;line-height:23px;text-align:center;text-decoration:none;text-transform:uppercase}#content .pane .pane-tab:hover{background:#000;color:#996}#content .pane .pane-tab.sel{background:#202020;color:grey}#content .pane.active .pane-tab{background:#202020;color:#999}#content #panebox-l .pane-model{top:5px}#content #panebox-l .pane-presets{top:90px}#content #panebox-l .pane-presets .pane-tab{width:231px;left:232px;border-bottom-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-bottom-right-radius:9px}#content #panebox-l .pane-wheel .pane-tab{width:231px;border-bottom-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-bottom-left-radius:9px}#content #panebox-l .pane-wheel .pane-content .btn-hue{top:85px;left:15px;width:80px}#content #panebox-l .pane-wheel .pane-content .btn-dist{top:85px;right:15px;width:80px}#content #panebox-l .pane-wheel .pane-content .btn-hue-opo{top:107px;left:15px;width:80px;font-size:10px;opacity:.75}#content #panebox-l .pane-wheel .pane-content .btn-dist-def{top:107px;right:15px;width:80px;font-size:10px;opacity:.75}#content #panebox-l .pane-wheel .pane-content .btn-dist-def.disabled{display:none}#content #panebox-l .pane-wheel .pane-content .btn-adj,#content #panebox-l .pane-wheel .pane-content .btn-rgb{top:auto;right:15px;bottom:35px;width:auto;height:20px;line-height:20px}#content #panebox-l .pane-wheel .pane-content .btn-rgb{left:15px;right:auto;bottom:50px;width:95px}#content #panebox-l .pane-wheel .pane-content .btn-adj .button,#content #panebox-l .pane-wheel .pane-content .btn-dist-def .button,#content #panebox-l .pane-wheel .pane-content .btn-hue-opo .button,#content #panebox-l .pane-wheel .pane-content .btn-rgb .button{border:none;background:0 0;cursor:pointer}#content #panebox-l .pane-wheel .pane-content .btn-adj .button:hover,#content #panebox-l .pane-wheel .pane-content .btn-dist-def .button:hover,#content #panebox-l .pane-wheel .pane-content .btn-hue-opo .button:hover,#content #panebox-l .pane-wheel .pane-content .btn-rgb .button:hover{text-decoration:underline}#content #panebox-l .pane-wheel .pane-content .btn-rgb .button{text-align:center}#content #panebox-l .pane-wheel .pane-content .btn-rgb .button .value{display:block;width:5em;padding:2px 5px;margin:3px auto 0;background:#1a1a1a;border:1px solid #333}#content #panebox-l .pane-wheel .pane-content .btn-rgb .button:hover{text-decoration:none;color:grey}#content #panebox-l .pane-wheel .pane-content .btn-rgb .button:hover .value{background:#000;color:#996}#content #panebox-r .pane-palette{position:absolute;top:30px;left:15px;right:15px;height:40px;font-size:11px;color:#999}#content #panebox-r .pane-palette .pane-content-palette{top:0;left:90px;width:232px}#content #panebox-r .pane-palette .pane-content-palette-desc{top:0;left:0;width:80px;line-height:1;white-space:nowrap;text-align:right;font-size:11px;color:#585858}#content #panebox-r .pane-palette .pane-content-palette-share{display:none;top:7px;left:340px;width:auto}#content #panebox-r .pane-palette .pane-content-palette-share a{text-decoration:none}#content #panebox-r .pane-palette .pane-content-palette-share a:hover{text-decoration:underline}#content #panebox-r .pane-palette .pane-content-palette-share .new{position:absolute;top:-31px;right:-5px;width:28px;height:28px;background:url(../../img/new.png) center no-repeat}#content #panebox-r .pane-preview{top:95px}#content #panebox-r .pane-preview .pane-tab{left:0;width:183px;border-bottom-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-bottom-left-radius:9px;border-bottom-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-bottom-right-radius:9px}#content #panebox-r .pane-preview .pane-content-preview{position:absolute;top:0;left:0;width:100%;height:380px;border:none;overflow:hidden}#content #panebox-r .pane-preview .pane-convert-preview{position:absolute;top:auto;left:auto;right:50px;bottom:10px;height:20px;width:auto;text-align:right}#content #panebox-r .pane-preview .pane-convert-preview .control-button{position:static;font-size:10px;line-height:20px;white-space:nowrap;overflow:visible}#content #panebox-r .pane-examples{top:110px}#content #panebox-r .pane-examples .pane-tab{left:202px;width:120px;bottom:-28px;background:0 0;color:#999}#content #panebox-r .pane-examples .pane-tab:hover{text-decoration:underline;color:#996}#content #panebox-r .pane-colorlist{top:110px}#content #panebox-r .pane-colorlist .pane-tab{left:325px;width:120px;bottom:-28px;background:0 0;color:#999}#content #panebox-r .pane-colorlist .pane-tab:hover{text-decoration:underline;color:#996}.control-adjust{text-align:center;white-space:nowrap}.control-adjust .btns{margin:5px 0 0 0}.control-adjust button{background:#333;border:none;color:#999;margin:0 2px;padding:0;font-size:10px;text-align:center;vertical-align:middle;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.control-adjust button:hover{background:#1a1a1a}.control-adjust .hdr{margin:7px 0 -5px 0;border-top:1px solid #333}.control-adjust .hdr .title{position:relative;top:-10px;padding:0 5px;color:#999;background:#282828;font-size:10px}.control-btnedit,.control-button{position:absolute;z-index:2;width:80px;font-size:11px;line-height:1}.control-btnedit .button,.control-button .button{text-decoration:none;width:100%}.control-btnedit .button.ui-button,.control-button .button.ui-button{border:1px solid #404040}.control-btnedit.disabled,.control-button.disabled{opacity:.25}.control-btnedit.disabled .button,.control-button.disabled .button{cursor:default}.control-checkbox{font-size:11px;line-height:1;white-space:nowrap;cursor:pointer}.control-checkbox .label{opacity:.5}.control-checkbox.checked .label{opacity:1}.control-checkbox.disabled{opacity:.25;cursor:default}.control-convert .control-button{width:auto}.control-convert .control-button .button{padding-left:25px;background:url(../../img/eye.png) left center no-repeat}.control-convert .control-button.active .button{background:url(../../img/warning.png) left center no-repeat;color:#996!important}.control-convert .control-button .button:hover{text-decoration:underline}.control-dot{width:17px;height:17px;cursor:pointer;background-image:url(../../img/sprites.png);background-repeat:no-repeat;background-position:0 0}.control-dot.pri{background-position:-500px 0}.control-dot.compl{background-position:-520px 0}.control-dot.sec{background-position:-540px 0}.control-dot.hidden{display:none}.control-dropdown{padding:15px 25px;background:#333;background-image:url(../../img/noise.png);background-repeat:repeat;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,.25);-o-box-shadow:3px 3px 3px rgba(0,0,0,.25);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.25);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.25)}.control-layer,.control-layer-underlay{position:absolute;top:0;left:0;width:100%;height:100%;min-height:540px;background:rgba(26,26,26,.5)}.control-loader .loader-in{width:100%;height:100%;background:url(../../img/loader.gif) center no-repeat;opacity:.25}ul.control-list{margin:0;padding:0;list-style-type:none}ul.control-list li{margin:0;padding:0;list-style-type:none}ul.control-list li a{display:block;padding:5px 10px;text-decoration:none;color:#999}ul.control-list li a:hover{background:#1a1a1a;color:#999}ul.control-list li.selectable.sel>a{background:#1a1a1a;color:#996}ul.control-list ul.submenu{display:none;margin:0;padding:0 0 5px 0}ul.control-list ul.submenu li{margin:0;padding:0}ul.control-list ul.submenu li a{background:0 0;color:grey;font-size:11px}ul.control-list ul.submenu li a:hover{color:#996}ul.control-list li.sel ul.submenu{display:block}.control-menu{text-align:left;font-size:14px}.control-menu li.selected{background:#1a1a1a}.control-model{position:absolute;z-index:2;top:10px;left:15px;right:15px;height:55px;border-bottom:1px dotted #202020}.control-model .control-button{width:100%;font-size:14px}.control-model .control-button .button{padding:5px;border:none;background:0 0}.control-model .control-button .button:hover a{color:#996;text-decoration:underline}.control-model-inline{position:absolute;z-index:2;top:15px;left:15px;right:15px;height:50px}.control-model-inline .ico-model{margin:0}.control-model-inline .model{display:block;float:left;width:50px;height:40px;margin:0;text-align:center;font-size:11px;text-decoration:none;color:#585858}.control-model-inline .model.selected{color:#999}.control-model-inline .info{position:absolute;top:0;left:270px;right:0;color:#999;line-height:1.5}.control-model-inline .info .control-button{position:static;font-size:100%}.control-model-inline .info .note{padding:7px 0 0 7px;font-style:italic;font-size:11px;color:grey}.control-palette table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:136px;height:18px;margin:0}.control-palette table td{padding:1px;white-space:nowrap}.control-palette table td.span2{width:50%}.control-palette table td.span3{width:75%}.control-palette table td.span4{width:100%}.control-palette table td .var{display:block;float:left;width:25%;height:6px;margin:12px 0 0 0}.control-palette.big table{width:232px;height:27px}.control-palette.big table .var{height:9px;margin-top:18px}.control-presets{width:100%}.control-presets h4{margin:0 0 12px 0;text-align:center;color:grey;font-size:16px;font-weight:400}.control-presets ul{list-style-type:none;width:444px;margin:0 auto;padding:0}.control-presets ul li{float:left;list-style-type:none;margin:0;padding:0}.control-presets ul li a{display:block;width:136px;padding:6px 6px;color:grey;font-size:10px;text-decoration:none;text-align:center}.control-presets ul li a:hover{color:#996;text-decoration:underline}.control-presets .control-palette{margin:0 0 4px 0}.control-random{position:relative;margin:0;padding:0;line-height:1}.control-random button{float:left;width:91px;height:91px;margin:2px;padding:0 10px;white-space:normal;overflow:hidden;background:#202020;color:#999;border:none;font-size:11px;line-height:1.25;cursor:pointer}.control-random button:hover{background:#1a1a1a;color:#e0e0e0}.control-variator .control-dot{width:13px;height:13px}.control-variator .control-dot.pri{background-position:-500px -20px}.control-variator .control-dot.compl{background-position:-520px -20px}.control-variator .control-dot.sec{background-position:-540px -20px}.control-wheel{position:absolute;top:90px;left:30px;width:400px;height:400px}.control-wheel .wheel-bgcol{position:absolute;top:90px;left:90px;width:220px;height:220px;background:red}.control-wheel .wheel-tile{position:absolute;top:-1px;left:0;width:200px;height:200px;background:url(../../img/wheel_1.png) 0 0 no-repeat}.control-wheel .wheel-tile.tile-2{left:200px;background-image:url(../../img/wheel_2.png)}.control-wheel .wheel-tile.tile-3{top:199px;background-image:url(../../img/wheel_3.png)}.control-wheel .wheel-tile.tile-4{top:199px;left:200px;background-image:url(../../img/wheel_4.png)}.control-wheel .clickable{-webkit-opacity:.01;-moz-opacity:.01;opacity:.01;background:url(../../img/wheel-over.png) center no-repeat}.control-wheel .clickable.over{-webkit-opacity:1;-moz-opacity:1;opacity:1}.control-wheel .infopane{position:absolute;z-index:101;left:140px;top:47px;width:120px;color:#999;font-size:11px;text-align:center}.control-wheel .switch{position:absolute;z-index:101;left:120px;top:280px;width:160px}.control-wheelswitch{height:70px;padding-top:30px;text-align:center}.control-wheelswitch .colors .control-button.col{display:inline-block;position:static;width:21px;height:21px;margin:0;border:1px solid transparent}.control-wheelswitch .colors .control-button.col .button{display:block;width:15px;height:15px;margin:3px}.control-wheelswitch .colors .control-button.col.sel{border-color:grey}.control-wheelswitch .control-button.lock{left:65px;top:57px;width:30px;height:30px}.control-wheelswitch .control-button.lock .button{display:block;width:16px;height:16px;padding:7px}.control-wheelswitch .control-button.lock .button .label{display:block;width:16px;height:16px}.ui-dialog-content.dlg-model,.ui-dialog-content.dlg-preview{padding:0;overflow:visible}.ui-dialog-content.dlg-btnedit .text{margin:1em 0}.ui-dialog-content.dlg-btnedit .input{margin:1em 0;text-align:center}.ui-dialog-content.dlg-btnedit .input input{padding:5px;font-size:14px;background:#e0e0e0;color:#000;border:none;text-align:center}.ui-dialog-content.dlg-adjust{padding:13px 10px 5px 10px}.ui-dialog-content.dlg-colorlist,.ui-dialog-content.dlg-examples{padding:10px 5px}.ui-dialog-content.dlg-colorlist .cover,.ui-dialog-content.dlg-examples .cover{height:100%}.ui-dialog-content.dlg-colorlist .cover .list-menu,.ui-dialog-content.dlg-examples .cover .list-menu{float:right;width:160px;height:500px;padding-left:10px;overflow:hidden;overflow-y:auto}.ui-dialog-content.dlg-colorlist .cover .list-content,.ui-dialog-content.dlg-examples .cover .list-content{height:100%;margin:0 170px 0 10px;overflow:hidden}.ui-dialog-content.dlg-colorlist .cover .list-content .table,.ui-dialog-content.dlg-examples .cover .list-content .table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail tr.title,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple tr.title,.ui-dialog-content.dlg-examples .cover .list-content .table-detail tr.title,.ui-dialog-content.dlg-examples .cover .list-content .table-simple tr.title{height:30px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail tr.info,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple tr.info,.ui-dialog-content.dlg-examples .cover .list-content .table-detail tr.info,.ui-dialog-content.dlg-examples .cover .list-content .table-simple tr.info{height:70px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td{text-align:center;vertical-align:middle;font-size:12px;border:none;overflow:hidden}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.col,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.col,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.col,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.col{padding-bottom:15px;vertical-align:bottom;border:1px solid #1a1a1a;cursor:pointer}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.col.light,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.col.light,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.col.light,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.col.light{color:rgba(0,0,0,.5)}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.col.dark,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.col.dark,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.col.dark,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.col.dark{color:rgba(255,255,255,.33)}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.title,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.title,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.title,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.title{max-height:100px;padding:0 0 6px 0;font-size:14px;font-weight:400;text-align:left;vertical-align:bottom}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.desc,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.desc,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.desc,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.desc{max-height:100px;padding:5px 0 5px 0;text-align:center;vertical-align:top;font-size:10px;line-height:13px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.desc p,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.desc p,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.desc p,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.desc p{margin:0;white-space:nowrap}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.col-0,.ui-dialog-content.dlg-colorlist .cover .list-content .table-simple td.col-0,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.col-0,.ui-dialog-content.dlg-examples .cover .list-content .table-simple td.col-0{width:36%}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail td.col,.ui-dialog-content.dlg-examples .cover .list-content .table-detail td.col{padding:25px 0}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail .hexcode,.ui-dialog-content.dlg-examples .cover .list-content .table-detail .hexcode{font-size:12px;line-height:15px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-detail .hexcode input,.ui-dialog-content.dlg-examples .cover .list-content .table-detail .hexcode input{width:6em;margin:0 auto;padding:0;background:#e0e0e0;color:#000;border:none;text-align:center;font-size:12px;line-height:15px;height:15px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-grid,.ui-dialog-content.dlg-colorlist .cover .list-content table.grid,.ui-dialog-content.dlg-examples .cover .list-content .table-grid,.ui-dialog-content.dlg-examples .cover .list-content table.grid{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0;padding:0}.ui-dialog-content.dlg-colorlist .cover .list-content .table-grid td,.ui-dialog-content.dlg-colorlist .cover .list-content table.grid td,.ui-dialog-content.dlg-examples .cover .list-content .table-grid td,.ui-dialog-content.dlg-examples .cover .list-content table.grid td{margin:0;padding:0;border:none}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast{table-layout:fixed}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast td,.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast th,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast td,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast th{padding:0;border:1px solid #1a1a1a}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast th.colx,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast th.colx{height:15px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast th.coly,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast th.coly{width:15px}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast td,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast td{text-align:left;vertical-align:top}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast td .fg,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast td .fg{margin:5% 0 0 5%;width:30%;height:40%;font-size:10px;line-height:1}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast td .info,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast td .info{margin:-5% 5% 0 0;font-size:10px;line-height:1;text-align:right}.ui-dialog-content.dlg-colorlist .cover .list-content .table-contrast .col,.ui-dialog-content.dlg-examples .cover .list-content .table-contrast .col{min-height:10px;cursor:pointer}.ui-dialog-content.dlg-colorlist .cover .list-tools,.ui-dialog-content.dlg-examples .cover .list-tools{position:absolute;right:10px;bottom:5px;width:140px;text-align:left;font-size:11px}.ui-dialog-content.dlg-colorlist .cover .list-tools .control-btnedit,.ui-dialog-content.dlg-colorlist .cover .list-tools .control-button,.ui-dialog-content.dlg-examples .cover .list-tools .control-btnedit,.ui-dialog-content.dlg-examples .cover .list-tools .control-button{display:block;position:static;width:auto;margin:15px auto}.ui-dialog-content.dlg-colorlist .cover .list-tools .control-btnedit .button,.ui-dialog-content.dlg-colorlist .cover .list-tools .control-button .button,.ui-dialog-content.dlg-examples .cover .list-tools .control-btnedit .button,.ui-dialog-content.dlg-examples .cover .list-tools .control-button .button{display:block;width:auto;color:grey}.ui-dialog-content.dlg-colorlist .cover .list-tools .control-btnedit .button:hover,.ui-dialog-content.dlg-colorlist .cover .list-tools .control-button .button:hover,.ui-dialog-content.dlg-examples .cover .list-tools .control-btnedit .button:hover,.ui-dialog-content.dlg-examples .cover .list-tools .control-button .button:hover{color:#996;text-decoration:underline}.ui-dialog-content.dlg-colorlist .cover .list-tools .control-btnedit.btn-filter,.ui-dialog-content.dlg-colorlist .cover .list-tools .control-button.btn-filter,.ui-dialog-content.dlg-examples .cover .list-tools .control-btnedit.btn-filter,.ui-dialog-content.dlg-examples .cover .list-tools .control-button.btn-filter{width:100px}.ui-dialog-content.dlg-examples{padding:10px 5px}.ui-dialog-content.dlg-examples .cover .list-content{margin-left:0}.ui-dialog-content.dlg-examples .cover .list-content iframe{width:100%;height:100%;margin:0;padding:0;border:none;overflow:auto}.ui-dialog-content.dlg-examples .control-convert{margin:10px 0}.ui-dialog-content.dlg-examples .control-convert .control-button{line-height:1.5}.ui-dialog-content.dlg-examples .control-convert .control-button.active{margin-left:-15px;text-align:left}.ui-dialog-content.dlg-colorinfo table{width:100%;margin:10px 0 5px 0;border-collapse:collapse;border-spacing:0}.ui-dialog-content.dlg-colorinfo table th{width:45%;padding:0 2em 0 0;font-weight:400;font-size:11px;text-align:right;vertical-align:middle;white-space:nowrap}.ui-dialog-content.dlg-colorinfo table td{padding:0;font-weight:400;font-size:14px;line-height:21px;white-space:nowrap}.ui-dialog-content.dlg-colorinfo code{cursor:pointer}.ui-dialog-content.dlg-colorinfo input{margin:2px auto;padding:0 .5em;background:#e0e0e0;color:#000;border:none;text-align:left;font-size:14px;line-height:17px;height:17px;font-family:Consolas,'Andale Mono',monospace}.ui-dialog-content.dlg-colorinfo .apply{position:absolute;top:15px;right:25px;width:auto;white-space:nowrap;font-size:10px;opacity:.67}.wix-box{width:150px;height:80px;background:url(../../img/wix-box-02-new.png) center no-repeat}.wix-box:hover{background:url(../../img/wix-box-02-new-hover.png) center no-repeat}.wix-box-2{width:120px;height:80px;background:url(../../img/wix-box-03.png) center no-repeat}.wix-box-2:hover{background:url(../../img/wix-box-03-hover.png) center no-repeat}.envato-column{width:120px;height:654px;background:url(../../img/envato-box.png) center no-repeat}.envato-column:hover{background:url(../../img/envato-box-over.png) center no-repeat}.wix-column{width:160px;height:654px;background:url(../../img/wix_col_02.png) center no-repeat}.wix-column:hover{background:url(../../img/wix_col_02-hover.png) center no-repeat}.native-ad #_default_{position:relative;margin-top:2px;font-size:14px;line-height:1.5}.native-ad .default-ad{display:none}.native-ad ._default_{display:inline;overflow:hidden}.native-ad ._default_>*{vertical-align:middle}.native-ad a{color:inherit;text-decoration:none}.native-ad a:hover{color:#fff}.native-ad .default-image{display:none}.native-ad .default-title:after{content:" — "}.native-ad .default-description,.native-ad .default-title{display:inline}.native-ad .default-title{position:relative;margin-left:8px}.native-ad .default-title:before{position:relative;top:-1px;left:-8px;padding:3px 5px;border:solid 1px currentColor;border-radius:3px;color:currentColor;content:"Sponsor";text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:10px;line-height:1}body.adleft{margin-left:80px}body.adright{margin-right:80px}.reklambox{position:absolute;color:grey;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.reklambox a{display:block;cursor:pointer}.reklambox-top{width:120px;height:80px}.reklambox-top-full{height:auto}#reklambox-top-left{right:-140px;left:auto;top:26px}#reklambox-top-right-wix-box{left:-167px;right:auto;top:26px}#reklambox-top-right.swapped{left:-140px;right:auto;top:26px}#reklambox-top-left.swapped,#reklambox-top-right{right:auto;left:-160px;top:110px}#reklambox-top-right-dfp{right:auto;left:-356px;top:0;z-index:1}#reklambox-col-left-dfp{width:160px;height:auto;right:-180px;top:0;z-index:1}#reklambox-col-left{width:120px;height:auto;left:-140px;top:110px;z-index:2}#reklambox-col-left.w160{width:160px;left:-180px}#reklambox-col-right{display:none;width:120px;height:auto;right:-140px;top:120px;z-index:2}#reklambox-col-right-dfp{display:none;width:120px;height:auto;right:-140px;top:120px}#reklambox-col-right.w160{width:160px;right:-180px}#reklambox-bottom{left:0;right:0;top:110px;height:100px;padding:10px 105px 10px 15px;font-size:12px;text-align:center;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}#reklambox-bottom #adblock-info{color:orange}#reklambox-bottom .donate{position:absolute;right:15px;top:10px;width:80px;opacity:.5}#reklambox-bottom .donate:hover{opacity:1}#reklambox-bottom .spot{margin:0 13px 0 13px}#reklambox-bottom .spot a{text-decoration:none;color:#808060}#reklambox-bottom .spot a:hover{text-decoration:underline}#google-dfp-bottom{left:0;right:0;top:700px;height:100px;font-size:12px;text-align:center}#google-dfp-bottom.reklambox{background:0 0}#google-dfp-top{left:0;right:0;top:10px;height:100px;font-size:12px;text-align:center}#google-dfp-top.reklambox{background:0 0}.hidden.pane.swap-out{-webkit-transform:translateY(-50%) scaleY(0);-moz-transform:translateY(-50%) scaleY(0);-ms-transform:translateY(-50%) scaleY(0);transform:translateY(-50%) scaleY(0);background:#202020;opacity:0;z-index:2}.pane.swap-out{-webkit-transform:scaleY(1) translateY(0);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:1;z-index:1}.clickable{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.clickable.over{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.ico{display:inline-block;width:16px;height:16px;margin-right:8px;background-image:url(../../img/sprites.png);background-repeat:no-repeat;vertical-align:middle}.ico-checkbox{background-position:0 -126px}.checked .ico-checkbox{background-position:0 -110px}.ico-lock{background-position:-20px -110px}.ico-lock:hover{background-position:-20px -126px}.ico-unlock{background-position:-40px -110px}.ico-unlock:hover{background-position:-40px -126px}.ico-model{width:40px;height:40px;margin-right:15px}.ico-model-mono{background-position:0 -70px}.ico-model-monocompl{background-position:-40px -70px}.ico-model-analog{background-position:-80px -70px}.ico-model-analogcompl{background-position:-120px -70px}.ico-model-triad{background-position:-160px -70px}.ico-model-triadcompl{background-position:-200px -70px}.ico-model-tetrad{background-position:-240px -70px}.ico-model-free{background-position:-280px -70px}.selected .ico-model-mono,a.ui-state-focus .ico-model-mono{background-position:-320px -70px}.compl .selected .ico-model-mono,.selected .ico-model-monocompl,a.ui-state-focus .ico-model-monocompl{background-position:-360px -70px}.selected .ico-model-analog,a.ui-state-focus .ico-model-analog{background-position:-400px -70px}.compl .selected .ico-model-analog,.selected .ico-model-analogcompl,a.ui-state-focus .ico-model-analogcompl{background-position:-440px -70px}.selected .ico-model-triad,a.ui-state-focus .ico-model-triad{background-position:-480px -70px}.compl .selected .ico-model-triad,.selected .ico-model-triadcompl,a.ui-state-focus .ico-model-triadcompl{background-position:-520px -70px}.selected .ico-model-tetrad,a.ui-state-focus .ico-model-tetrad{background-position:-560px -70px}.selected .ico-model-free,a.ui-state-focus .ico-model-free{background-position:-600px -70px}a:focus,button:focus,input:focus{outline:0}.ui-widget-overlay{opacity:.85}.ui-dialog,.ui-menu{box-shadow:3px 3px 8px rgba(0,0,0,.5);-o-box-shadow:3px 3px 8px rgba(0,0,0,.5);-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.5);-moz-box-shadow:3px 3px 8px rgba(0,0,0,.5)}.ui-menu .ui-menu-item a{padding:5px 10px;white-space:nowrap}.ui-button-text-only .ui-button-text{padding:3px 6px}.ui-tooltip{padding:2px 8px;font-size:14px;text-align:center}.ui-tooltip p{margin:0}.ui-tooltip p.info{margin:2px 0 0 0;font-size:9px;opacity:.75}#header .envato-link{position:absolute;left:95px;top:0;font-size:10px}#header .envato-link span.label{color:#fff}#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings{color:#665!important;background-color:transparent!important;border:none!important;padding:0!important;font-size:11px!important;text-decoration:underline}#ot-sdk-btn.optanon-show-settings:hover,#ot-sdk-btn.ot-sdk-show-settings:hover{color:#996!important;background-color:transparent!important}#article{text-align:left}#article p{font-size:13px}