@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:rgb(246,246,249);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#555}.shadow{box-shadow:0 3px 5px #3133390f}.scroller{height:calc(100vh - 50px)!important;overflow-y:auto}.disabled{opacity:.5;pointer-events:none}body{background:rgb(246,246,249);height:100%;color:#32324d}html,#app,main{height:100%;overflow:hidden;background:rgb(246,246,249)}main{display:flex;justify-content:flex-start;align-items:flex-start}.flex-center,.powered{display:flex;justify-content:center;align-items:center}.disabled{pointer-events:none;opacity:.5}p{font-size:15px;color:#666687}h2{font-size:24px;margin-bottom:4px}h3{font-size:16px}h4{font-size:14px}p.tag{display:inline-block;background:rgb(220,220,228);color:#fff;padding:7px 9px;border-radius:4px;font-size:10px;text-transform:capitalize}p.title{font-weight:600;font-size:11px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase;color:#666687}p.small{font-size:12px}.btn--wrapper{display:flex;justify-content:flex-start;align-items:center}.btn--wrapper .btn{margin-right:12px}.btn{border-radius:4px;padding:8px 16px;border:1px solid rgb(217,216,255);background:rgb(240,240,255);color:#271fe0;display:inline-block;font-size:13px;cursor:pointer;font-weight:500;-webkit-user-select:none;text-decoration:none}.btn.inactive{opacity:.3}.btn:hover{background:white}.btn:active{transform:scale(.95)}.green{background:rgb(234,251,231)!important;border:1px solid rgb(198,240,194)!important;color:#2f6846!important}.red{border:1px solid rgb(245,192,184)!important;background:rgb(252,236,234)!important;color:#b72b1a!important}.text-btn{opacity:.5;font-size:12px;cursor:pointer;margin-top:7px;text-decoration:underline}.btn--menu{padding:8px 12px;text-decoration:none;border-radius:4px;font-weight:400;font-size:14px;color:#666687;cursor:pointer;margin-bottom:8px;text-transform:capitalize;display:flex;justify-content:flex-start;align-items:center}.btn--menu .icon{display:flex;justify-content:center;align-items:center;width:22px;height:auto;margin-right:5px}.btn--menu svg{width:100%;height:auto}.btn--menu svg *{fill:#666687}.btn--menu:hover{background:rgb(246,246,249);color:#32324d}.btn--menu:hover svg *{fill:#32324d}.btn--menu.active{background:rgb(240,240,255);color:#4945ff;font-weight:600}.btn--menu.active svg *{fill:#4945ff}.btn--back{color:#4945ff;margin-bottom:12px;font-weight:500;font-size:13px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.btn--back svg{width:11px;height:auto;margin-right:4px}.btn--back svg *{fill:#4945ff}input{border-radius:4px;padding:5px 10px;outline:none;margin:0 12px 0 0;height:35px;background:#f6f6f9;border:1px solid rgb(220,220,228);color:#32324d;width:200px}input::placeholder{opacity:.2}header{background:#fff;box-shadow:0 0 10px #0000000f;height:50px;display:flex;justify-content:center;align-items:center}#sidebar,#navbar{position:sticky;top:0px;height:100vh;overflow-y:auto}#sidebar section,#navbar section{padding:16px}#sidebar{background:white;width:225px;height:100%;z-index:2;border-right:1px solid rgb(220,220,228);padding:12px 0}#sidebar .top{padding:12px 12px 20px;margin-bottom:12px;border-bottom:1px solid rgb(220,220,228);display:flex;justify-content:flex-start;align-items:flex-start}#sidebar .top .icon{width:30px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAYAAAAdp2cRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgB7dsxLoVBFEDh+0RFo6DX2gW7oFTahMYOVDqlZbAKLb1F/CSW4EkmJ9+XTD/JydxiMrOb620bcg6GJGGjhI0SNkrYKGGjhI0SNkrYKGGjhI0SNkrYKGGjhI0SNkrYKGGjhI0SNkrYKGGjhI0SNkrYKGGjhI0SNkrYKGGjDmcPtpfZu6uHmbf3Wdr52czH4+zd7mb+zImNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SN2ssrxf9wfvq7Vrby/pYN+3w3/IFRHCVslLBRwkYJGyVslLBRwkYte0Hx+TXLOzn+WUezpGXD3j6t//H58mLm9X6WZBRHCRslbJSwUcJGCRslbJSwUcJGCRslbJSwUcJGCRslbJSwUcJGCRslbJSwUcJGCRu1m+ttG3Kc2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho4SNEjZK2Chho74Bb9sTek9Bo3IAAAAASUVORK5CYII=);background-size:cover;background-position:center;border-radius:4px}#sidebar .top .wrap{padding-left:6px}#sidebar .top .small{margin-top:4px}#sidebar .top .small span{background:rgb(50,50,77);color:#fff;padding:1px 4px;border-radius:4px}#sidebar .bottom{position:absolute;bottom:20px;left:0;width:100%;padding-top:20px}#sidebar .bottom .btn--wrapper{justify-content:center}#navbar{width:225px;height:100%;border-right:1px solid rgb(220,220,228);padding:12px 0}#navbar h3{text-transform:capitalize;margin:20px 15px 10px}#view,.view{flex:1 1 0%;padding:30px 50px;height:100vh;overflow-y:auto}#view .head,.view .head{margin-bottom:50px;max-width:440px}.group{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgb(220,220,228)}.group .tag{margin-bottom:12px}.group .titles{display:flex;justify-content:flex-start;align-items:center;margin-bottom:6px}.group .titles p{padding:0;margin:0;width:200px}.group .wrapper{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.group:last-child{border:none}article{background:white;border-radius:4px;box-shadow:#dcdce4 0 1px 4px;display:flex;justify-content:flex-start;align-items:center;height:55px;min-height:55px;margin-bottom:12px;padding:0 12px;transition:background .2s}article.animation{background:rgb(73,69,255)}article.animation .btn{pointer-events:none;opacity:.5}article.animation p{color:#fff}article.action .label{width:200px;margin-right:-12px}.colorpicker{width:100%;height:100%;background:rgba(0,0,0,.8784313725);position:fixed;left:0;top:0;z-index:99;display:flex;justify-content:center;align-items:center;flex-direction:column}.colorpicker .vacp-color-picker{border-radius:4px}.colorpicker .preview{width:90px;margin-bottom:20px;height:30px;border-radius:3px}.color-section{width:200px}.color{width:56px;height:28px;display:inline-block;border-radius:4px;border:1px solid #eaeaef;cursor:pointer}.live-indicator{width:8px;height:8px;display:inline-block;border-radius:100%;margin:0 4px;opacity:1;animation:fade 1s linear infinite;background:#9cc769}.powered{position:absolute;bottom:11px;left:0;width:100%;flex-direction:column}.powered p,.powered a{text-align:center;font-size:10px;color:#32324d;opacity:.5;padding:2px 0}.powered p:hover,.powered a:hover{opacity:1;color:#4945ff}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}