.easysite-ecom-off-canvas{--sb-light-color:rgba(0, 0, 0, 0.3);--sb-dark-color:rgba(0, 0, 0, 0.5);z-index:1000;position:relative;padding:0;margin:0}body:not(.esl-is-frontend) .easysite-ecom-off-canvas:not(.ecom-hide-panel){top:0;left:0;position:fixed;width:100%;height:100%}.ecom-oc-panel{background-color:#fff;display:flex;height:100%;flex-direction:column;position:fixed;top:0;overflow-x:hidden;pointer-events:auto;z-index:10;-webkit-transition:-webkit-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);-o-transition:-o-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);-moz-transition:-moz-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);transition:transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1)}.ecom-ocp-right .ecom-oc-panel{left:auto;right:0;width:300px}.ecom-ocp-left .ecom-oc-panel{left:0;right:auto;width:300px}.ecom-ocp-top .ecom-oc-panel{left:0;bottom:auto;height:300px;width:100%}.ecom-ocp-bottom .ecom-oc-panel{left:0;bottom:0;top:auto;height:300px;width:100%}.ecom-push-content .ecom-oc-panel{height:100vh;overflow-y:auto}.easysite-ecom-off-canvas.eslcms-draggable.esl-highlight-element,.easysite-ecom-off-canvas.eslcms-draggable.is-empty{min-height:auto;min-width:auto;outline:0;outline-offset:0px}.easysite-ecom-off-canvas.esl-highlight-element .ecom-oc-panel{outline:2px solid var(--engine-color-element)!important;outline-offset:-2px}.ecom-hide-panel.ecom-ocp-left:not(.ecom-push-content) .ecom-oc-panel{-webkit-transform:translate(-130%,0);-o-transform:translate(-130%,0);-moz-transform:translate(-130%,0);transform:translate(-130%,0)}.ecom-hide-panel.ecom-ocp-right:not(.ecom-push-content) .ecom-oc-panel{-webkit-transform:translate(130%,0);-o-transform:translate(130%,0);-moz-transform:translate(130%,0);transform:translate(130%,0)}.ecom-hide-panel.ecom-ocp-top:not(.ecom-push-content) .ecom-oc-panel{-webkit-transform:translate(0,-130%);-o-transform:translate(0,-130%);-moz-transform:translate(0,-130%);transform:translate(0,-130%)}.ecom-hide-panel.ecom-ocp-bottom:not(.ecom-push-content) .ecom-oc-panel{-webkit-transform:translate(0,130%);-o-transform:translate(0,130%);-moz-transform:translate(0,130%);transform:translate(0,130%)}.easysite-ecom-off-canvas.editing,.easysite-ecom-off-canvas:not(.ecom-hide-panel):not(.ecom-push-content) .ecom-oc-panel{-webkit-transform:none!important;-ms-transform:none!important;-moz-transform:none!important;transform:none!important}.easysite-ecom-off-canvas.ecom-hide-panel .ecom-oc-panel{box-shadow:none!important}.ecom-ocp-left.ecom-push-content .ecom-oc-panel{-webkit-transform:translate(-100%,0);-o-transform:translate(-100%,0);-moz-transform:translate(-100%,0);transform:translate(-100%,0)}.ecom-ocp-right.ecom-push-content .ecom-oc-panel{-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);-moz-transform:translate(100%,0);transform:translate(100%,0)}.ecom-ocp-top.ecom-push-content .ecom-oc-panel{-webkit-transform:translate(0,-100%);-o-transform:translate(0,-100%);-moz-transform:translate(0,-100%);transform:translate(0,-100%)}.ecom-ocp-bottom.ecom-push-content .ecom-oc-panel{-webkit-transform:translate(0,100%);-o-transform:translate(0,100%);-moz-transform:translate(0,100%);transform:translate(0,100%)}.ecom-hide-panel.ecom-push-content{opacity:0}.ecom-ocp-backdrop{background-color:rgba(0,0,0,.5);height:100%;top:0;left:0;right:0;bottom:0;position:fixed;pointer-events:auto;opacity:0;visibility:hidden;-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);-o-transition:.5s cubic-bezier(.77, 0, .175, 1);-moz-transition:.5s cubic-bezier(.77, 0, .175, 1);transition:.5s cubic-bezier(.77, 0, .175, 1);width:100%;z-index:9}.easysite-ecom-off-canvas:not(.ecom-hide-panel) .ecom-ocp-backdrop{opacity:1;visibility:visible}.ecom-customize-sb .ecom-oc-panel::-webkit-scrollbar{width:6px}.ecom-customize-sb .ecom-oc-panel::-webkit-scrollbar-track{background-color:var(--sb-light-color);border-radius:0}.ecom-customize-sb .ecom-oc-panel::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--sb-dark-color)}body.ecom-disable-scroll{margin:0;overflow:hidden}.hide-wp-admin-bar,.ocp-hide-on-page-load .ecom-ocp-backdrop{display:none}.ecom-remove-spacing{margin:0!important;top:0!important;padding:0!important}.easysite-ecom-off-canvas .esl-preview-element-spacing{z-index:10000000!important}