/* STYLER X3 v0.9 */

#styler button{margin:0;padding:0;border:none;outline:none;cursor:pointer}.code-popup .code-box{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#styler{color:#718490;position:fixed;z-index:102;width:100%;padding:.5rem .5rem .3rem;text-align:center;background:black;font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif !important;font-size:13px}#styler>div.style-selectors{display:inline-block}#styler>div.style-buttons{position:absolute;right:1rem;top:.8rem;z-index:3;background:#000;padding-left:.5rem}#styler label{position:relative;float:left;color:#718490;font-size:12px;margin:0 .5rem 0 0;text-align:left;border-left:1px dashed #445057;max-width:40vw}#styler label:hover{color:tomato;border-left:1px solid tomato}#styler label:hover select{color:#EEE}#styler .mylabel{left:1rem;position:absolute;z-index:1}#styler #nav-selector,#styler select{position:relative;z-index:2;display:block;cursor:pointer}#styler #nav-selector{color:#b9c2c8;padding:1.1rem .5rem 0rem 1rem;min-width:55px}#styler select{-moz-appearance:none;padding:1.2rem 1rem .2rem;margin:0;background:none;border:none;color:#718490;max-width:220px}#styler select:focus{outline:0}html.mac.firefox #styler select,html.win #styler select{text-indent:-.12rem}#styler select.active1{color:#b9c2c8}#styler select.active2{color:tomato}#styler select>option{background:white;color:#394349}#styler #colorpicker-label{display:none;margin:0;padding:0 3px}#styler input#colorpicker{background:transparent;float:left;width:37px;height:37px;padding:0 2px;margin:0;cursor:pointer;border:none}#styler input#colorpicker:focus{outline:0 !important}@media only screen and (min-width: 1025px){#styler.colorp #colorpicker-label{display:inherit}}#styler button{border-radius:3px;float:left;padding:.25rem .25rem 0rem;margin:0;background:none;color:#CCC;font-size:1.3rem}#styler button:hover{color:tomato}#styler #button-help{color:#b9c2c8;font-size:12px;float:left;position:relative;top:.4rem;right:.5rem}#styler.is-favorite #sp_fav{color:tomato}@media only screen and (max-width: 1199px){#styler{text-align:left}}@media only screen and (max-width: 1024px){#styler #layout-label,#styler #nav-label,#styler #button-help{display:none}}@media only screen and (max-width: 767px){#styler #favorites-label,#styler button#sp_fav,#styler button#sp_link,#styler button#sp_reset,#styler button#sp_code{display:none}}.loader-overlay{opacity:0;position:fixed;z-index:6;top:0;left:0;width:100vw;height:100vh;background:black}.code-popup{height:100vh}.code-popup .code-box{max-width:800px;width:100%;background:#EEE;border-radius:3px;padding:2rem}.code-popup .code-description{color:slategray;font-family:'Consolas','Monaco','Andale Mono','Courier';text-align:center;margin:0 0 1rem;font-size:.9rem;letter-spacing:-.02rem}.code-popup textarea{font-family:'Consolas','Monaco','Andale Mono','Courier';font-size:.8rem;color:navy;margin:0}
