.socm-container{position:relative;display:inline-block}.socm-trigger{padding:10px;background:transparent;border:none;cursor:pointer;height:44px;position:relative;z-index:99999}.socm-trigger-icon{display:block;width:24px;height:2px;background:#fff;position:relative;transition:background 0.3s}.socm-trigger-icon:before,.socm-trigger-icon:after{content:"";width:24px;height:2px;background:#fff;position:absolute;left:0;transition:transform 0.3s}.socm-trigger-icon:before{top:-6px}.socm-trigger-icon:after{bottom:-6px}.socm-menu.active .socm-trigger-icon{background:transparent}.socm-menu.active .socm-trigger-icon:before{transform:rotate(45deg);top:0}.socm-menu.active .socm-trigger-icon:after{transform:rotate(-45deg);bottom:0}.socm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity 0.3s;z-index:99998}.socm-overlay.active{opacity:1;visibility:visible}.socm-menu{position:fixed;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:transform 0.3s ease-in-out;z-index:99999;visibility:hidden}@media (min-width:768px){.socm-menu{left:-400px;width:400px}}.socm-menu.active{transform:translateX(100%);visibility:visible}.socm-menu-content{position:relative;height:100%;overflow:hidden}.socm-level-indicator{display:inline-block;background:#f44336;color:#fff;padding:4px 12px;font-size:14px;font-weight:500;border-radius:4px;margin:15px 20px}.socm-menu-title{font-size:24px;font-weight:500;padding:0 20px 15px;margin:0;color:#333}.socm-menu-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translateX(100%);transition:transform 0.3s ease-in-out;visibility:hidden;overflow-y:auto}.socm-menu-panel.active{transform:translateX(0);visibility:visible}#socm-main-panel{transform:translateX(0);visibility:visible}.socm-menu-list{list-style:none;margin:0;padding:0 20px}.socm-menu-item{margin:0;padding:0;border-bottom:1px solid #eee;display:flex;align-items:center}.socm-menu-link{flex:1;padding:15px 0;color:#333;text-decoration:none;font-size:12px}.socm-menu-arrow{padding:15px 15px 15px 15px;color:#999;font-size:16px;cursor:pointer}.socm-back-button{display:block;padding:15px 20px;margin:0;background:none;border:none;border-bottom:1px solid #eee;width:100%;text-align:left;font-size:16px;color:#333;cursor:pointer;position:relative}.socm-back-button:before{content:"←";margin-right:10px;font-size:20px}.admin-bar .socm-menu{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .socm-menu{height:calc(100% - 46px);top:46px}}body.socm-menu-open{overflow:hidden}