.storefront-editor-header{padding:10px 40px 10px 16px;background:var(--background,#fff);-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);border-bottom:1px solid var(--border,#e4e4e7);position:sticky;top:0;z-index:100}.editor-header-left span{font-weight:600;font-size:20px;line-height:30px;text-transform:capitalize;color:var(--muted-foreground,#71717a)}.editor-header-left button{background:#fff;border:1px solid #e3e8ef;border-radius:4px}.editor-preview-mode{background:var(--background,#fff);border-radius:4px;border:1px solid var(--border,#e4e4e7)}.editor-preview-mode li{padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.editor-preview-mode .active{background:#fef2d4;color:#ffb822;border-radius:4px}.storefront-editor-menu{width:73px;height:auto;padding:24px 8px;margin-top:1px;background:var(--background,#fff);border-right:1px solid var(--border,#e4e4e7)}.storefront-editor-menu a{color:var(--muted-foreground,#71717a);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 4px;width:100%}.storefront-editor-menu .active,.storefront-editor-menu a:hover{color:#0098da;text-decoration:none;background:rgba(0,152,218,.1);border-radius:4px}.storefront-editor-menu span{font-weight:400;font-size:12px;line-height:18px}.preview-editor-wrapper{padding:12px 12px;overflow:scroll;margin-left:auto;margin-right:auto}.preview-storefront-editor{border:0;width:100%;height:90vh;position:relative;z-index:50}.preview-loader{position:absolute;z-index:1;left:50%;top:50%}.preview-loader h1{font-size:1.5rem}.storefront-editor-panel{margin-top:1px;width:100%;overflow-x:hidden;overflow-y:scroll;background:var(--background,#fff)}.panel-editor-wrapper{height:calc(100vh - 62px);overflow:hidden}