.style-switcher{background:#151719;width:250px;position:fixed;top:0;bottom:0;height:100%;z-index:100000000000000;border-radius:0;left:-250px;transition:left .2s;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.style-switcher h1,.style-switcher h2,.style-switcher h3,.style-switcher h4,.style-switcher h5,.style-switcher h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.style-switcher.active{left:0}.style-switcher .style-switcher-wrap{height:100%;margin:0;overflow-y:auto;padding:15px;position:relative}.style-switcher h4{background:#151719;color:#fff;font-size:15px;font-weight:600;line-height:30px;margin:0 0 7px;padding:0}.style-switcher .style-switcher-open{background-color:#151719;display:block;height:40px;position:absolute;right:-40px;top:135px;width:40px;font-size:12px;line-height:40px;color:#fff;text-align:center;text-decoration:none;border-radius:0 4px 4px 0}.style-switcher h5{color:#999;margin:0 0 2px 0;padding:0;line-height:30px;font-size:13px;font-weight:400;text-transform:none}.style-switcher .form-control{background-color:#fff!important;border:1px solid #ccc!important}.style-switcher .colorpicker-element{margin:-3px 0 7px}.colorpicker.colorpicker-visible{z-index:9999999999}.style-switcher ul.options{list-style:none;margin:-3px 0 10px 0;padding:0;overflow:hidden}.style-switcher ul.options li{float:left;margin:2px}.style-switcher ul.options li a{display:block;width:15px;height:15px;cursor:pointer}.style-switcher ul.options li a.pattern{background-repeat:repeat;background-position:0 0;background-color:transparent}.style-switcher .color-picker{display:none;margin-bottom:15px}.style-switcher .options-links{padding:0 0 10px}.style-switcher .options-links a{background-color:#000;color:#ccc;font-size:12px;margin-bottom:0;margin-right:5px;padding:5px 12px;text-decoration:none;border-radius:4px}.style-switcher .options-links a:last-child{margin-right:0}.style-switcher .options-links a:hover{background-color:#262626}.style-switcher .options-links a.active{background:#fff;color:#666}.style-switcher .style-switcher-buttons{border-top:1px solid #000;margin-top:15px;padding-top:15px;text-align:center}.style-switcher .style-switcher-buttons a{padding:8px;font-size:13px;display:inline-block}.style-switcher .style-switcher-buttons .reset{width:74px}.style-switcher .style-switcher-buttons .get-css{width:137px;font-weight:700}.style-switcher .style-switcher-buttons .get-css i{font-size:14px;margin-right:5px}textarea.get-css{height:325px;width:100%;resize:none;cursor:text}.style-switcher .style-switcher-tooltip{visibility:hidden;opacity:0;position:absolute;top:50%;left:calc(100% + 20px);width:200px;background:#282d31;text-align:left;padding:1.4rem;border-radius:4px;box-shadow:0 0 30px -6px rgba(0,0,0,.2);transform:translate3d(-20px,-50%,0);transition:ease opacity .3s,ease transform .3s}.style-switcher .style-switcher-tooltip:before{content:'';display:block;position:absolute;top:50%;left:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #282d31;transform:translate3d(0,-50%,0)}.style-switcher .style-switcher-tooltip>strong{font-size:.85rem;font-family:"Open Sans";line-height:1.3;display:block;margin-bottom:.5rem}.style-switcher .style-switcher-tooltip>p{color:#e2e2e2;font-size:.8rem;line-height:1.5;margin-bottom:0;opacity:.8}.style-switcher .style-switcher-tooltip.active{visibility:visible;opacity:1;transform:translate3d(0,-50%,0)}