.customizer{position:fixed;top:0;right:0;width:360px;height:100%;z-index:9900;background-color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.25s;transition:.25s}.customizer.active{box-shadow:0 0 19.74px 1.26px rgba(184,184,184,.2);-webkit-transform:translateX(0);transform:translateX(0)}.customizer-wrap{position:relative;width:100%;height:100%;padding:48px 28px;background-color:#fff;overflow-y:auto}.toggle,.toggle-wrap{position:absolute;background-color:#fff}.customizer-wrap::-webkit-scrollbar{display:none}.customizer-wrap a{display:block;text-decoration:none;color:#000;font-weight:400;text-align:center;margin-top:15px;margin-bottom:25px}.customizer-wrap h4{margin-top:48px}.toggle-wrap{z-index:0;width:100%;height:100%}.toggle{width:120px;top:17.5%;left:-73px;border-radius:4px;padding:9px 16px;cursor:pointer;font-size:18px;-webkit-transition:left .25s;transition:left .25s;box-shadow:0 0 17px 0 rgba(184,184,184,.3);z-index:-10}.toggle>*{vertical-align:middle}.toggle>span{opacity:0;visibility:hidden;-webkit-transition:.25s;transition:.25s;-webkit-transform:translateX(10px);transform:translateX(10px)}.toggle:hover{left:-120px}.toggle:hover>span{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.25s .1s;transition:.25s .1s}.active .toggle:hover{left:-47px}.active .toggle:hover>span{opacity:0;visibility:hidden;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.25s .1s;transition:.25s .1s}.customizer .btn{background-color:#7aa93c;color:#fff}.customizer .btn:hover{background-color:#729741}@media screen and (max-width:400px){.customizer{display:none}}