#styler button{margin:0;padding:0;border:none;outline:none;cursor:pointer}#styler{transform:translateY(-100%);display:none;top:0;left:0;color:#718490;position:fixed;z-index:102;width:100%;padding:8px 0;text-align:center;background:black;font-family:'Source Sans Pro', sans-serif !important;font-size:13px}#styler>.style-selectors{white-space:nowrap;display:inline-block}#styler>.style-buttons{background:black;position:absolute;right:.8em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}#styler label{position:relative;display:inline-block;color:#718490;font-size:inherit;margin:0 .5rem 0 0;text-align:left;border-left:1px solid #2e353a}#styler label:hover>.mylabel{color:#ff8c00}#styler label:hover i{transform:translateY(0px);opacity:1}#styler label:hover select,#styler label:hover #nav-selector{color:#EEE}#styler .mylabel{transition:color .2s;left:1rem;position:absolute;z-index:1;font-size:16px;white-space:nowrap;text-transform:uppercase}#styler .mylabel>i{transform:translateY(-2px);font-size:1.2em;margin-left:.4em;transition:transform .2s, opacity .2s;opacity:0}#styler #nav-selector,#styler select{position:relative;z-index:2;display:block;cursor:pointer;text-transform:capitalize}#styler #nav-selector{color:#b9c2c8;padding:1.4rem 1rem .3rem;line-height:normal}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){#styler #nav-label{top:-2px}#styler #nav-selector{float:left}}#styler select{-moz-appearance:none;padding:1.4rem 1rem .3rem;margin:0;background:none;border:none;color:#718490}#styler select:focus{outline:0}#styler select.active1,#styler select.active2{color:#b9c2c8}#styler select>option{background:white;color:#394349}@-moz-document url-prefix(){#styler select{text-indent:-2px}}@supports (-ms-ime-align: auto){#styler select{left:-3px}}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){#styler select{left:-3px}}#styler #colorpicker-label{display:none;margin:0;padding:0 .5rem 0 0;border-left:none}#styler #colorpicker{background:transparent;-webkit-appearance:none;border:1px solid transparent;display:inline-block;width:30px;height:30px;padding:0;margin:0;cursor:pointer}#styler #colorpicker:focus{outline:0 !important}#styler #colorpicker:hover{border:1px solid #ff8c00}@media only screen and (min-width: 1025px){#styler #colorpicker-label{display:inherit}}@supports (-ms-ime-align: auto){#styler #colorpicker{width:34px;height:38px}}#styler button{border-radius:3px;float:left;padding:.45em .5em;margin:0;background:transparent;color:#AAA;font-size:18px}#styler button:hover{transform:scale(1.1);color:#FFF}#styler button:active{background:#222;transform:scale(1.2);color:#ff8c00}#styler #button-help{transition:background .2s;position:absolute;background:#222;top:100%;left:0;opacity:0;display:none;font-size:15px;color:#DDD;padding:0.4em 1em;border-radius:0 0 3px 3px}#styler #button-help:after{transition:border-color .2s;content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #222 transparent}#styler #button-help.copied{background:#78a642;color:white}#styler #button-help.copied:after{border-color:transparent transparent #78a642 transparent}#styler.is-favorite #sp_fav{color:#ff8c00}@media only screen and (max-width: 1199px){#styler{text-align:left}#styler #skin-label{border-left:none}}@media only screen and (max-width: 1024px){#styler #layout-label,#styler #nav-label{display:none}}@media only screen and (max-width: 800px){#styler button#sp_help{display:none}}@media only screen and (min-width: 768px) and (max-width: 1023px){#styler label{max-width:25vw}}@media only screen and (max-width: 767px){#styler label{max-width:37vw}#styler #favorites-label,#styler button#sp_fav,#styler button#sp_link{display:none}}@media only screen and (max-width: 479px){#styler label{max-width:45vw}#styler button#sp_reset,#styler button#sp_random{display:none}}@supports (-webkit-overflow-scrolling: touch){#styler select,#styler #nav-selector{font-size:16px}}@media only screen and (hover: none) and (min-width: 768px){#styler button{font-size:21px}}body.black>#styler{background:#111}body.black>#styler>div.style-buttons{background:#111}.x3-styler-reveal span.fa{margin-bottom:10px}.x3-styler-reveal h2,.x3-styler-reveal p{letter-spacing:0;font-family:'Source Sans Pro', sans-serif !important}.loader-overlay{opacity:0;position:fixed;z-index:1531;top:0;left:0;width:100vw;height:100vh;background:black}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border-width:1px}
