@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.card{padding:2em}#app{max-width:1280px;padding:2rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.editor[data-v-1f1c027b]{height:100%;width:100%;display:flex;flex-direction:column}.login-form{display:flex;flex-direction:column;margin:0 auto}.login-form-element{margin-top:8px}.modal[data-v-2aacdd97]{border-radius:10px;background-color:#fff;padding:20px;z-index:1200;position:absolute}.modal__wrapper[data-v-2aacdd97]{background-color:#0006;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;position:absolute;top:0;left:0}.icon-picker[data-v-a0503513]{max-height:111px;overflow-y:auto}.icon-grid[data-v-a0503513]{display:flex;flex-direction:column;gap:10px;align-content:center;max-height:220px}.icon-item[data-v-a0503513]{padding:10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .2s;width:24px;height:24px;margin-right:8px}.icons-row[data-v-a0503513]{display:flex}.icon-item[data-v-a0503513]:hover{background-color:#f0f0f0}.icon-item i[data-v-a0503513]{font-size:24px}.editor[data-v-e31d5c11],.editor[data-v-313b58f0]{height:100%;width:100%;display:flex;flex-direction:column}.v-enter-active[data-v-402f9588],.v-leave-active[data-v-402f9588]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.v-enter-from[data-v-402f9588],.v-leave-to[data-v-402f9588]{opacity:0}.v-sidebar-menu{--vsm-primary-color:#4285f4;--vsm-base-bg:#2a2a2e;--vsm-item-color:#fff;--vsm-item-active-line-color:var(--vsm-primary-color);--vsm-item-open-color:#fff;--vsm-item-open-bg:var(--vsm-primary-color);--vsm-item-hover-bg:rgba(30,30,33,.5);--vsm-icon-color:var(--vsm-item-color);--vsm-icon-bg:#1e1e21;--vsm-mobile-item-color:#fff;--vsm-mobile-item-bg:var(--vsm-primary-color);--vsm-mobile-icon-color:var(--vsm-mobile-item-color);--vsm-mobile-icon-bg:transparent;--vsm-dropdown-bg:#36363b;--vsm-header-item-color:hsla(0,0%,100%,.7);--vsm-toggle-btn-color:#fff;--vsm-toggle-btn-bg:#1e1e21;--vsm-item-font-size:16px;--vsm-item-line-height:35px;--vsm-item-padding:10px 15px;--vsm-icon-height:35px;--vsm-icon-width:35px;-webkit-box-orient:vertical;-webkit-box-direction:normal;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;position:fixed;text-align:left;top:0;-webkit-transition:max-width .3s ease;transition:max-width .3s ease;width:100%;z-index:999}.v-sidebar-menu,.v-sidebar-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.v-sidebar-menu .vsm--wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0;position:relative}.v-sidebar-menu .vsm--menu{position:static!important;-webkit-transition:width .3s ease;transition:width .3s ease}.v-sidebar-menu .vsm--scroll-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;position:relative}.v-sidebar-menu .vsm--scroll{-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.v-sidebar-menu .vsm--scroll::-webkit-scrollbar{display:none;height:0;width:0}.v-sidebar-menu .vsm--scroll-bar{border-radius:4px;bottom:2px;position:absolute;right:2px;top:2px;width:6px;z-index:5}.v-sidebar-menu .vsm--scroll-thumb{background-color:#aaa;border-radius:4px;cursor:pointer;display:block;opacity:.5;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-sidebar-menu .vsm--scroll-thumb:hover{opacity:1}.v-sidebar-menu .vsm--dropdown,.v-sidebar-menu .vsm--menu{list-style:none;margin:0;padding:0}.v-sidebar-menu .vsm--dropdown{padding:5px}.v-sidebar-menu .vsm--item{display:block;position:static!important;width:100%}.v-sidebar-menu .vsm--link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--vsm-item-font-size);font-weight:400;line-height:var(--vsm-item-line-height);padding:var(--vsm-item-padding);position:static!important;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-sidebar-menu .vsm--link_active{font-weight:600}.v-sidebar-menu .vsm--link_disabled{opacity:.4;pointer-events:none}.v-sidebar-menu .vsm--link_level-1 .vsm--icon{border-radius:3px;height:var(--vsm-icon-height);width:var(--vsm-icon-width)}.v-sidebar-menu .vsm--icon{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;flex-shrink:0;height:25px;justify-content:center;margin-right:15px;width:25px;z-index:20}.v-sidebar-menu .vsm--icon,.v-sidebar-menu .vsm--title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.v-sidebar-menu .vsm--title{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.v-sidebar-menu .vsm--title>span:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-sidebar-menu .vsm--title_hidden{visibility:hidden}.v-sidebar-menu .vsm--arrow{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:30px;justify-content:center;text-align:center;width:30px}.v-sidebar-menu .vsm--arrow_default{height:12px;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:12px}.v-sidebar-menu .vsm--arrow_default:before{border-bottom:2px solid;border-left:2px solid;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";display:inline-block;height:6px;left:0;position:absolute;top:2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:6px}.v-sidebar-menu .vsm--arrow_open .vsm--arrow_default{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.v-sidebar-menu .vsm--header{font-size:14px;font-weight:600;padding:10px 15px;text-transform:uppercase;white-space:nowrap}.v-sidebar-menu .vsm--badge_default{border-radius:3px;font-size:12px;font-weight:600;height:20px;line-height:20px;padding:0 6px;text-transform:uppercase}.v-sidebar-menu .vsm--toggle-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;height:65px;justify-content:center;text-align:center;width:100%}.v-sidebar-menu .vsm--toggle-btn_default{height:12px;position:relative;width:12px}.v-sidebar-menu .vsm--toggle-btn_default:before{border-left:2px solid;content:"";display:inline-block;height:12px;left:0;position:absolute;top:0}.v-sidebar-menu .vsm--toggle-btn_default:after{border-bottom:2px solid;border-left:2px solid;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";display:inline-block;height:6px;left:4px;position:absolute;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover,.v-sidebar-menu.vsm_collapsed .vsm--link_level-1:hover{background-color:transparent!important}.v-sidebar-menu.vsm_collapsed .vsm--toggle-btn_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_collapsed.vsm_rtl .vsm--toggle-btn_default{-webkit-transform:scaleX(1);transform:scaleX(1)}.v-sidebar-menu.vsm_collapsed .vsm--scroll-wrapper{width:calc(100% + 8px)}.v-sidebar-menu.vsm_rtl{direction:rtl;left:inherit;right:0;text-align:right}.v-sidebar-menu.vsm_rtl .vsm--icon{margin-left:15px;margin-right:0}.v-sidebar-menu.vsm_rtl .vsm--arrow_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--arrow_open .vsm--arrow_default{-webkit-transform:rotate(-90deg) scaleX(-1);transform:rotate(-90deg) scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--toggle-btn_default{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.v-sidebar-menu.vsm_rtl .vsm--scroll-bar{left:2px;right:inherit}.v-sidebar-menu.vsm_relative{height:100%;position:relative}.v-sidebar-menu .expand-enter-active,.v-sidebar-menu .expand-leave-active{overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease}.v-sidebar-menu .expand-enter-from,.v-sidebar-menu .expand-leave-to{height:0!important}.v-sidebar-menu .slide-animation-enter-active,.v-sidebar-menu .slide-animation-leave-active{-webkit-transition:width .3s ease;transition:width .3s ease}.v-sidebar-menu .slide-animation-enter-from,.v-sidebar-menu .slide-animation-leave-to{width:0!important}.v-sidebar-menu{background-color:var(--vsm-base-bg)}.v-sidebar-menu .vsm--item{color:var(--vsm-item-color)}.v-sidebar-menu .vsm--link_active{background-color:var(--vsm-item-active-bg,transparent);color:var(--vsm-item-active-color,inherit)}.v-sidebar-menu .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu .vsm--link_level-1.vsm--link_active .vsm--icon{background-color:var(--vsm-icon-active-bg,var(--vsm-icon-bg));color:var(--vsm-icon-active-color,inherit)}.v-sidebar-menu .vsm--link_level-1 .vsm--icon{background-color:var(--vsm-icon-bg)}.v-sidebar-menu .vsm--link_hover{background-color:var(--vsm-item-hover-bg);color:var(--vsm-item-hover-color,inherit)}.v-sidebar-menu .vsm--link_mobile{color:var(--vsm-mobile-item-color)}.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open{background-color:var(--vsm-item-open-bg);color:var(--vsm-item-open-color)}.v-sidebar-menu.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon{background-color:var(--vsm-icon-open-bg,transparent);color:var(--vsm-icon-open-color,inherit)}.v-sidebar-menu.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon{background-color:var(--vsm-mobile-icon-bg);color:var(--vsm-mobile-icon-color)}.v-sidebar-menu .vsm--icon{color:var(--vsm-icon-color,inherit)}.v-sidebar-menu .vsm--dropdown{background-color:var(--vsm-dropdown-bg)}.v-sidebar-menu .vsm--dropdown .vsm--item{color:var(--vsm-dropdown-color,var(--vsm-item-color))}.v-sidebar-menu .vsm--mobile-bg{background-color:var(--vsm-mobile-item-bg)}.v-sidebar-menu.vsm_rtl .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu .vsm--header{color:var(--vsm-header-item-color)}.v-sidebar-menu .vsm--badge_default{background-color:#1e1e21;color:var(--vsm-item-color)}.v-sidebar-menu .vsm--toggle-btn{background-color:var(--vsm-toggle-btn-bg);color:var(--vsm-toggle-btn-color)}.v-sidebar-menu.vsm_white-theme{--vsm-base-bg:#fff;--vsm-item-color:#262626;--vsm-item-hover-bg:hsla(0,0%,95%,.5);--vsm-icon-bg:#bbc5d6;--vsm-icon-active-color:#fff;--vsm-icon-active-bg:var(--vsm-item-color);--vsm-dropdown-bg:#e3e3e3;--vsm-header-item-color:rgba(38,38,38,.7);--vsm-toggle-btn-color:var(--vsm-item-color);--vsm-toggle-btn-bg:#f2f2f2;background-color:var(--vsm-base-bg)}.v-sidebar-menu.vsm_white-theme .vsm--item{color:var(--vsm-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--link_active{background-color:var(--vsm-item-active-bg,transparent);color:var(--vsm-item-active-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1.vsm--link_active .vsm--icon{background-color:var(--vsm-icon-active-bg,var(--vsm-icon-bg));color:var(--vsm-icon-active-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_level-1 .vsm--icon{background-color:var(--vsm-icon-bg)}.v-sidebar-menu.vsm_white-theme .vsm--link_hover{background-color:var(--vsm-item-hover-bg);color:var(--vsm-item-hover-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--link_mobile{color:var(--vsm-mobile-item-color)}.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open{background-color:var(--vsm-item-open-bg);color:var(--vsm-item-open-color)}.v-sidebar-menu.vsm_white-theme.vsm_expanded .vsm--link_level-1.vsm--link_open .vsm--icon{background-color:var(--vsm-icon-open-bg,transparent);color:var(--vsm-icon-open-color,inherit)}.v-sidebar-menu.vsm_white-theme.vsm_collapsed .vsm--link_level-1.vsm--link_hover .vsm--icon{background-color:var(--vsm-mobile-icon-bg);color:var(--vsm-mobile-icon-color)}.v-sidebar-menu.vsm_white-theme .vsm--icon{color:var(--vsm-icon-color,inherit)}.v-sidebar-menu.vsm_white-theme .vsm--dropdown{background-color:var(--vsm-dropdown-bg)}.v-sidebar-menu.vsm_white-theme .vsm--dropdown .vsm--item{color:var(--vsm-dropdown-color,var(--vsm-item-color))}.v-sidebar-menu.vsm_white-theme .vsm--mobile-bg{background-color:var(--vsm-mobile-item-bg)}.v-sidebar-menu.vsm_white-theme.vsm_rtl .vsm--link_level-1.vsm--link_active{-webkit-box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset;box-shadow:-3px 0 0 0 var(--vsm-item-active-line-color) inset}.v-sidebar-menu.vsm_white-theme .vsm--header{color:var(--vsm-header-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--badge_default{background-color:#f2f2f2;color:var(--vsm-item-color)}.v-sidebar-menu.vsm_white-theme .vsm--toggle-btn{background-color:var(--vsm-toggle-btn-bg);color:var(--vsm-toggle-btn-color)}body,html{margin:0;height:100%}body{font-family:Source Sans Pro,sans-serif;font-size:18px;background-color:#f2f4f7;color:#262626;display:flex;flex-direction:column}#btnSave{margin-bottom:8px}#demo{padding-left:290px;transition:.3s ease}#demo.collapsed,#demo.onmobile{padding-left:65px}.sidebar-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.5;z-index:900}.demo{width:100%;height:100%}.container{max-width:900px}.align-flex-start{align-items:flex-start!important}.align-center{align-items:center}.control-item-last{margin-bottom:24px}.vsm--item{cursor:pointer}.link-active{background:#5f9ea0}