@bigbinary/neeto-themes-frontend 4.0.16 → 4.0.17

package/dist/cjs/NeetoThemesBuilder.js

@@ -9,7 +9,7 @@ var reactI18next = require('react-i18next');
 var utils = require('../index-BP-ka0mC.js');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var useThemeUtils = require('../useThemeUtils-Dc_sN2SE.js');
+var useExpandedSection = require('../useExpandedSection-DvbcFXMx.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
@@ -33,6 +33,8 @@ var i18n = require('i18next');
 var Right = require('@bigbinary/neeto-icons/Right');
 var Left = require('@bigbinary/neeto-icons/Left');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var reactDom = require('react-dom');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
 var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
 var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
@@ -46,11 +48,14 @@ var ImageUploader = require('@bigbinary/neeto-image-uploader-frontend/ImageUploa
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var Input$1 = require('@bigbinary/neetoui/formik/Input');
 var Search = require('@bigbinary/neeto-molecules/Search');
-var Rating = require('@bigbinary/neeto-icons/Rating');
+var AddImage = require('@bigbinary/neeto-icons/AddImage');
+var CodeBlock = require('@bigbinary/neeto-icons/CodeBlock');
+var ColorPicker$1 = require('@bigbinary/neeto-icons/ColorPicker');
+var Image = require('@bigbinary/neeto-icons/Image');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
-var Plus = require('@bigbinary/neeto-icons/Plus');
 var RightArrow = require('@bigbinary/neeto-icons/RightArrow');
+var Search$1 = require('@bigbinary/neeto-icons/Search');
 require('zustand');
 require('yup');
 
@@ -63,7 +68,7 @@ var entitiesApi = {
 
 var useShowThemeEntity = function useShowThemeEntity(entityId) {
   return reactQuery.useQuery({
-    queryKey: [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS, entityId],
+    queryKey: [useExpandedSection.QUERY_KEYS.THEME_ENTITY_DETAILS, entityId],
     queryFn: function queryFn() {
       return entitiesApi.show(entityId);
     },
@@ -73,7 +78,7 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ":root{--themes-sidebar-expanded:520px;--themes-sidebar-width-xl:340px;--themes-sidebar-width-lg:320px;--themes-sidebar-width-sm:280px;--themes-sidebar-header-height:120px;--builder-header-height:65px}.neeto-themes__wrapper{display:flex;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;inset-inline-start:0;padding-top:1.5rem;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important;width:var(--themes-sidebar-expanded)!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px;width:var(--themes-sidebar-width-sm)}}@media screen and (min-width:768px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px;width:var(--themes-sidebar-width-lg)}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px;width:var(--themes-sidebar-width-xl)}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:6.8125rem}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{inset-inline-end:auto;inset-inline-start:.5rem}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:.5rem;padding-top:1rem}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(var(--viewport-height, 100vh) - var(--themes-sidebar-header-height));overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px);height:calc(var(--viewport-height, 100vh) - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));position:relative}.neeto-themes-theme-thumbnail:hover{box-shadow:0 0 0 2px rgb(var(--neeto-ui-gray-200))}.neeto-themes-theme-thumbnail:hover .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--preview-active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-accent-500))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-accent-500))!important}.neeto-themes-theme-thumbnail--active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-theme-thumbnail__active-label{--neeto-ui-btn-focus-box-shadow:none}.neeto-themes-theme-thumbnail__active-label,.neeto-themes-theme-thumbnail__apply-btn,.neeto-themes-theme-thumbnail__preview-btn{max-width:100%;width:8.125rem}.neeto-themes-theme-thumbnail__preview-btn--disabled{--neeto-ui-btn-color:rgb(var(--neeto-ui-gray-300));--neeto-ui-btn-box-shadow:inset 0 0 0 1px rgba(var(--neeto-ui-gray-300))}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-start-end-radius:var(--neeto-ui-rounded-lg);border-start-start-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-end-end-radius:var(--neeto-ui-rounded-lg);border-end-start-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;inset-inline-start:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;inset-inline-start:calc(100% + .5rem);position:absolute;top:.5rem;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{inset-inline-end:1.5rem;inset-inline-start:auto}}.neeto-themes-nano-alignment-block{border-radius:.375rem}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:0.75rem!important}.neeto-themes-nano-alignment-button__alignment-left{border-end-end-radius:0!important;border-start-end-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-end-start-radius:0!important;border-start-start-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:2rem;width:.0625rem}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:.25rem;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}.neeto-themes-nano-global-theme-icon{fill:rgb(var(--neeto-ui-warning-100));color:rgb(var(--neeto-ui-warning-500))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy90aGVtZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0UsK0JBQWdDLENBQ2hDLCtCQUFnQyxDQUNoQywrQkFBZ0MsQ0FDaEMsK0JBQWdDLENBQ2hDLG9DQUFxQyxDQUNyQyw0QkFDRixDQ1BBLHVCQUVFLFlBQWEsQ0FDYix5QkFBMEUsQ0FBMUUseUVBQTBFLENBRjFFLFVBR0YsQ0FFQSw2Q0FHRSwyQ0FBNEMsQ0FENUMsV0FBWSxDQUlaLG9CQUFxQixDQUdyQixrQkFBbUIsQ0FMbkIsY0FBZSxDQUNmLEtBQU0sQ0FFTixlQUFnQixDQU5oQixVQUFXLENBT1gsV0FFRixDQUVBLHVEQUVFLGNBQWUsQ0FEZixxQkFBZ0QsQ0FBaEQsOENBRUYsQ0FFQSxvQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsb0NBQ0UsNkNBR0UseUJBQTBFLENBQTFFLHlFQUEwRSxDQUYxRSxhQUFjLENBQ2QsaUJBRUYsQ0FDRixDQUVBLHFDQUNFLDZDQUNFLFdBQXFDLENBQXJDLG9DQUNGLENBQ0YsQ0FFQSxxQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsd0RBRUUsV0FBZSxDQUNmLFdBQWUsQ0FGZixPQUdGLENBRUEsdUZBQ0UsbUJBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxhQUNGLENBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxxQkFBc0IsQ0FDdEIsd0JBQ0YsQ0FDRixDQUVBLHNGQUNFLFlBQ0YsQ0FFQSwyRUFFRSxvQkFBc0IsQ0FEdEIsZ0JBRUYsQ0FFQSwyRUFHRSxZQUFhLENBQ2IscUJBQXNCLENBSHRCLDBCQUFpRixDQUFqRixnRkFBaUYsQ0FDakYsZUFHRixDQUVBLDRJQUNFLFlBQ0YsQ0FFQSxvREFDRSwwQkFBbUQsQ0FBbkQsa0RBQ0YsQ0FFQSxtREFDRSxZQUNGLENBRUEsc0RBR0UsV0FBWSxDQURaLHlCQUEwRSxDQUExRSx5RUFBMEUsQ0FEMUUsaUJBR0YsQ0FFQSxvQ0FDRSxrREFDRixDQUVBLDJFQUNFLFVBQ0YsQ0FFQSw4Q0FDRSxvREFBc0QsQ0FFdEQseUJBQTJCLENBRDNCLHlEQUVGLENBRUEscUZBQ0UsVUFDRixDQUVBLHNDQUNFLHNEQUF3RCxDQUV4RCx5QkFBMkIsQ0FEM0IsMkRBRUYsQ0FFQSw2RUFDRSxVQUNGLENBRUEsZ0RBQ0Usb0RBQXNELENBRXRELHlCQUEyQixDQUQzQix5REFFRixDQUVBLHFHQUVFLG1CQUNGLENBRUEsNENBQ0Usb0NBQ0YsQ0FFQSxnSUFJRSxjQUFlLENBRGYsY0FFRixDQUVBLHFEQUNFLGtEQUFtRCxDQUNuRCx3RUFDRixDQUVBLGdEQUVFLHdCQUF5QixDQUV6QixrREFBbUQsQ0FEbkQsb0RBQXFELENBRnJELFlBSUYsQ0FFQSxvQ0FDRSxnREFDRSxZQUNGLENBQ0YsQ0FFQSwyRUFHRSxnREFBaUQsQ0FEakQsa0RBRUYsQ0FFQSxxRUFDRSx5QkFDRixDQUVBLGdDQU1FLCtDQUFrRCxDQUNsRCxZQUFhLENBRmIsV0FBWSxDQUZaLG9CQUFxQixDQUZyQixjQUFlLENBQ2YsS0FBTSxDQU1OLGlCQUFrQixDQUpsQixVQUFXLENBS1gsV0FDRixDQUVBLG9DQUNFLGdDQUNFLGFBQWMsQ0FDZCxrQkFDRixDQUNGLENBRUEsK0JBSUUsYUFBYyxDQURkLHFDQUF1QyxDQUZ2QyxpQkFBa0IsQ0FDbEIsU0FBVyxDQUdYLGdDQUNGLENBRUEscUNBQ0UsK0JBQ0UsU0FBVSxDQUNWLG1CQUNGLENBQ0YsQ0FFQSxvQ0FDRSwrQkFFRSx1QkFBd0IsQ0FEeEIsdUJBRUYsQ0FDRixDQUVBLG1DQUNFLHFCQUNGLENBRUEsb0NBQ0UsMENBQ0YsQ0FFQSxvREFFRSxpQ0FBcUMsQ0FEckMsbUNBRUYsQ0FFQSxzREFFRSxtQ0FBdUMsQ0FEdkMscUNBRUYsQ0FFQSxnRUFDRSxrRUFBb0UsQ0FDcEUsd0VBQ0YsQ0FFQSxxQ0FHRSx3Q0FBeUMsQ0FEekMsV0FBWSxDQURaLGNBR0YsQ0FFQSwwQ0FDRSxpQkFBa0IsQ0FDbEIsU0FBVSxDQUVWLGtCQUFvQixDQURwQixrQkFFRixDQUVBLDRDQUNFLFlBQWUsQ0FDZixTQUFVLENBQ1YsaUJBQ0YsQ0FFQSxnREFDRSwwREFDRixDQUVBLHFDQUVFLHFDQUFzQyxDQUR0QyxzQ0FFRiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS10aGVtZXMtc2lkZWJhci1leHBhbmRlZDogNTIwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGw6IDM0MHB4O1xuICAtLXRoZW1lcy1zaWRlYmFyLXdpZHRoLWxnOiAzMjBweDtcbiAgLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbTogMjgwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItaGVhZGVyLWhlaWdodDogMTIwcHg7XG4gIC0tYnVpbGRlci1oZWFkZXItaGVpZ2h0OiA2NXB4O1xufVxuIiwiLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbiAgei1pbmRleDogMTAyO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tZXhwYW5kZWQge1xuICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItZXhwYW5kZWQpICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTc2cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1sZyk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGwpO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQge1xuICB3aWR0aDogMHJlbTtcbiAgbWF4LXdpZHRoOiAwcmVtO1xuICBtaW4td2lkdGg6IDByZW07XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICB0b3A6IDYuODEyNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogYXV0bztcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS10aGVtZXMtc2lkZWJhci1oZWFkZXItaGVpZ2h0KSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5jc3MtZWRpdG9yLWhlaWdodF9fZXhwYW5kZWQge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSAzMDBweCk7XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLmNzcy1lZGl0b3ItaGVpZ2h0X19yZWd1bGFyIHtcbiAgaGVpZ2h0OiAzODRweDtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYyh2YXIoLS12aWV3cG9ydC1oZWlnaHQsIDEwMHZoKSAtIHZhcigtLWJ1aWxkZXItaGVhZGVyLWhlaWdodCkpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMnB4IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbDpob3ZlciAubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fb3ZlcmxheSB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUgLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX292ZXJsYXkge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19vdmVybGF5IHtcbiAgb3BhY2l0eTogMC42O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bjpkaXNhYmxlZCxcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYWN0aXZlLWxhYmVsIHtcbiAgLS1uZWV0by11aS1idG4tZm9jdXMtYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLFxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bixcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtbGFiZWwge1xuICB3aWR0aDogOC4xMjVyZW07XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLS1kaXNhYmxlZCB7XG4gIC0tbmVldG8tdWktYnRuLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgLS1uZWV0by11aS1idG4tYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLWVkaXRvci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3MtZWRpdG9yLWhlYWRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXIgLm92ZXJmbG93LWd1YXJkLFxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5tb25hY28tZWRpdG9yIHtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3Mtd3JhcHBlciAubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbiB7XG4gIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktYmxhY2spLCAwLjQpO1xuICBkaXNwbGF5OiBub25lO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX3RvZ2dsZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC41cmVtO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGMoMTAwJSArIDAuNXJlbSk7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDEuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJsb2NrIHtcbiAgYm9yZGVyLXJhZGl1czogMC4zNzVyZW07XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAwLjc1cmVtICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uX19hbGlnbm1lbnQtbGVmdCB7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWFsaWdubWVudC1idXR0b25fX2FsaWdubWVudC1jZW50ZXIge1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJ1dHRvbi5uZWV0by11aS1idG4tLXN0eWxlLXByaW1hcnkge1xuICAtLW5lZXRvLXVpLWJ0bi1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgLS1uZWV0by11aS1idG4taG92ZXItYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtZGl2aWRlciB7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGhlaWdodDogMnJlbTtcbiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1zZWN0aW9uX19jb250ZW50LS1vcGVuIHtcbiAgbWF4LWhlaWdodDogMTUwMHB4O1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBwYWRkaW5nLXRvcDogMC4yNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX2NvbnRlbnQtLWNsb3NlZCB7XG4gIG1heC1oZWlnaHQ6IDBweDtcbiAgb3BhY2l0eTogMDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSwgMTUlKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWdsb2JhbC10aGVtZS1pY29uIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13YXJuaW5nLTUwMCkpO1xuICBmaWxsOiByZ2IodmFyKC0tbmVldG8tdWktd2FybmluZy0xMDApKTtcbn1cbiJdfQ== */";
+var css = ":root{--themes-sidebar-expanded:520px;--themes-sidebar-width-xl:340px;--themes-sidebar-width-lg:320px;--themes-sidebar-width-sm:280px;--themes-sidebar-header-height:120px;--builder-header-height:65px}.neeto-themes__wrapper{display:flex;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;inset-inline-start:0;padding-top:1.5rem;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important;width:var(--themes-sidebar-expanded)!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px;width:var(--themes-sidebar-width-sm)}}@media screen and (min-width:768px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px;width:var(--themes-sidebar-width-lg)}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px;width:var(--themes-sidebar-width-xl)}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:6.8125rem}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{inset-inline-end:auto;inset-inline-start:.5rem}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:.5rem;padding-top:1rem}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(var(--viewport-height, 100vh) - var(--themes-sidebar-header-height));overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px);height:calc(var(--viewport-height, 100vh) - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));position:relative}.neeto-themes-theme-thumbnail:hover{box-shadow:0 0 0 2px rgb(var(--neeto-ui-gray-200))}.neeto-themes-theme-thumbnail:hover .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--preview-active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-accent-500))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-accent-500))!important}.neeto-themes-theme-thumbnail--active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-theme-thumbnail__active-label{--neeto-ui-btn-focus-box-shadow:none}.neeto-themes-theme-thumbnail__active-label,.neeto-themes-theme-thumbnail__apply-btn,.neeto-themes-theme-thumbnail__preview-btn{max-width:100%;width:8.125rem}.neeto-themes-theme-thumbnail__preview-btn--disabled{--neeto-ui-btn-color:rgb(var(--neeto-ui-gray-300));--neeto-ui-btn-box-shadow:inset 0 0 0 1px rgba(var(--neeto-ui-gray-300))}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-start-end-radius:var(--neeto-ui-rounded-lg);border-start-start-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-end-end-radius:var(--neeto-ui-rounded-lg);border-end-start-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;inset-inline-start:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;inset-inline-start:calc(100% + .5rem);position:absolute;top:.5rem;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{inset-inline-end:1.5rem;inset-inline-start:auto}}.neeto-themes-nano-alignment-block{border-radius:.375rem}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:0.75rem!important}.neeto-themes-nano-alignment-button__alignment-left{border-end-end-radius:0!important;border-start-end-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-end-start-radius:0!important;border-start-start-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:2rem;width:.0625rem}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:.25rem;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}.neeto-themes-flip-animating{transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.neeto-themes-theme-thumbnail__active-banner{background-color:rgb(var(--neeto-ui-primary-500));color:rgb(var(--neeto-ui-white))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy90aGVtZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0UsK0JBQWdDLENBQ2hDLCtCQUFnQyxDQUNoQywrQkFBZ0MsQ0FDaEMsK0JBQWdDLENBQ2hDLG9DQUFxQyxDQUNyQyw0QkFDRixDQ1BBLHVCQUVFLFlBQWEsQ0FDYix5QkFBMEUsQ0FBMUUseUVBQTBFLENBRjFFLFVBR0YsQ0FFQSw2Q0FHRSwyQ0FBNEMsQ0FENUMsV0FBWSxDQUlaLG9CQUFxQixDQUdyQixrQkFBbUIsQ0FMbkIsY0FBZSxDQUNmLEtBQU0sQ0FFTixlQUFnQixDQU5oQixVQUFXLENBT1gsV0FFRixDQUVBLHVEQUVFLGNBQWUsQ0FEZixxQkFBZ0QsQ0FBaEQsOENBRUYsQ0FFQSxvQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsb0NBQ0UsNkNBR0UseUJBQTBFLENBQTFFLHlFQUEwRSxDQUYxRSxhQUFjLENBQ2QsaUJBRUYsQ0FDRixDQUVBLHFDQUNFLDZDQUNFLFdBQXFDLENBQXJDLG9DQUNGLENBQ0YsQ0FFQSxxQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsd0RBRUUsV0FBZSxDQUNmLFdBQWUsQ0FGZixPQUdGLENBRUEsdUZBQ0UsbUJBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxhQUNGLENBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxxQkFBc0IsQ0FDdEIsd0JBQ0YsQ0FDRixDQUVBLHNGQUNFLFlBQ0YsQ0FFQSwyRUFFRSxvQkFBc0IsQ0FEdEIsZ0JBRUYsQ0FFQSwyRUFHRSxZQUFhLENBQ2IscUJBQXNCLENBSHRCLDBCQUFpRixDQUFqRixnRkFBaUYsQ0FDakYsZUFHRixDQUVBLDRJQUNFLFlBQ0YsQ0FFQSxvREFDRSwwQkFBbUQsQ0FBbkQsa0RBQ0YsQ0FFQSxtREFDRSxZQUNGLENBRUEsc0RBR0UsV0FBWSxDQURaLHlCQUEwRSxDQUExRSx5RUFBMEUsQ0FEMUUsaUJBR0YsQ0FFQSxvQ0FDRSxrREFDRixDQUVBLDJFQUNFLFVBQ0YsQ0FFQSw4Q0FDRSxvREFBc0QsQ0FFdEQseUJBQTJCLENBRDNCLHlEQUVGLENBRUEscUZBQ0UsVUFDRixDQUVBLHNDQUNFLHNEQUF3RCxDQUV4RCx5QkFBMkIsQ0FEM0IsMkRBRUYsQ0FFQSw2RUFDRSxVQUNGLENBRUEsZ0RBQ0Usb0RBQXNELENBRXRELHlCQUEyQixDQUQzQix5REFFRixDQUVBLHFHQUVFLG1CQUNGLENBRUEsNENBQ0Usb0NBQ0YsQ0FFQSxnSUFJRSxjQUFlLENBRGYsY0FFRixDQUVBLHFEQUNFLGtEQUFtRCxDQUNuRCx3RUFDRixDQUVBLGdEQUVFLHdCQUF5QixDQUV6QixrREFBbUQsQ0FEbkQsb0RBQXFELENBRnJELFlBSUYsQ0FFQSxvQ0FDRSxnREFDRSxZQUNGLENBQ0YsQ0FFQSwyRUFHRSxnREFBaUQsQ0FEakQsa0RBRUYsQ0FFQSxxRUFDRSx5QkFDRixDQUVBLGdDQU1FLCtDQUFrRCxDQUNsRCxZQUFhLENBRmIsV0FBWSxDQUZaLG9CQUFxQixDQUZyQixjQUFlLENBQ2YsS0FBTSxDQU1OLGlCQUFrQixDQUpsQixVQUFXLENBS1gsV0FDRixDQUVBLG9DQUNFLGdDQUNFLGFBQWMsQ0FDZCxrQkFDRixDQUNGLENBRUEsK0JBSUUsYUFBYyxDQURkLHFDQUF1QyxDQUZ2QyxpQkFBa0IsQ0FDbEIsU0FBVyxDQUdYLGdDQUNGLENBRUEscUNBQ0UsK0JBQ0UsU0FBVSxDQUNWLG1CQUNGLENBQ0YsQ0FFQSxvQ0FDRSwrQkFFRSx1QkFBd0IsQ0FEeEIsdUJBRUYsQ0FDRixDQUVBLG1DQUNFLHFCQUNGLENBRUEsb0NBQ0UsMENBQ0YsQ0FFQSxvREFFRSxpQ0FBcUMsQ0FEckMsbUNBRUYsQ0FFQSxzREFFRSxtQ0FBdUMsQ0FEdkMscUNBRUYsQ0FFQSxnRUFDRSxrRUFBb0UsQ0FDcEUsd0VBQ0YsQ0FFQSxxQ0FHRSx3Q0FBeUMsQ0FEekMsV0FBWSxDQURaLGNBR0YsQ0FFQSwwQ0FDRSxpQkFBa0IsQ0FDbEIsU0FBVSxDQUVWLGtCQUFvQixDQURwQixrQkFFRixDQUVBLDRDQUNFLFlBQWUsQ0FDZixTQUFVLENBQ1YsaUJBQ0YsQ0FFQSxnREFDRSwwREFDRixDQUVBLDZCQUNFLGtEQUEwRCxDQUMxRCxxQkFDRixDQUVBLDZDQUNFLGlEQUFrRCxDQUNsRCxnQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS10aGVtZXMtc2lkZWJhci1leHBhbmRlZDogNTIwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGw6IDM0MHB4O1xuICAtLXRoZW1lcy1zaWRlYmFyLXdpZHRoLWxnOiAzMjBweDtcbiAgLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbTogMjgwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItaGVhZGVyLWhlaWdodDogMTIwcHg7XG4gIC0tYnVpbGRlci1oZWFkZXItaGVpZ2h0OiA2NXB4O1xufVxuIiwiLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbiAgei1pbmRleDogMTAyO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tZXhwYW5kZWQge1xuICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItZXhwYW5kZWQpICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTc2cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1sZyk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGwpO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQge1xuICB3aWR0aDogMHJlbTtcbiAgbWF4LXdpZHRoOiAwcmVtO1xuICBtaW4td2lkdGg6IDByZW07XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICB0b3A6IDYuODEyNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogYXV0bztcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS10aGVtZXMtc2lkZWJhci1oZWFkZXItaGVpZ2h0KSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5jc3MtZWRpdG9yLWhlaWdodF9fZXhwYW5kZWQge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSAzMDBweCk7XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLmNzcy1lZGl0b3ItaGVpZ2h0X19yZWd1bGFyIHtcbiAgaGVpZ2h0OiAzODRweDtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYyh2YXIoLS12aWV3cG9ydC1oZWlnaHQsIDEwMHZoKSAtIHZhcigtLWJ1aWxkZXItaGVhZGVyLWhlaWdodCkpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMnB4IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbDpob3ZlciAubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fb3ZlcmxheSB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUgLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX292ZXJsYXkge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19vdmVybGF5IHtcbiAgb3BhY2l0eTogMC42O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bjpkaXNhYmxlZCxcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYWN0aXZlLWxhYmVsIHtcbiAgLS1uZWV0by11aS1idG4tZm9jdXMtYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLFxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bixcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtbGFiZWwge1xuICB3aWR0aDogOC4xMjVyZW07XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLS1kaXNhYmxlZCB7XG4gIC0tbmVldG8tdWktYnRuLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgLS1uZWV0by11aS1idG4tYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLWVkaXRvci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3MtZWRpdG9yLWhlYWRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXIgLm92ZXJmbG93LWd1YXJkLFxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5tb25hY28tZWRpdG9yIHtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3Mtd3JhcHBlciAubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbiB7XG4gIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktYmxhY2spLCAwLjQpO1xuICBkaXNwbGF5OiBub25lO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX3RvZ2dsZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC41cmVtO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGMoMTAwJSArIDAuNXJlbSk7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDEuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJsb2NrIHtcbiAgYm9yZGVyLXJhZGl1czogMC4zNzVyZW07XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAwLjc1cmVtICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uX19hbGlnbm1lbnQtbGVmdCB7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWFsaWdubWVudC1idXR0b25fX2FsaWdubWVudC1jZW50ZXIge1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJ1dHRvbi5uZWV0by11aS1idG4tLXN0eWxlLXByaW1hcnkge1xuICAtLW5lZXRvLXVpLWJ0bi1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgLS1uZWV0by11aS1idG4taG92ZXItYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtZGl2aWRlciB7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGhlaWdodDogMnJlbTtcbiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1zZWN0aW9uX19jb250ZW50LS1vcGVuIHtcbiAgbWF4LWhlaWdodDogMTUwMHB4O1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBwYWRkaW5nLXRvcDogMC4yNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX2NvbnRlbnQtLWNsb3NlZCB7XG4gIG1heC1oZWlnaHQ6IDBweDtcbiAgb3BhY2l0eTogMDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSwgMTUlKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1mbGlwLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA5MDBtcyBjdWJpYy1iZXppZXIoMC4yMiwgMSwgMC4zNiwgMSk7XG4gIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtYmFubmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSk7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbn1cbiJdfQ== */";
 n(css,{});
 
 var _excluded$1 = ["themeId"];
@@ -97,19 +102,27 @@ var update = function update(_ref) {
     payload = _ref.payload;
   return axios.put("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id), {
     theme: payload
+  }, {
+    showToastr: false
   });
 };
 var destroy = function destroy(id) {
-  return axios["delete"]("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id));
+  return axios["delete"]("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id), {
+    showToastr: false
+  });
 };
 var clone = function clone(id) {
-  return axios.post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id, "/clone"));
+  return axios.post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(id, "/clone"), {}, {
+    showToastr: false
+  });
 };
 var apply = function apply(_ref2) {
   var themeId = _ref2.themeId,
     payload = _objectWithoutProperties(_ref2, _excluded$1);
   return axios.post("".concat(utils.BASE_URL, "/api/v1/themes/").concat(themeId, "/apply"), {
     entity: payload
+  }, {
+    showToastr: false
   });
 };
 var applyGlobalTheme = function applyGlobalTheme(_ref3) {
@@ -133,13 +146,13 @@ var themesApi = {
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useListThemes = function useListThemes(entityId) {
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         isTemplateThemesEnabled: store["isTemplateThemesEnabled"]
       };
     }, shallow.shallow),
     isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
-  var queryKey = isTemplateThemesEnabled ? [useThemeUtils.QUERY_KEYS.THEMES_LIST, entityId] : [useThemeUtils.QUERY_KEYS.THEMES_LIST];
+  var queryKey = isTemplateThemesEnabled ? [useExpandedSection.QUERY_KEYS.THEMES_LIST, entityId] : [useExpandedSection.QUERY_KEYS.THEMES_LIST];
   return reactQuery.useQuery({
     queryKey: queryKey,
     queryFn: function queryFn() {
@@ -149,7 +162,7 @@ var useListThemes = function useListThemes(entityId) {
 };
 var useFetchTheme = function useFetchTheme(themeId, options) {
   return reactQuery.useQuery(_objectSpread$5({
-    queryKey: [useThemeUtils.QUERY_KEYS.THEME_DETAILS, themeId],
+    queryKey: [useExpandedSection.QUERY_KEYS.THEME_DETAILS, themeId],
     queryFn: function queryFn() {
       return themesApi.show(themeId);
     }
@@ -157,7 +170,7 @@ var useFetchTheme = function useFetchTheme(themeId, options) {
 };
 var useCreateTheme = function useCreateTheme() {
   return reactUtils.useMutationWithInvalidation(themesApi.create, {
-    keysToInvalidate: [[useThemeUtils.QUERY_KEYS.THEMES_LIST], [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS], [useThemeUtils.QUERY_KEYS.GLOBAL_THEME_DETAILS]]
+    keysToInvalidate: [[useExpandedSection.QUERY_KEYS.THEMES_LIST], [useExpandedSection.QUERY_KEYS.THEME_ENTITY_DETAILS], [useExpandedSection.QUERY_KEYS.GLOBAL_THEME_DETAILS]]
   });
 };
 var useUpdateTheme = function useUpdateTheme(themeId) {
@@ -168,35 +181,30 @@ var useUpdateTheme = function useUpdateTheme(themeId) {
       payload: payload
     });
   }, {
-    keysToInvalidate: [[useThemeUtils.QUERY_KEYS.THEMES_LIST], [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS], [useThemeUtils.QUERY_KEYS.THEME_DETAILS, themeId], [useThemeUtils.QUERY_KEYS.GLOBAL_THEME_DETAILS]],
+    keysToInvalidate: [[useExpandedSection.QUERY_KEYS.THEMES_LIST], [useExpandedSection.QUERY_KEYS.THEME_ENTITY_DETAILS], [useExpandedSection.QUERY_KEYS.THEME_DETAILS, themeId], [useExpandedSection.QUERY_KEYS.GLOBAL_THEME_DETAILS]],
     onSuccess: function onSuccess(_ref) {
       var theme = _ref.theme;
-      queryClient.setQueryData([useThemeUtils.QUERY_KEYS.THEME_DETAILS, themeId], theme);
+      queryClient.setQueryData([useExpandedSection.QUERY_KEYS.THEME_DETAILS, themeId], theme);
     }
   });
 };
 var useDeleteTheme = function useDeleteTheme() {
   return reactUtils.useMutationWithInvalidation(themesApi.destroy, {
-    keysToInvalidate: [[useThemeUtils.QUERY_KEYS.THEMES_LIST], [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS]]
+    keysToInvalidate: [[useExpandedSection.QUERY_KEYS.THEMES_LIST], [useExpandedSection.QUERY_KEYS.THEME_ENTITY_DETAILS]]
   });
 };
 var useCloneTheme = function useCloneTheme() {
   return reactUtils.useMutationWithInvalidation(themesApi.clone, {
-    keysToInvalidate: [useThemeUtils.QUERY_KEYS.THEMES_LIST]
+    keysToInvalidate: [useExpandedSection.QUERY_KEYS.THEMES_LIST]
   });
 };
 var useApplyTheme = function useApplyTheme(_ref2) {
   var onSuccess = _ref2.onSuccess;
   return reactUtils.useMutationWithInvalidation(themesApi.apply, {
-    keysToInvalidate: [[useThemeUtils.QUERY_KEYS.THEMES_LIST], [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS]],
+    keysToInvalidate: [[useExpandedSection.QUERY_KEYS.THEMES_LIST], [useExpandedSection.QUERY_KEYS.THEME_ENTITY_DETAILS]],
     onSuccess: onSuccess
   });
 };
-var useApplyGlobalTheme = function useApplyGlobalTheme() {
-  return reactUtils.useMutationWithInvalidation(themesApi.applyGlobalTheme, {
-    keysToInvalidate: [[useThemeUtils.QUERY_KEYS.GLOBAL_THEME_DETAILS], [useThemeUtils.QUERY_KEYS.THEMES_LIST], [useThemeUtils.QUERY_KEYS.THEME_ENTITY_DETAILS]]
-  });
-};
 
 var routes = {
   themes: {
@@ -219,7 +227,7 @@ var globalThemesApi = {
 
 var useShowGlobalTheme = function useShowGlobalTheme(entityType) {
   return reactQuery.useQuery({
-    queryKey: [useThemeUtils.QUERY_KEYS.GLOBAL_THEME_DETAILS, entityType],
+    queryKey: [useExpandedSection.QUERY_KEYS.GLOBAL_THEME_DETAILS, entityType],
     queryFn: function queryFn() {
       return globalThemesApi.show(entityType);
     },
@@ -272,33 +280,26 @@ var Card$2 = function Card(_ref) {
     name = _ref.name,
     className = _ref.className,
     helpPopoverProps = _ref.helpPopoverProps,
-    required = _ref.required,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
-      return {
-        accordionOpenState: store["accordionOpenState"],
-        setAccordionOpenState: store["setAccordionOpenState"]
-      };
-    }, shallow.shallow),
-    accordionOpenState = _useConfigStore.accordionOpenState,
-    setAccordionOpenState = _useConfigStore.setAccordionOpenState;
+    required = _ref.required;
+  var _useExpandedSection = useExpandedSection.useExpandedSection(),
+    expandedSection = _useExpandedSection.expandedSection,
+    setExpandedSection = _useExpandedSection.setExpandedSection;
+  var isOpen = expandedSection === name;
   var isRTL = i18n.dir() === "rtl";
   var ToggleIcon = isRTL ? Left : Right;
+  var handleToggle = function handleToggle() {
+    return setExpandedSection(isOpen ? "" : name);
+  };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-testid": "theme-".concat(neetoCist.hyphenate(title), "-properties"),
     className: classnames("neeto-themes-nano-section neeto-ui-border-gray-200 border-b pt-2 transition-all duration-300 last:border-none", className, {
-      "pb-2": !accordionOpenState[name],
-      "pb-3": accordionOpenState[name],
-      "opacity-40": isDisabled
+      "pb-2": !isOpen,
+      "pb-3": isOpen
     }),
     children: [title && /*#__PURE__*/jsxRuntime.jsxs("button", {
       className: "neeto-themes-nano-section__title flex w-full cursor-pointer items-center justify-between px-1 py-2 focus:outline-none",
-      disabled: isDisabled,
       type: "button",
-      onClick: function onClick() {
-        return setAccordionOpenState(_objectSpread$4(_objectSpread$4({}, accordionOpenState), {}, _defineProperty({}, name, !accordionOpenState[name])));
-      },
+      onClick: handleToggle,
       children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
         className: "flex min-w-0 grow items-center gap-2 text-start",
         component: "span",
@@ -314,13 +315,13 @@ var Card$2 = function Card(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx(ToggleIcon, {
         size: 20,
         className: classnames("transition-all duration-300", {
-          "rotate-90 rtl:-rotate-90": accordionOpenState[name]
+          "rotate-90 rtl:-rotate-90": isOpen
         })
       })]
     }), children && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: classnames("neeto-themes-nano-section__content w-full space-y-3 overflow-hidden px-1 transition-all duration-300", {
-        "neeto-themes-nano-section__content--closed": !accordionOpenState[name],
-        "neeto-themes-nano-section__content--open pb-1": accordionOpenState[name]
+        "neeto-themes-nano-section__content--closed": !isOpen,
+        "neeto-themes-nano-section__content--open pb-1": isOpen
       }),
       children: children
     })]
@@ -356,6 +357,61 @@ var buildPathname = function buildPathname(route) {
   return "".concat(pathname).concat(route);
 };
 
+// FLIP: measure each theme card's position, apply the React update, then
+// transform every card back to its old spot and let a CSS transition glide
+// it to the new one. The animation itself is CSS (.neeto-themes-flip-animating).
+var animateThemeReorder = function animateThemeReorder(updateFn) {
+  var prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  var cards = _toConsumableArray(document.querySelectorAll("[data-flip-id]"));
+  var scrollContainer = document.querySelector(".neeto-themes-sidebar__scroll");
+  if (prefersReducedMotion || cards.length === 0) {
+    updateFn();
+    if (scrollContainer) scrollContainer.scrollTop = 0;
+    return;
+  }
+  var oldRects = new Map(cards.map(function (card) {
+    return [card.dataset.flipId, card.getBoundingClientRect()];
+  }));
+  reactDom.flushSync(updateFn);
+
+  // Move the viewport to the top — the applied theme is now the first card.
+  // The FLIP deltas below are measured after this, so the scroll is folded
+  // into the glide instead of showing as an instant jump.
+  if (scrollContainer) scrollContainer.scrollTop = 0;
+  var flips = _toConsumableArray(document.querySelectorAll("[data-flip-id]")).map(function (card) {
+    var oldRect = oldRects.get(card.dataset.flipId);
+    if (!oldRect) return null;
+    var newRect = card.getBoundingClientRect();
+    var dx = oldRect.left - newRect.left;
+    var dy = oldRect.top - newRect.top;
+    return dx || dy ? {
+      card: card,
+      dx: dx,
+      dy: dy
+    } : null;
+  }).filter(Boolean);
+  if (flips.length === 0) return;
+  flips.forEach(function (_ref) {
+    var card = _ref.card,
+      dx = _ref.dx,
+      dy = _ref.dy;
+    card.style.transform = "translate(".concat(dx, "px, ").concat(dy, "px)");
+  });
+
+  // Force a reflow so the starting transform is committed before animating.
+  document.body.offsetHeight;
+  flips.forEach(function (_ref2) {
+    var card = _ref2.card;
+    card.classList.add("neeto-themes-flip-animating");
+    card.style.transform = "";
+    card.addEventListener("transitionend", function () {
+      card.classList.remove("neeto-themes-flip-animating");
+    }, {
+      once: true
+    });
+  });
+};
+
 var CustomCSS = function CustomCSS(_ref) {
   var onEditCSSClick = _ref.onEditCSSClick,
     currentScreen = _ref.currentScreen,
@@ -366,18 +422,19 @@ var CustomCSS = function CustomCSS(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"],
-        accordionOpenState: store["accordionOpenState"],
         helpPopoverProps: store["helpPopoverProps"]
       };
     }, shallow.shallow),
     themePropertiesSchema = _useConfigStore.themePropertiesSchema,
-    accordionOpenState = _useConfigStore.accordionOpenState,
     helpPopoverProps = _useConfigStore.helpPopoverProps;
   var _helpPopoverProps$cus = helpPopoverProps.customCss,
     customCssHelpPopoverProps = _helpPopoverProps$cus === void 0 ? {} : _helpPopoverProps$cus;
+  var _useExpandedSection = useExpandedSection.useExpandedSection(),
+    expandedSection = _useExpandedSection.expandedSection;
+  var isExpanded = expandedSection === "customcss";
   var customCSS = neetoCist.findBy({
     kind: "custom_css"
   }, values.properties);
@@ -410,14 +467,13 @@ var CustomCSS = function CustomCSS(_ref) {
     className: "neeto-themes-sidebar__custom-css-wrapper",
     id: "css-editor",
     children: /*#__PURE__*/jsxRuntime.jsx(Card$2, {
-      isDisabled: !isEnabled,
       name: "customcss",
       helpPopoverProps: isEnabled ? customCssHelpPopoverProps : {
-        title: t("neetoThemes.common.proFeature.title"),
-        description: t("neetoThemes.common.proFeature.description")
+        title: t("neetoThemes.common.proFeature.customCSS.title"),
+        description: t("neetoThemes.common.proFeature.customCSS.description")
       },
       title: isCustomCssScreen ? "" : t("neetoThemes.build.leftSideBar.themes.customCSS"),
-      children: isEnabled && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: isEnabled ? /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "w-full",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "neeto-themes-sidebar__custom-css-editor-header w-full justify-end gap-1 rounded-b-none p-2",
@@ -427,11 +483,18 @@ var CustomCSS = function CustomCSS(_ref) {
             label: isCustomCssScreen ? t("neetoThemes.buttons.minimizeEditor") : t("neetoThemes.buttons.expandEditor"),
             onClick: handleEditorToggle
           })
-        }), accordionOpenState.customcss && /*#__PURE__*/jsxRuntime.jsx(Editor, {
+        }), isExpanded && /*#__PURE__*/jsxRuntime.jsx(Editor, {
           isCustomCssScreen: isCustomCssScreen,
           value: customCSS.value,
           onChange: handleChange
         })]
+      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "px-1 py-2",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          lineHeight: "normal",
+          style: "body2",
+          children: t("neetoThemes.common.proFeature.customCSS.description")
+        })
       })
     })
   });
@@ -926,13 +989,13 @@ var Properties = function Properties(_ref) {
   var onPropertiesChange = _ref.onPropertiesChange,
     condition = _ref.condition,
     themeId = _ref.themeId;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"]
       };
     }, shallow.shallow),
     themePropertiesSchema = _useConfigStore.themePropertiesSchema;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
       };
@@ -942,7 +1005,7 @@ var Properties = function Properties(_ref) {
     setFieldValue = _useFormikContext.setFieldValue,
     values = _useFormikContext.values,
     errors = _useFormikContext.errors;
-  var _useThemeUtils = useThemeUtils.useThemeUtils(),
+  var _useThemeUtils = useExpandedSection.useThemeUtils(),
     setVariable = _useThemeUtils.setVariable,
     setTheme = _useThemeUtils.setTheme;
   var handleColorChange = function handleColorChange(name) {
@@ -1029,10 +1092,10 @@ var Properties = function Properties(_ref) {
         case "font_family":
           return /*#__PURE__*/jsxRuntime.jsx(FontPickerBlock, {
             label: buildLabel(key, kind),
-            options: useThemeUtils.FONT_OPTIONS,
+            options: useExpandedSection.FONT_OPTIONS,
             value: neetoCist.findBy({
               value: value || null
-            }, useThemeUtils.FONT_OPTIONS),
+            }, useExpandedSection.FONT_OPTIONS),
             onChange: function onChange(_ref4) {
               var value = _ref4.value;
               return handleChange(key, value);
@@ -1060,9 +1123,9 @@ var Properties = function Properties(_ref) {
         case "overlay_opacity":
           return /*#__PURE__*/jsxRuntime.jsx(SliderBlock, {
             label: buildLabel(key, kind),
-            marks: useThemeUtils.OVERLAY_OPACITY_SLIDER_MARKS,
-            max: useThemeUtils.HUNDRED,
-            min: ramda.negate(useThemeUtils.HUNDRED),
+            marks: useExpandedSection.OVERLAY_OPACITY_SLIDER_MARKS,
+            max: useExpandedSection.HUNDRED,
+            min: ramda.negate(useExpandedSection.HUNDRED),
             value: Number(value) || 0,
             onChange: function onChange(opacity) {
               return handleOverlayChange(key, opacity);
@@ -1079,7 +1142,7 @@ var Properties = function Properties(_ref) {
             }, themePropertiesSchema)) === null || _findBy4 === void 0 || (_findBy4 = _findBy4.options) === null || _findBy4 === void 0 ? void 0 : _findBy4.map(neetoCist.toLabelAndValue);
             return /*#__PURE__*/jsxRuntime.jsx(SelectBlock, {
               label: buildLabel(key, kind),
-              options: options || useThemeUtils.POSITION_OPTIONS,
+              options: options || useExpandedSection.POSITION_OPTIONS,
               placeholder: "left",
               value: neetoCist.toLabelAndValue(value),
               onChange: function onChange(option) {
@@ -1137,7 +1200,7 @@ var ImageBlock = function ImageBlock(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
     values = _useFormikContext.values;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"]
       };
@@ -1219,7 +1282,7 @@ var ImageBlock = function ImageBlock(_ref) {
         onUploadComplete: handleImageChange
       }), isPositionChangerVisible && /*#__PURE__*/jsxRuntime.jsx(SelectBlock, {
         label: buildLabel("".concat(name, "Position"), "image"),
-        options: options || useThemeUtils.POSITION_OPTIONS,
+        options: options || useExpandedSection.POSITION_OPTIONS,
         placeholder: t("neetoThemes.common.left"),
         value: neetoCist.toLabelAndValue(((_findBy = neetoCist.findBy({
           key: "".concat(name, "_position")
@@ -1242,7 +1305,7 @@ var Images = function Images(_ref) {
     fixedAspectRatio = _ref.fixedAspectRatio;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         helpPopoverProps: store["helpPopoverProps"]
       };
@@ -1274,7 +1337,7 @@ var ThemeMeta = function ThemeMeta(_ref) {
   var className = _ref.className;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         helpPopoverProps: store["helpPopoverProps"]
       };
@@ -1316,7 +1379,7 @@ var Customize = function Customize(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     popoverInstance = _useState2[0],
     setPopoverInstance = _useState2[1];
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"],
         entityType: store["entityType"],
@@ -1334,7 +1397,7 @@ var Customize = function Customize(_ref) {
     proFeatures = _useConfigStore.proFeatures;
   var _useParams = reactRouterDom.useParams(),
     themeId = _useParams.themeId;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         currentTheme: store["currentTheme"],
         setThemeState: store["setThemeState"]
@@ -1424,7 +1487,7 @@ var Customize = function Customize(_ref) {
         shouldSetAsGlobalTheme: isThemeGlobalTheme,
         entityType: entityType
       }),
-      validationSchema: useThemeUtils.THEME_VALIDATION_SCHEMA,
+      validationSchema: useExpandedSection.THEME_VALIDATION_SCHEMA,
       enableReinitialize: true,
       onSubmit: onSubmit
     },
@@ -1493,7 +1556,9 @@ var Customize = function Customize(_ref) {
               className: "text-sm",
               style: "body2",
               children: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.helpText", {
-                entityType: entityType
+                entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()), {
+                  count: 2
+                })
               })
             })]
           })]
@@ -1541,7 +1606,7 @@ var Customize = function Customize(_ref) {
                 },
                 i18nKey: "neetoThemes.build.leftSideBar.themes.notAppliedYet",
                 values: {
-                  entityType: entityType
+                  entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()))
                 }
               })
             }), /*#__PURE__*/jsxRuntime.jsx(Button, {
@@ -1561,13 +1626,33 @@ var Customize = function Customize(_ref) {
   });
 };
 
+var QuickActionRow = function QuickActionRow(_ref) {
+  var Icon = _ref.icon,
+    label = _ref.label,
+    onClick = _ref.onClick,
+    testId = _ref.testId;
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    onClick: onClick,
+    className: "neeto-ui-border-gray-100 hover:neeto-ui-bg-gray-100 flex w-full cursor-pointer items-center gap-3 border-t px-3 py-2 text-start transition-colors",
+    "data-testid": testId,
+    type: "button",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
+      size: 16
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      lineHeight: "normal",
+      style: "body2",
+      children: label
+    })]
+  });
+};
+
 var Thumbnail = function Thumbnail(_ref) {
   var _theme$snakeToCamelCa, _findBy, _findBy2;
   var active = _ref.active,
     isPreviewing = _ref.isPreviewing,
     isHighLightedTheme = _ref.isHighLightedTheme,
     theme = _ref.theme;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         themePropertiesSchema: store["themePropertiesSchema"]
       };
@@ -1641,6 +1726,7 @@ var Thumbnail = function Thumbnail(_ref) {
 };
 
 var Card = function Card(_ref) {
+  var _theme$logo, _theme$coverImage;
   var _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active,
     isPreviewing = _ref.isPreviewing,
@@ -1653,31 +1739,29 @@ var Card = function Card(_ref) {
     isHighLightedTheme = _ref.isHighLightedTheme,
     isGlobalTheme = _ref.isGlobalTheme,
     onApplyTheme = _ref.onApplyTheme,
-    onApplyGlobalTheme = _ref.onApplyGlobalTheme,
     Thumbnail$1 = _ref.thumbnail;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var id = theme.id,
     name = theme.name;
-  var handleCloneTheme = function handleCloneTheme() {
-    return onCloneTheme(theme);
-  };
-  var handleEditTheme = function handleEditTheme() {
-    return onEditTheme(theme);
-  };
   var handleDeleteTheme = function handleDeleteTheme() {
     return onDeleteTheme(id, name);
   };
-  var handleApplyGlobalTheme = function handleApplyGlobalTheme() {
-    return onApplyGlobalTheme(id);
+  var handleQuickEdit = function handleQuickEdit(section) {
+    return function (e) {
+      e.stopPropagation();
+      if (neetoCist.isPresent(onEditTheme)) onEditTheme(theme, section);else onCloneTheme(theme, section);
+    };
   };
+  var showMoreDropdown = utils.isFunction(onDeleteTheme);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "group space-y-2 pt-0.5",
+    "data-flip-id": theme.id,
     "data-testid": active ? "active-theme-card" : "theme-card",
     id: theme.id,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg relative cursor-pointer border transition-all duration-300 ease-in-out", {
-        "neeto-ui-border-gray-200": !active,
+      className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg relative cursor-pointer border-2 transition-all duration-300 ease-in-out", {
+        "neeto-ui-border-gray-400": !active,
         "neeto-themes-theme-thumbnail--active": active,
         "neeto-themes-theme-thumbnail--preview-active": isPreviewing,
         "neeto-themes-theme-thumbnail--highlight-active": isHighLightedTheme
@@ -1687,45 +1771,42 @@ var Card = function Card(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-ui-rounded-lg relative overflow-hidden rounded-bl-none rounded-br-none transition-all duration-300 ease-in-out",
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "absolute start-0 top-0 z-10 flex h-full w-full items-center justify-center gap-1 p-3",
-          children: active ? /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "neeto-ui-btn neeto-themes-theme-thumbnail__active-label neeto-ui-btn--style-primary neeto-ui-btn--size-medium neeto-ui-rounded-full shrink-0 cursor-auto justify-center",
-            "data-testid": "active-theme-label",
-            children: t("neetoThemes.common.activeTheme")
-          }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames({
+        children: [active ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-themes-theme-thumbnail__active-banner absolute start-0 top-0 z-10 w-full py-1 text-center text-xs font-semibold uppercase tracking-wide",
+          "data-testid": "active-theme-label",
+          children: t("neetoThemes.common.activeTheme")
+        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "absolute start-0 top-0 z-10 flex h-full w-full items-center justify-center px-3 pb-3 pt-3",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: classnames("-translate-y-9 flex w-full items-center justify-between gap-2", {
               hidden: !isPreviewing,
-              "group-hover:block": true
+              "group-hover:flex": true
             }),
-            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "relative flex w-full flex-col gap-2",
-              children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
-                "data-testid": "preview-theme-button",
-                disabled: isPreviewing,
-                label: t("neetoThemes.common.previewTheme"),
-                size: "medium",
-                style: "tertiary",
-                className: classnames({
-                  "neeto-themes-theme-thumbnail__preview-btn--disabled opacity-100": isPreviewing,
-                  "neeto-themes-theme-thumbnail__preview-btn shrink-0 justify-center": true
-                }),
-                onClick: function onClick() {
-                  return onSetPreviewTheme(theme);
-                }
-              }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-                className: "neeto-themes-theme-thumbnail__apply-btn shrink-0 justify-center",
-                "data-testid": "apply-theme-button",
-                disabled: isApplyingTheme,
-                label: t("neetoThemes.common.useTheme"),
-                loading: isApplyingTheme,
-                size: "medium",
-                style: "primary",
-                onClick: function onClick() {
-                  return onApplyTheme(theme);
-                }
-              })]
-            })
+            children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+              "data-testid": "preview-theme-button",
+              disabled: isPreviewing,
+              label: t("neetoThemes.common.previewTheme"),
+              size: "medium",
+              style: "tertiary",
+              className: classnames({
+                "neeto-themes-theme-thumbnail__preview-btn--disabled opacity-100": isPreviewing,
+                "neeto-themes-theme-thumbnail__preview-btn shrink-0 justify-center": true
+              }),
+              onClick: function onClick() {
+                return onSetPreviewTheme(theme);
+              }
+            }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+              className: "neeto-themes-theme-thumbnail__apply-btn shrink-0 justify-center",
+              "data-testid": "apply-theme-button",
+              disabled: isApplyingTheme,
+              label: t("neetoThemes.common.useTheme"),
+              loading: isApplyingTheme,
+              size: "medium",
+              style: "primary",
+              onClick: function onClick() {
+                return onApplyTheme(theme);
+              }
+            })]
           })
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "neeto-themes-theme-thumbnail__overlay w-full transition-all duration-300 ease-in-out",
@@ -1746,17 +1827,19 @@ var Card = function Card(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-            className: "line-clamp-2 min-w-0 grow wrap-anywhere pt-1",
+            className: "neeto-ui-text-gray-500 line-clamp-2 min-w-0 grow wrap-anywhere pt-1 italic",
             "data-testid": "theme-name",
             lineHeight: "snug",
             style: "body2",
             children: name
-          }), isGlobalTheme && /*#__PURE__*/jsxRuntime.jsx(Rating, {
-            className: "neeto-themes-nano-global-theme-icon",
-            "data-testid": "global-theme-icon",
-            size: 18
+          }), isGlobalTheme && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "neeto-ui-text-gray-500 shrink-0 pt-1 italic",
+            "data-testid": "default-theme-label",
+            lineHeight: "snug",
+            style: "body2",
+            children: t("neetoThemes.common.defaultTheme")
           })]
-        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+        }), showMoreDropdown && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
           dropdownButtonProps: {
             size: "small"
           },
@@ -1767,38 +1850,39 @@ var Card = function Card(_ref) {
             }
           },
           menuItems: [{
-            key: "edit",
-            "data-testid": "edit-theme-menu-item",
-            label: t("neetoThemes.common.edit"),
-            isVisible: neetoCist.isPresent(onEditTheme),
-            onClick: handleEditTheme
-          }, {
-            key: "clone",
-            "data-testid": "clone-theme-menu-item",
-            label: t("neetoThemes.build.leftSideBar.themes.themeOptions.clone"),
-            onClick: handleCloneTheme
-          }, {
-            key: "set-as-global-theme",
-            "data-testid": "set-as-global-theme-menu-item",
-            label: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.label"),
-            isVisible: !isGlobalTheme,
-            onClick: handleApplyGlobalTheme
-          }, {
-            key: "divider",
-            type: "divider",
-            isVisible: utils.isFunction(onDeleteTheme)
-          }, {
             key: "delete",
             "data-testid": "delete-theme-menu-item",
             label: t("neetoThemes.build.leftSideBar.themes.themeOptions.delete"),
             isDisabled: isApplyingTheme,
-            isVisible: utils.isFunction(onDeleteTheme),
             onClick: function onClick(e) {
               e.stopPropagation();
               handleDeleteTheme();
             }
           }]
         })]
+      }), active && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col",
+        children: [/*#__PURE__*/jsxRuntime.jsx(QuickActionRow, {
+          icon: ColorPicker$1,
+          label: t("neetoThemes.common.customizeStyle"),
+          testId: "quick-customize-style",
+          onClick: handleQuickEdit("style")
+        }), /*#__PURE__*/jsxRuntime.jsx(QuickActionRow, {
+          icon: AddImage,
+          testId: "quick-add-logo",
+          label: t((_theme$logo = theme.logo) !== null && _theme$logo !== void 0 && _theme$logo.url ? "neetoThemes.common.changeLogo" : "neetoThemes.common.addLogo"),
+          onClick: handleQuickEdit("logo")
+        }), /*#__PURE__*/jsxRuntime.jsx(QuickActionRow, {
+          icon: Image,
+          testId: "quick-add-cover-image",
+          label: t((_theme$coverImage = theme.coverImage) !== null && _theme$coverImage !== void 0 && _theme$coverImage.url ? "neetoThemes.common.changeCoverImage" : "neetoThemes.common.addCoverImage"),
+          onClick: handleQuickEdit("coverImage")
+        }), /*#__PURE__*/jsxRuntime.jsx(QuickActionRow, {
+          icon: CodeBlock,
+          label: t("neetoThemes.build.leftSideBar.themes.customCSS"),
+          testId: "quick-custom-css",
+          onClick: handleQuickEdit("customcss")
+        })]
       })]
     })
   });
@@ -1820,13 +1904,14 @@ var Themes = function Themes(_ref) {
     thumbnail = _ref.thumbnail,
     themeBeingApplied = _ref.themeBeingApplied,
     onApplyTheme = _ref.onApplyTheme,
-    onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess,
-    isApplyingTheme = _ref.isApplyingTheme;
+    onApplyThemeSuccess = _ref.onApplyThemeSuccess,
+    _ref$isSearchVisible = _ref.isSearchVisible,
+    isSearchVisible = _ref$isSearchVisible === void 0 ? false : _ref$isSearchVisible;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useThemeUtils = useThemeUtils.useThemeUtils(),
+  var _useThemeUtils = useExpandedSection.useThemeUtils(),
     setTheme = _useThemeUtils.setTheme;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"],
         previewingTheme: store["previewingTheme"]
@@ -1834,7 +1919,7 @@ var Themes = function Themes(_ref) {
     }, shallow.shallow),
     setThemeState = _useThemeStore.setThemeState,
     previewingTheme = _useThemeStore.previewingTheme;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         entityType: store["entityType"],
         entityId: store["entityId"]
@@ -1847,8 +1932,8 @@ var Themes = function Themes(_ref) {
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useCloneTheme = useCloneTheme(),
     cloneTheme = _useCloneTheme.mutate;
-  var _useApplyGlobalTheme = useApplyGlobalTheme(),
-    applyGlobalTheme = _useApplyGlobalTheme.mutate;
+  var _useApplyTheme = useApplyTheme({}),
+    applyClonedTheme = _useApplyTheme.mutate;
   var _useShowGlobalTheme = useShowGlobalTheme(entityType),
     _useShowGlobalTheme$d = _useShowGlobalTheme.data,
     _useShowGlobalTheme$d2 = _useShowGlobalTheme$d === void 0 ? {} : _useShowGlobalTheme$d,
@@ -1868,32 +1953,41 @@ var Themes = function Themes(_ref) {
     });
     setTheme(theme);
   };
+  var activeThemeId = currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id;
+  var lowerSearchTerm = searchTerm.toLowerCase();
+  var matchesSearch = function matchesSearch(theme) {
+    return theme.name.toLowerCase().includes(lowerSearchTerm);
+  };
+  var activeTheme = activeThemeId ? [].concat(_toConsumableArray(defaultThemes), _toConsumableArray(themes)).find(function (theme) {
+    return theme.id === activeThemeId;
+  }) : null;
+  var isActiveThemeCustom = themes.some(function (theme) {
+    return theme.id === activeThemeId;
+  });
   var filteredDefaultThemes = defaultThemes.filter(function (theme) {
-    return theme.name.toLowerCase().includes(searchTerm.toLowerCase());
+    return theme.id !== activeThemeId && matchesSearch(theme);
   });
   var filteredThemes = themes.filter(function (theme) {
-    return theme.name.toLowerCase().includes(searchTerm.toLowerCase());
+    return theme.id !== activeThemeId && matchesSearch(theme);
   });
-  var isSearchFieldVisible = (themes === null || themes === void 0 ? void 0 : themes.length) + (defaultThemes === null || defaultThemes === void 0 ? void 0 : defaultThemes.length) > 10;
-  var handleCloneTheme = function handleCloneTheme(data) {
+  var showActiveThemeSection = activeTheme && matchesSearch(activeTheme);
+  var handleCloneTheme = function handleCloneTheme(data, section) {
     cloneTheme(data.id, {
       onSuccess: function onSuccess(_ref2) {
         var clonedTheme = _ref2.theme;
-        onEditTheme(clonedTheme);
-      }
-    });
-  };
-  var handleApplyGlobalTheme = function handleApplyGlobalTheme(themeId) {
-    var payload = {
-      entityType: entityType,
-      entityId: entityId
-    };
-    applyGlobalTheme({
-      themeId: themeId,
-      payload: payload
-    }, {
-      onSuccess: function onSuccess() {
-        onApplyGlobalThemeSuccess === null || onApplyGlobalThemeSuccess === void 0 || onApplyGlobalThemeSuccess();
+        // A system theme is cloned when the user customizes it. Apply the
+        // clone right away so it becomes the active theme — the editor then
+        // won't prompt "apply this theme?" on save.
+        applyClonedTheme({
+          themeId: clonedTheme.id,
+          entityId: entityId,
+          entityType: entityType
+        }, {
+          onSuccess: function onSuccess() {
+            onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(clonedTheme);
+            onEditTheme(clonedTheme, section);
+          }
+        });
       }
     });
   };
@@ -1903,11 +1997,74 @@ var Themes = function Themes(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
+  var activeThemeSection = showActiveThemeSection && /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-ui-border-gray-200 mb-6 border-b px-6 pb-6 lg:px-5 xl:px-6",
+    children: /*#__PURE__*/jsxRuntime.jsx(Card$1, {
+      onApplyTheme: onApplyTheme,
+      thumbnail: thumbnail,
+      active: true,
+      isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === activeTheme.id,
+      isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === activeTheme.id,
+      isHighLightedTheme: activeTheme.id === themeToHighlight,
+      isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === activeTheme.id,
+      theme: activeTheme,
+      onCloneTheme: handleCloneTheme,
+      onEditTheme: isActiveThemeCustom ? onEditTheme : undefined,
+      onSetPreviewTheme: setPreviewTheme
+    })
+  });
+  var systemThemesSection = neetoCist.isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "mb-6 space-y-3",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col gap-4 px-6 pb-10 lg:px-5 xl:px-6",
+      "data-testid": "system-themes",
+      children: filteredDefaultThemes.map(function (theme) {
+        return /*#__PURE__*/react.createElement(Card$1, {
+          onApplyTheme: onApplyTheme,
+          theme: theme,
+          thumbnail: thumbnail,
+          active: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id,
+          isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
+          isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
+          isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id,
+          key: theme.id,
+          onCloneTheme: handleCloneTheme,
+          onSetPreviewTheme: setPreviewTheme
+        });
+      })
+    })
+  });
+  var customThemesSection = neetoCist.isNotEmpty(filteredThemes) && /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "mb-6 space-y-3",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col gap-4 px-6",
+      "data-testid": "custom-themes",
+      children: filteredThemes.map(function (theme) {
+        var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
+        var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;
+        return /*#__PURE__*/react.createElement(Card$1, {
+          isPreviewing: isPreviewing,
+          onApplyTheme: onApplyTheme,
+          onEditTheme: onEditTheme,
+          theme: theme,
+          thumbnail: thumbnail,
+          active: isActive,
+          isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
+          isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
+          isHighLightedTheme: theme.id === themeToHighlight,
+          key: theme.id,
+          onCloneTheme: handleCloneTheme,
+          onDeleteTheme: !isActive && onDeleteTheme,
+          onSetPreviewTheme: setPreviewTheme
+        });
+      })
+    })
+  });
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-themes-sidebar__scroll",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-6 space-y-3",
-      children: [isSearchFieldVisible && /*#__PURE__*/jsxRuntime.jsx(Search, {
+      children: [isSearchVisible && /*#__PURE__*/jsxRuntime.jsx(Search, {
         autoFocus: true,
         enableUrlSync: true,
         autoComplete: "off",
@@ -1918,83 +2075,25 @@ var Themes = function Themes(_ref) {
         "data-testid": "no-data-title",
         style: "body2",
         children: t("neetoThemes.common.noResultsFound")
-      }), neetoCist.isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-          className: "my-4 px-6 uppercase lg:px-5 xl:px-6",
-          "data-testid": "system-themes-header",
-          style: "h6",
-          weight: "semibold",
-          children: t("neetoThemes.build.leftSideBar.themes.systemThemes")
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex flex-col gap-4 px-6 pb-10 lg:px-5 xl:px-6",
-          "data-testid": "system-themes",
-          children: filteredDefaultThemes.map(function (theme) {
-            return /*#__PURE__*/react.createElement(Card$1, {
-              onApplyTheme: onApplyTheme,
-              theme: theme,
-              thumbnail: thumbnail,
-              active: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id,
-              isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
-              isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id,
-              key: theme.id,
-              isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
-              onApplyGlobalTheme: handleApplyGlobalTheme,
-              onCloneTheme: handleCloneTheme,
-              onSetPreviewTheme: setPreviewTheme
-            });
-          })
-        })]
-      })]
-    }), neetoCist.isNotEmpty(filteredThemes) && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-6 space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "my-4 px-6 uppercase",
-        "data-testid": "custom-themes-header",
-        style: "h6",
-        weight: "semibold",
-        children: t("neetoThemes.build.leftSideBar.themes.customThemes")
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-col gap-4 px-6",
-        "data-testid": "custom-themes",
-        children: filteredThemes.map(function (theme) {
-          var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
-          var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;
-          return /*#__PURE__*/react.createElement(Card$1, {
-            isPreviewing: isPreviewing,
-            onApplyTheme: onApplyTheme,
-            onEditTheme: onEditTheme,
-            theme: theme,
-            thumbnail: thumbnail,
-            active: isActive,
-            isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
-            isHighLightedTheme: theme.id === themeToHighlight,
-            key: theme.id,
-            isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
-            onApplyGlobalTheme: handleApplyGlobalTheme,
-            onCloneTheme: handleCloneTheme,
-            onDeleteTheme: !isActive && onDeleteTheme,
-            onSetPreviewTheme: setPreviewTheme
-          });
-        })
       })]
-    })]
+    }), activeThemeSection, systemThemesSection, customThemesSection]
   });
 };
 
 var TitleBar = function TitleBar(_ref) {
   var currentScreen = _ref.currentScreen,
     handleBackPress = _ref.handleBackPress,
-    handleCreateNewTheme = _ref.handleCreateNewTheme;
+    handleToggleSearch = _ref.handleToggleSearch;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         previewingTheme: store["previewingTheme"]
       };
     }, shallow.shallow),
     previewingTheme = _useThemeStore.previewingTheme;
   var themeId = previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         entityType: store["entityType"],
         helpDocUrl: store["helpDocUrl"]
@@ -2051,21 +2150,21 @@ var TitleBar = function TitleBar(_ref) {
           },
           title: t("neetoThemes.build.leftSideBar.helpPopover.title"),
           description: t("neetoThemes.build.leftSideBar.helpPopover.description", {
-            entityType: entityType
+            entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()))
           })
         })]
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "self-end",
         children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-testid": "customize-themes-add-theme-button",
-          icon: Plus,
+          "data-testid": "themes-search-toggle-button",
+          icon: Search$1,
           iconPosition: "left",
           style: "text",
           tooltipProps: {
-            content: t("neetoThemes.buttons.addNewTheme"),
+            content: t("neetoThemes.common.searchThemes"),
             position: "top"
           },
-          onClick: handleCreateNewTheme
+          onClick: handleToggleSearch
         })
       })]
     })
@@ -2080,8 +2179,7 @@ var Sidebar = function Sidebar(_ref) {
     defaultImageSize = _ref.defaultImageSize,
     fixedAspectRatio = _ref.fixedAspectRatio,
     onApplyThemeSuccess = _ref.onApplyThemeSuccess,
-    onUpdateThemeSuccess = _ref.onUpdateThemeSuccess,
-    onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess;
+    onUpdateThemeSuccess = _ref.onUpdateThemeSuccess;
   var _useState = react.useState(DESIGN_SCREENS.THEMES),
     _useState2 = _slicedToArray(_useState, 2),
     currentScreen = _useState2[0],
@@ -2109,7 +2207,7 @@ var Sidebar = function Sidebar(_ref) {
   react.useEffect(function () {
     setIsThemesSidebarCollapsed(!isLargerScreen);
   }, [isLargerScreen]);
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         entityType: store["entityType"],
         entityId: store["entityId"],
@@ -2121,7 +2219,7 @@ var Sidebar = function Sidebar(_ref) {
     entityId = _useConfigStore.entityId,
     isFetchingSchema = _useConfigStore.isFetchingSchema,
     defaultThemeName = _useConfigStore.defaultThemeName;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
       };
@@ -2130,7 +2228,7 @@ var Sidebar = function Sidebar(_ref) {
   var didScrollActiveThemeIntoView = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useThemeUtils = useThemeUtils.useThemeUtils(),
+  var _useThemeUtils = useExpandedSection.useThemeUtils(),
     setTheme = _useThemeUtils.setTheme;
   var _useListThemes = useListThemes(entityId),
     _useListThemes$data = _useListThemes.data,
@@ -2152,14 +2250,22 @@ var Sidebar = function Sidebar(_ref) {
   var _useApplyTheme = useApplyTheme({
       onSuccess: function onSuccess(_ref2) {
         var theme = _ref2.theme;
-        setTheme(theme);
-        highlightTheme(theme);
-        setThemeState({
-          previewingTheme: theme
-        });
-        setThemeBeingApplied({});
-        setCurrentScreen(DESIGN_SCREENS.THEMES);
-        onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(theme);
+        var applyUpdates = function applyUpdates() {
+          setTheme(theme);
+          highlightTheme(theme);
+          setThemeState({
+            previewingTheme: theme
+          });
+          setThemeBeingApplied({});
+          setCurrentScreen(DESIGN_SCREENS.THEMES);
+          onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(theme);
+        };
+
+        // Keep the spinner visible a bit longer so the apply feels deliberate,
+        // then glide the card into the pinned active section.
+        setTimeout(function () {
+          return animateThemeReorder(applyUpdates);
+        }, useExpandedSection.APPLY_SPINNER_DELAY);
       }
     }),
     applyTheme = _useApplyTheme.mutate,
@@ -2167,22 +2273,44 @@ var Sidebar = function Sidebar(_ref) {
   var themeToDelete = react.useRef(null);
   var themeToEdit = react.useRef(null);
   var isCustomCssScreen = isScreenCustomCSS(currentScreen);
-  var handleCreateNewTheme = function handleCreateNewTheme() {
-    history.push(buildPathname(routes.themes["new"]));
+  var _useState11 = react.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isSearchVisible = _useState12[0],
+    setIsSearchVisible = _useState12[1];
+  var handleToggleSearch = function handleToggleSearch() {
+    setIsSearchVisible(function (prev) {
+      var next = !prev;
+      if (!next) {
+        var params = new URLSearchParams(history.location.search);
+        params["delete"]("searchTerm");
+        history.replace({
+          search: params.toString()
+        });
+      }
+      return next;
+    });
   };
-  var handleEditTheme = function handleEditTheme(theme) {
+  var handleEditTheme = function handleEditTheme(theme, section) {
     themeToEdit.current = theme;
-    history.push(utils$1.buildUrl(buildPathname(routes.themes.edit), {
+    var pathname = utils$1.buildUrl(buildPathname(routes.themes.edit), {
       themeId: theme.id
-    }));
+    });
+    history.push({
+      pathname: pathname,
+      search: section ? "?section=".concat(section) : ""
+    });
   };
   var onApplyTheme = function onApplyTheme(theme) {
-    if (isApplyingTheme) return;
+    if (themeBeingApplied !== null && themeBeingApplied !== void 0 && themeBeingApplied.id) return;
     setThemeBeingApplied(theme);
     applyTheme({
       themeId: theme.id,
       entityId: entityId,
       entityType: entityType
+    }, {
+      onError: function onError() {
+        return setThemeBeingApplied({});
+      }
     });
   };
   var navigateToThemesScreen = function navigateToThemesScreen(themeId) {
@@ -2252,7 +2380,7 @@ var Sidebar = function Sidebar(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx(TitleBar, {
         currentScreen: currentScreen,
         handleBackPress: handleBackPress,
-        handleCreateNewTheme: handleCreateNewTheme
+        handleToggleSearch: handleToggleSearch
       }), /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
         children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
           exact: true,
@@ -2263,10 +2391,10 @@ var Sidebar = function Sidebar(_ref) {
               defaultThemes: defaultThemes,
               didScrollActiveThemeIntoView: didScrollActiveThemeIntoView,
               highlightTheme: highlightTheme,
-              isApplyingTheme: isApplyingTheme,
               isCurrentThemeLoading: isCurrentThemeLoading,
-              onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
+              isSearchVisible: isSearchVisible,
               onApplyTheme: onApplyTheme,
+              onApplyThemeSuccess: onApplyThemeSuccess,
               themeBeingApplied: themeBeingApplied,
               themeToHighlight: themeToHighlight,
               themes: themes,
@@ -2352,8 +2480,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     onApplyThemeSuccess = _ref$onApplyThemeSucc === void 0 ? neetoCist.noop : _ref$onApplyThemeSucc,
     _ref$onUpdateThemeSuc = _ref.onUpdateThemeSuccess,
     onUpdateThemeSuccess = _ref$onUpdateThemeSuc === void 0 ? neetoCist.noop : _ref$onUpdateThemeSuc,
-    _ref$onApplyGlobalThe = _ref.onApplyGlobalThemeSuccess,
-    onApplyGlobalThemeSuccess = _ref$onApplyGlobalThe === void 0 ? neetoCist.noop : _ref$onApplyGlobalThe,
     _ref$helpPopoverProps = _ref.helpPopoverProps,
     helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
     _ref$enabledFeatures = _ref.enabledFeatures,
@@ -2362,15 +2488,15 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     } : _ref$enabledFeatures,
     _ref$proFeatures = _ref.proFeatures,
     proFeatures = _ref$proFeatures === void 0 ? {} : _ref$proFeatures;
-  var _useThemeStore = useThemeUtils.useThemeStore(function (store) {
+  var _useThemeStore = useExpandedSection.useThemeStore(function (store) {
       return {
         setThemeState: store["setThemeState"]
       };
     }, shallow.shallow),
     setThemeState = _useThemeStore.setThemeState;
-  var _useThemeUtils = useThemeUtils.useThemeUtils(),
+  var _useThemeUtils = useExpandedSection.useThemeUtils(),
     setTheme = _useThemeUtils.setTheme;
-  var _useConfigStore = useThemeUtils.useConfigStore(function (store) {
+  var _useConfigStore = useExpandedSection.useConfigStore(function (store) {
       return {
         setConfigState: store["setConfigState"]
       };
@@ -2436,7 +2562,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Sidebar, {
       defaultImageSize: defaultImageSize,
       fixedAspectRatio: fixedAspectRatio,
-      onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
       onApplyThemeSuccess: onApplyThemeSuccess,
       onPropertiesChange: onPropertiesChange,
       onUpdateThemeSuccess: onUpdateThemeSuccess,