*{background-color:initial;border:none;border-radius:0;box-sizing:border-box;color:var(--deep-blue-20);font-family:Quicksand,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none;text-indent:0}:root{--deep-blue-20:#29293d;--deep-blue-60:#8585ad;--deep-blue-80:#c2c2d6;--deep-blue-90:#e0e0eb;--deep-blue-95:#f0f0f5;--deep-blue-98:#f9f9fb;--deep-blue-99:#fcfcfd;--pink-20:#604;--pink-60:#f3b;--pink-80:#f9d;--pink-90:#fce;--pink-95:#ffe6f7;--pink-98:#fff5fc;--pink-99:#fffafd;--shadow-bottom-deep-blue-80:inset 0 -1px 0 0 var(--deep-blue-80);--shadow-bottom-deep-blue-20:inset 0 -1px 0 0 var(--deep-blue-20);--shadow-bottom-deep-blue-95:inset 0 -1px 0 0 var(--deep-blue-95);--shadow-right-deep-blue-80:inset -1px 0 0 0 var(--deep-blue-80);--shadow-right-deep-blue-95:inset -1px 0 0 0 var(--deep-blue-95);--shadow-left-deep-blue-80:inset 1px 0 0 0 var(--deep-blue-80);--shadow-left-deep-blue-95:inset 1px 0 0 0 var(--deep-blue-95);--shadow-top-deep-blue-80:inset 0 1px 0 0 var(--deep-blue-80);--shadow-top-deep-blue-95:inset 0 1px 0 0 var(--deep-blue-95);--shadow-around-deep-blue-80:inset 0 0 0 1px var(--deep-blue-80);--shadow-around-deep-blue-20:inset 0 0 0 1px var(--deep-blue-20);--shadow-around-deep-blue-95:inset 0 0 0 1px var(--deep-blue-95);--shadow-around-pink-80:inset 0 0 0 1px var(--pink-80)}@media (prefers-color-scheme:dark){:root{--dark-correction:10%;--deep-blue-20:hsl(240,20%,calc(80% + var(--dark-correction)));--deep-blue-60:hsl(240,20%,calc(40% + var(--dark-correction)));--deep-blue-80:hsl(240,20%,calc(20% + var(--dark-correction)));--deep-blue-90:hsl(240,20%,calc(10% + var(--dark-correction)));--deep-blue-95:hsl(240,20%,calc(5% + var(--dark-correction)));--deep-blue-98:hsl(240,20%,calc(2% + var(--dark-correction)));--deep-blue-99:hsl(240,20%,calc(1% + var(--dark-correction)));--pink-20:hsl(320,100%,100%);--pink-60:hsl(320,100%,60%);--pink-80:hsl(320,100%,40%);--pink-90:hsl(320,100%,20%);--pink-95:hsl(320,100%,15%);--pink-98:hsl(320,100%,12%);--pink-99:hsl(320,100%,11%)}}.meduim-14{font-size:14px}.meduim-16{font-size:16px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background:var(--shadow-around-deep-blue-99);border:4px solid var(--deep-blue-99);border-radius:8px;box-shadow:var(--shadow-around-deep-blue-80)}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background:var(--deep-blue-95);border:4px solid var(--deep-blue-99)}::-webkit-scrollbar-thumb:active{box-shadow:var(--shadow-around-deep-blue-20)}body{background-color:var(--deep-blue-99);height:100vh}.App,body{width:100%}.App{display:grid;grid-template-columns:64px var(--secondary-menu-width) auto;grid-template-rows:64px 80px auto;height:100%;overflow:hidden}.App>.menu-primary{display:flex;grid-column:1;grid-row:1/span 2;height:100vh;overflow:hidden}.App>.menu-secondary{background-color:var(--deep-blue-98);box-shadow:var(--shadow-right-deep-blue-80);grid-column:2;height:calc(100vh - 64px);padding-right:1px;position:relative}.App>.menu-secondary>.hide-bar{background-color:var(--deep-blue-80);cursor:col-resize;height:100%;opacity:0;position:absolute;right:-4px;top:0;width:9px}.App>.menu-secondary>.hide-bar:hover{opacity:.5}.App>.menu-secondary.hidden{width:65px}.App>.top-bar{box-shadow:var(--shadow-bottom-deep-blue-80);grid-column:2/span 2;height:64px;padding:0 16px}.App>.hxp-comp-action-bar,.App>.top-bar{align-items:center;background-color:var(--deep-blue-98);display:flex}.App>.hxp-comp-action-bar{-ms-overflow-style:none;box-shadow:var(--shadow-bottom-deep-blue-95);gap:8px;grid-column:3;grid-row:2;height:80px;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;padding:16px;scrollbar-width:none;width:100%}.App.hxp-comp-action-bar::-webkit-scrollbar{display:none}.App>.main-content{background-color:var(--deep-blue-98);display:grid;grid-column:3;grid-row:3;height:calc(100vh - 144px);overflow:hidden;padding:16px;width:100%}.menu{align-items:center;box-shadow:var(--shadow-bottom-deep-blue-95);color:var(--deep-blue-60);display:flex;font-weight:500;gap:8px;height:64px;margin:0;padding-left:25px;text-align:left;text-decoration:none;width:100%}.menu.active,.menu:hover{background-color:var(--deep-blue-95)}.menu.active{box-shadow:var(--shadow-bottom-deep-blue-80);color:var(--deep-blue-20)}.menu>.icon{fill:var(--deep-blue-60);stroke:var(--deep-blue-60);align-items:center;display:flex;height:14px;justify-content:center;width:14px}.menu>.icon-active{fill:var(--deep-blue-20);stroke:var(--deep-blue-20);display:none}.menu.active>.icon{display:none}.menu.active>.icon-active{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.menu.collapse{display:flex;justify-content:center;padding:0}.prime-table{align-items:center;box-shadow:var(--shadow-bottom-deep-blue-95);display:inline-flex;gap:8px;height:48px;overflow-x:hidden;padding:0 16px;text-align:left;-webkit-user-select:none;user-select:none;width:335px}.prime-table:hover{background-color:var(--deep-blue-95)}.prime-table>.label{text-wrap:nowrap}.prime-table>.icon{fill:var(--deep-blue-20);stroke:var(--deep-blue-20);align-items:center;display:flex;height:14px;justify-content:center;width:14px}.prime-table.select{background-color:var(--deep-blue-95);box-shadow:var(--shadow-bottom-deep-blue-80)}.prime-table.select:hover{background-color:var(--deep-blue-90)}.hxp-comp-button{border-radius:24px;height:48px}.hxp-comp-button>.button{align-items:center;background:var(--progress-gradient);background-color:var(--deep-blue-99);border-radius:24px;box-shadow:var(--shadow-around-deep-blue-20);display:flex;gap:8px;height:100%;padding:16px 24px;width:100%}.hxp-comp-button>.button>.label{color:var(--deep-blue-20);font-size:16px}.hxp-comp-button>.button>.icon{fill:var(--deep-blue-20);stroke:var(--deep-blue-20);align-items:center;display:flex;height:14px;justify-content:center;width:14px}.hxp-comp-button:hover>.button{background-color:var(--deep-blue-95);cursor:pointer}.hxp-comp-button:active>.button{background-color:var(--deep-blue-20)}.hxp-comp-button:active>.button>.label{color:var(--deep-blue-99)}.hxp-comp-button:active>.button>.icon{stroke:var(--deep-blue-99)}.hxp-comp-button.variation-box-shadow{background-color:var(--deep-blue-20)}.hxp-comp-button.variation-box-shadow>.button{transform:translateY(-4px)}.hxp-comp-button.variation-box-shadow:active>.button{transform:translateY(0)}.button-input{align-items:start;display:flex;flex-direction:column;justify-content:center;position:relative}.button-input>label{display:none}.button-input>input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;text-align:right;top:0;width:100%;z-index:2}.content-div{background-color:var(--deep-blue-99);border:1px solid var(--deep-blue-80);border-radius:8px;height:100%;overflow-y:scroll;width:100%}.content-div>.table-div{align-content:flex-start;display:flex;flex-wrap:wrap;gap:8px;height:100%;padding:8px;width:100%}.tables-container{width:100%}.smart-container,.tables-container{display:flex;flex-direction:column;margin:0;padding:0}.key-input{border-radius:8px;box-shadow:var(--shadow-around-deep-blue-20);font-weight:500;height:48px;padding:0 16px}.small-input{width:auto}.big-input{width:200px}.keys-container{background-color:var(--deep-blue-98)}.keys-container>.top-div{align-items:center;background-color:var(--deep-blue-98);border-bottom:2px solid var(--deep-blue-95);display:flex;gap:8px;height:65px;justify-content:flex-start;padding-left:16px}.keys-container>.keys-body>div{background-color:#fff;border-radius:8px;display:flex;gap:8px;height:800px;margin:16px;overflow:scroll;padding:16px;width:95%}.keys-container>.keys-body>div>div{display:inherit;height:60px;width:113px}.key{border-radius:20px;cursor:pointer;font-size:16px;height:40px;padding:0 16px}.buttonKey{background-color:var(--pink-95);color:var(--pink-80)}.buttonKey:hover{box-shadow:var(--shadow-around-pink-80)}.buttonKey:active{background-color:var(--pink-80);color:var(--pink-95)}.emptyBtn{background-color:var(--deep-blue-95);color:var(--deep-blue-20)}.emptyBtn:hover{box-shadow:var(--shadow-around-deep-blue-20)}.emptyBtn:active{background-color:var(--deep-blue-20);color:var(--deep-blue-95)}.prime-page{display:flex;flex-direction:column;margin:0;padding:0}.drop-down{background-color:var(--deep-blue-99);border-radius:8px;box-shadow:var(--shadow-around-deep-blue-20);color:var(--deep-blue-20);cursor:pointer;font-size:16px;font-weight:500;height:48px;padding:0 16px;width:200px}.drop-down.disabled{cursor:default;opacity:.5;pointer-events:none}.table{background-color:var(--deep-blue-99);border-bottom:none;border-radius:10px;box-shadow:var(--shadow-around-deep-blue-95);overflow-y:scroll;width:408px}.table>.line-table{align-items:center;box-shadow:var(--shadow-bottom-deep-blue-95);display:flex;justify-content:space-between;padding:16px}.table>.line-table>div{color:var(--deep-blue-20)}.selected-label{background-color:var(--deep-blue-95)}.disabled{opacity:.5;pointer-events:none}.activeEmptyBtn{background-color:var(--deep-blue-20);color:var(--deep-blue-95)}.edit-st-container{height:890px}.edit-st-container>.top-div{align-items:center;background-color:var(--deep-blue-98);box-shadow:var(--shadow-bottom-deep-blue-95);display:flex;gap:8px;height:65px;justify-content:flex-start;padding-left:16px;width:1540px}.edit-st-container>.button-div{background-color:var(--deep-blue-98);border-bottom:1px solid #c2c2da;padding:10px 16px}.edit-st-container>.content-div{align-items:flex-start;display:flex;gap:8px;height:93%;justify-content:flex-start;padding-left:16px;padding-top:16px}.line-container>p{color:var(--deep-blue-60);margin:5px}.smart-table-name{align-items:center;border-radius:8px;box-shadow:var(--shadow-around-deep-blue-20);display:flex;font-weight:500;height:48px;justify-content:center;padding:10px 15px;width:150px}.hxp-comp-attach-table{display:flex;flex-direction:column;gap:4px;height:100%;width:400px}.hxp-comp-attach-table>.label{padding-left:8px}.hxp-comp-attach-table>.container{background-color:var(--deep-blue-99);border-radius:8px;box-shadow:var(--shadow-around-deep-blue-95);height:100%;overflow-y:auto;width:100%}.hxp-comp-attach-table>.container>.line{align-items:center;box-shadow:var(--shadow-bottom-deep-blue-95);display:flex;height:64px;justify-content:space-between;padding:16px;width:100%}.toggle-container{background-color:var(--deep-blue-95);border-radius:50px;box-shadow:inset 0 0 0 1px var(--deep-blue-20);cursor:pointer;display:flex;justify-content:space-between;padding:5px;width:48px}.disabledButton{box-shadow:inset 0 0 0 1px var(--deep-blue-80)}.toggle-switch{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:16px;justify-content:center;transition:all .3s ease;width:16px}.toggle-btn-on{background-color:var(--deep-blue-20)}.toggle-btn-off{background-color:var(--deep-blue-80)}.disable{background-color:initial}.common-keys{display:flex;flex-direction:column;gap:4px;height:100%;width:400px}.common-keys>.container{background-color:var(--deep-blue-99);border-radius:8px;box-shadow:var(--shadow-around-deep-blue-95);height:100%;overflow-y:auto;width:100%}.common-keys>.label{padding-left:8px}.common-keys>.container>.line{box-shadow:var(--shadow-bottom-deep-blue-95);height:64px;padding:16px;width:100%}.common-keys>.container>.line,.principal-menu{align-items:center;display:flex;justify-content:space-between}.principal-menu{background-color:var(--deep-blue-98);box-shadow:var(--shadow-right-deep-blue-80);flex-direction:column;width:64px}.principal-menu>.bottom-div{box-shadow:var(--shadow-top-deep-blue-95)}.iconMenu{align-items:center;box-shadow:var(--shadow-bottom-deep-blue-95);display:flex;height:64px;justify-content:center;width:62px}.iconMenu>img{height:27px;width:24px}
/*# sourceMappingURL=main.9b8a2f98.css.map*/