.switcher{position:fixed;z-index:1;left:0;top:250px;width:12em;padding:10px;background:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.switcher.toggled{left:-12em}.switcher-control{position:absolute;left:100%;top:0;padding:8px;border-radius:0 4px 4px 0;background:#fff;cursor:pointer}.switcher-control img{display:block;}.switcher h3{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:7px;margin-bottom:10px;font-weight:500;font-size:.9em;text-transform:none}.switcher h3:first-child{margin-top:0}.styleswitch{position:relative;float:left;width:25%;padding-top:25%}.styleswitch.active:before{content:'';position:absolute;z-index:1;top:50%;left:50%;margin:-4px 0 0 -4px;width:8px;height:8px;border-radius:50%;border:1px solid #fff}.styleswitch.active:after{content:'';position:absolute;top:50%;left:10%;width:80%;border-top:1px solid #fff;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.variants{height:90px;overflow:auto}.variants a{position:relative;display:inline-block;margin-top:10px;text-decoration:underline;font-size:14px}.variants a:first-child{margin-top:0}.variants a:hover{text-decoration:none}.variants .active{color:#000;opacity:.6;text-decoration:none}.variants .active:hover{text-decoration:none}