.drawer{position:fixed;top:0;left:0!important;height:100vh;width:250px;background:#fff;box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:9999;overflow:visible!important}.drawer.drawer--left{left:0!important;right:auto;transform:translate(0)!important}.drawer.open{transform:translate(0)}.drawer .container{padding:5px 0}.mcd-menu,.mcd-menu ul,.mcd-menu li{list-style:none;margin:0;padding:0}.mcd-menu>li>a{display:flex;align-items:center;padding:15px 20px;font-weight:700;font-size:16px;line-height:1.4;color:#444;text-decoration:none;border-bottom:1px solid #eee;position:relative;cursor:pointer}.mcd-menu>li>a strong{display:block;font-size:14px;font-weight:700;color:#222;margin-bottom:2px}.mcd-menu>li>a small{display:block;font-size:11px;color:#999;margin-left:30px;line-height:1}.mcd-menu li>a{display:flex;flex-direction:column;align-items:flex-start;padding:12px 20px;text-decoration:none;color:#444;border-bottom:1px solid #eee;transition:background-color .2s ease}.menu-panel{position:absolute;top:0;left:250px;width:100%;height:100%;background:#fff;transform:translate(100%);transition:transform .3s ease;z-index:1}.menu-panel.active{transform:translate(0);z-index:2}.menu-panel.back{transform:translate(-100%);z-index:0}.menu-panel .back-button{display:block;padding:15px 20px;font-size:14px;color:#e67e22;background-color:#f5f5f5;cursor:pointer;border-bottom:1px solid #ddd}.mcd-menu li ul li a{padding:12px 20px;display:block;color:#555;font-size:14px;text-align:left;border-bottom:1px solid #eee}.mcd-menu li>a:hover,.mcd-menu li ul li a:hover,.mcd-menu li ul li ul li a:hover{color:#e67e22;background-color:#f9f9f9;font-weight:700}.mcd-menu li a.active{color:#e67e22;border-left:4px solid #e67e22;margin:0 -4px;box-shadow:0 0 5px #ddd}@keyframes moveFromTop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes moveFromLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes moveFromRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mcd-menu li>a i,.mcd-menu li>a strong,.mcd-menu li>a small{transition:all .3s ease}.mcd-menu li:hover>a i{animation:moveFromTop .3s ease forwards}.mcd-menu li:hover>a strong{animation:moveFromLeft .3s ease forwards}.mcd-menu li:hover>a small{animation:moveFromRight .3s ease forwards}.drawer::-webkit-scrollbar{width:6px}.drawer::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}@media (max-width: 768px){.drawer{width:250px}.mcd-menu{width:230px}}.mcd-menu ul{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fff;position:relative;box-shadow:none}.mcd-menu li.open>ul{max-height:1000px;overflow:visible}.mcd-menu ul li a{padding-left:40px;border-bottom:1px solid #eee}.mcd-menu ul ul{position:relative;max-height:none;overflow:visible}.mcd-menu ul ul ul{position:absolute;top:0;left:100%;width:250px;height:100%;background:#fff;box-shadow:2px 0 8px #00000026;transform:translate(100%);transition:transform .3s ease;z-index:100;overflow-y:auto}.mcd-menu ul ul li.open>ul{transform:translate(0)}.mcd-menu ul ul ul li a{padding-left:20px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/style-menu-draw.css.map */