#switcher{position:fixed;top:0;left:-200px;width:200px;height:100%;padding:15px;background:rgba(0,0,0,0.8);z-index:9999;font-size:30px;line-height:60px;text-align:center}#switcher .button{position:absolute;top:30%;left:100%;width:50px;height:50px;color:#fff;background:rgba(0,0,0,0.6);cursor:pointer}#switcher .button:before{position:relative;top:10px}#switcher .heding{font-size:20px;color:#fff;line-height:25px;margin-bottom:10px}#switcher #pattern-switcher{display:none;padding:15px;background:rgba(0,0,0,0.6);position:absolute;top:0;left:100%;height:100%;width:300px;z-index:99999999}#switcher #pattern-switcher .pattern-block{width:58px;height:58px;border:1px solid #fff;display:inline-block}#switcher #pattern-switcher .pattern-block:hover{cursor:pointer;border:1px solid #bbb}#switcher .border{border:2px solid #fff}#switcher .miniature-header{width:100%;opacity:.7}#switcher .miniature-header.active-switcher{opacity:1!important}#switcher .miniature-header:hover{opacity:1;cursor:pointer}#switcher .miniature-section{width:100%;padding:10px 0;opacity:.7}#switcher .miniature-section.active-switcher{opacity:1!important}#switcher .miniature-section:hover{opacity:1;cursor:pointer}#switcher .miniature-transition{position:relative;top:30px;height:50px;width:70%;margin:-55px auto 5px;z-index:99999999;opacity:.7;-webkit-box-shadow:0 0 10px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 0 10px 0 rgba(50,50,50,0.75);box-shadow:0 0 10px 0 rgba(50,50,50,0.75)}#switcher .miniature-transition.active-switcher{opacity:1!important}#switcher .miniature-transition:hover{opacity:1;cursor:pointer}#switcher .miniature-transition-from{padding:0 0 20px}#switcher .miniature-transition-to{padding:20px 0 0}