/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/tabulator-tables/dist/css/tabulator.min.css ***!
  \************************************************************************************************************/
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none}.tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{bottom:auto;justify-content:center;left:0;right:0;top:4px}.tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block}.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none}.tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%}.tabulator .tabulator-tableholder:focus{outline:none}.tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%}.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%}.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal}.tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap}.tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px}.tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff}.tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px}.tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px}.tabulator .tabulator-footer .tabulator-page-counter{font-weight:400}.tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-pages{margin:0 7px}.tabulator .tabulator-footer .tabulator-page{background:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-page.active{color:#d00}.tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:rgba(0,0,0,.2);color:#fff;cursor:pointer}}.tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize}}.tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px}.tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px}.tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%}.tabulator .tabulator-alert{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{border:4px solid #333;color:#000}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid #d00;color:#590000}.tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative}.tabulator-row.tabulator-row-even{background-color:#efefef}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer}}.tabulator-row.tabulator-selected{background-color:#9abcea}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer}}.tabulator-row.tabulator-row-moving{background:#fff;border:1px solid #000}.tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15}.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000}.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff}.tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0}.tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}}.tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px}.tabulator-row .tabulator-responsive-collapse:empty{display:none}.tabulator-row .tabulator-responsive-collapse table{font-size:14px}.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px}.tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999}.tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0}.tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none}.tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00}.tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00}.tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea}.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7}}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none}.tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px}.tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px}.tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px}.tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px}.tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px}.tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px}.tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block}.tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-row.tabulator-group span{color:#d00;margin-left:10px}.tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row}.tabulator-toggle.tabulator-toggle-on{background:#1c6cc2}.tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box}.tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000}.tabulator-popup{border-radius:3px;padding:5px}.tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:Min(500px,100%);padding:3px 5px;pointer-events:none}.tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;user-select:none}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer}}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px}.tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa}.tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto}.tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px}.tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff}.tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)}.tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd}@media (hover:hover) and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer}}.tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center}.tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{padding-left:12px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{padding-left:20px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{padding-left:28px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{padding-left:36px}.tabulator.tabulator-ltr{direction:ltr}.tabulator.tabulator-rtl{direction:rtl;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto}.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px}.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial}.tabulator-print-fullscreen{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10000}body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important}.tabulator-print-table{border-collapse:collapse}.tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important}.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block}.tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px}.tabulator-print-table .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}
/*# sourceMappingURL=tabulator.min.css.map */
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/main.css ***!
  \******************************************************************************/
:root {
	/* --canvas-background-color: rgb(255, 255, 255); */
	--canvas-background-color: #ffffff;
	--background-color: #ececec;
	--font-family: "Roboto", sans-serif;

	/* Color Gradient set */
	--color-gradient-1: #657fff63;
	--color-gradient-2: #9e6d9b6b;
	--tool-bar-background-color: #ffffff; /* Primary color: Dodger Blue */
	--tool-bar-border-color: #ccc8c8;
	--canvas-grid-lines-color: #eceaea;
	--cross-hair-color: #007acc;

	/* Primary color: Dodger Blue */
	--box-shadow-color: rgba(0, 0, 0, 0.2);
	--box-shadow1-color: rgba(0, 0, 0, 0.19);
	--loader-border-color: #3498db;
	--loader-border-top-color: rgb(151, 149, 149);
	--title-bg-color: #1f2937;
	--title-color: white;
	--scrollbar-level-color: #aaaaaa;
	--scrollbar-bg-color: whitesmoke;
	--canvas-major-grid-lines-color: #666666;
	--canvas-minor-grid-lines-color: #aaaaaa;
	--footer-height: 20px;
	--header-height: 40px;
	--icon-height: 15px;
	--icon-width: 15px;
	--icon-hover: linear-gradient(
		to right,
		var(--color-gradient-1),
		var(--color-gradient-2)
	);
	--icon-highlight: #9d9dc3;
	--float-container-bg: white;
	--dialog-bg: linear-gradient(
		to right,
		rgb(145, 188, 252),
		rgb(209, 141, 248)
	);
	--right-panel-width: 1.5rem;
}

.tippy-box[data-theme~="tippy-theme-nextgen"] {
	background-image: linear-gradient(
		to right,
		rgb(145, 188, 252),
		rgb(209, 141, 248)
	);
	border-width: 1px;
	border-color: #0f0f0f;
	border-radius: 6px;
	box-shadow:
		0 4px 8px 0 rgba(0, 0, 0, 0.2),
		0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: black;
}

.invalid {
	border: 1px solid red !important;
	background-color: rgba(249, 214, 214, 0.635);
}

body {
	background-color: var(--background-color);
	font-family: var(--font-family);
	margin: 0;
	color: #707070;
}

html,
body {
	overflow: hidden;
}

.icon-high-light {
	background-color: var(--icon-highlight) !important;
}

.icon-size {
	width: var(--icon-width);
	height: var(--icon-height);
}

.icon-text {
	font-size: xx-small;
}

.avatar-icon-size {
	width: 30px;
	height: 30px;
	border-radius: 50pc;
	border-color: grey;
}

.point-group:hover .center-dot {
	fill: red;
	cursor: pointer;
}

.point-group:active .center-dot {
	fill: green;
}

.connector-progress {
	pointer-events: none;
}

text {
	user-select: none;
}

[data-type="route"]:hover {
	cursor: pointer;
}

[data-type="route"].is-active .visual-route {
	stroke: red;
}

g[data-type="symbol"]:hover {
	cursor: pointer;
}

g[data-type="symbol"]:active {
	cursor: grabbing;
}

g.route-nodes:active {
	cursor: grabbing;
}

/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_tab_selector.css ***!
  \******************************************************************************************/
.std-tab-selector {
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px 0;
	padding: 2px;
	border: 1px solid grey;
	color: var(--title-color);
	background: var(--title-bg-color);
	font-size: x-small;
	transition: all 0.5s ease;
}

.std-tab-selector div.active {
	background: linear-gradient(90deg, #cad1f3, #cfa0ccdb);
	border: 1px solid black;
	border-radius: 16px;
	color: black;
	padding: 2px 4px;
}

.std-tab-selector div {
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	padding: 0 4px;
	background: transparent;
	border: 1px solid transparent;
	transition: all 0.5s ease; /* Add transition */
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_accordion.css ***!
  \***************************************************************************************/
.std-accordion {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2c3e50;
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
	padding: 8px 12px;
	border-radius: 8px 8px 0 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	box-shadow:
		0 2px 8px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 32px;
}

.std-accordion::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #3498db, #e74c3c, #f39c12, #27ae60);
	opacity: 0.8;
}

.std-accordion-title {
	width: 100%;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.2px;
	position: relative;
	z-index: 1;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	user-select: none;
}

.std-accordion-collapse {
	display: none;
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_text_box.css ***!
  \**************************************************************************************/
.std-text-box {
	width: 100%;
	border: 1px solid #9f9f9f;
	border-radius: 4px;
	padding: 4px;
}

.std-text-box:active {
	border: 1px solid #1100fd;
}

.std-text-box:focus {
	border-color: #000000;
	outline: none;
}

.std-text-box::placeholder {
	color: #888888;
	font-style: italic;
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_button.css ***!
  \************************************************************************************/
.std-button {
	background: linear-gradient(
		67deg,
		rgba(136, 154, 242, 1),
		rgba(255, 228, 253, 1)
	);
	border: none; /* First remove default border */
	box-shadow: 0 0 0 1px rgba(136, 154, 242, 0.5);
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.5s ease;
	color: black;
	position: relative;
	overflow: hidden;
}

.std-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(136, 154, 242, 0.3);
}

.std-button:active {
	transform: translateY(1px);
	box-shadow: 0 2px 5px rgba(136, 154, 242, 0.2);
}

.std-button:focus {
	outline: none;
	border: 2px solid rgba(136, 154, 242, 0.5);
}

.std-button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* Optional: Add a subtle ripple effect on hover */
.std-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		120deg,
		transparent,
		rgba(255, 255, 255, 0.3),
		transparent
	);
	transition: all 0.6s ease;
}

.std-button:hover::before {
	left: 100%;
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_dialog.css ***!
  \************************************************************************************/
.dialog {
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	z-index: 1000;
	position: fixed;
}

.dialog-header {
	padding: 5px 10px;
	border-bottom: 1px solid #333333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--title-bg-color);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.dialog-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--title-color);
}

.dialog-content {
	padding: 24px;
	max-height: 70vh;
	overflow-y: auto;
}

.form-container-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	background: white;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	max-width: 600px;
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--title-bg-color);
}

.symbol-switch-component-list {
	display: flex;
	border: 1px solid rgba(159, 147, 147, 0.3);
	justify-content: flex-start;
	padding-top: 4px;
	border-radius: 4px;
	overflow-x: auto;
	scrollbar-width: thin;
	gap: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.symbol-switch-component-list .content-section {
	border: 2px solid transparent;
	transition:
		border 0.2s ease,
		box-shadow 0.2s ease;
	cursor: pointer;
	border-radius: 8px;
}

.symbol-switch-component-list .content-section:hover {
	box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
}

.symbol-switch-component-list .content-section.selected {
	border: 2px solid #00c853;
	box-shadow: none;
}

.symbol-dialog-actions {
	display: flex;
	justify-content: flex-end;
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_card.css ***!
  \**********************************************************************************/
.std-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.std-card:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.std-card-details {
	text-align: left;
	width: 100%;
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_toggle.css ***!
  \************************************************************************************/
.std-toggle {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.std-toggle-checkbox {
	display: none;
}

.std-toggle-container {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: fit-content;
	border: 1px solid #1f1f1fb7;
	border-radius: 20px;
	background: #1f1f1fb7;
	color: #1f1f1fb7;
	cursor: pointer;
}

.std-toggle-container::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0%;
	border-radius: 20px;
	background: var(--dialog-bg);
	transition: all 0.3s;
}

.std-toggle-container div {
	padding: 2px;
	text-align: center;
	z-index: 1;
}

.std-toggle-checkbox + .std-toggle-container div:first-child {
	color: #292929b7;
	transition: color 0.3s;
}

.std-toggle-checkbox + .std-toggle-container div:last-child {
	color: white;
	transition: color 0.3s;
}

.std-toggle-checkbox:checked + .std-toggle-container div:first-child {
	color: white;
	transition: color 0.3s;
}

.std-toggle-checkbox:checked + .std-toggle-container div:last-child {
	color: #292929b7;
	transition: color 0.3s;
}

.std-toggle-checkbox:checked + .std-toggle-container::before {
	left: 50%;
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_text_area.css ***!
  \***************************************************************************************/
textarea {
	resize: none;
	border: 1px solid #9f9f9f;
	border-radius: 4px;
	padding: 4px;
	height: 25px;
}

textarea:focus {
	border-color: #000000;
	outline: none;
}

/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_close_button.css ***!
  \******************************************************************************************/
.close-button {
	background: none;
	border: none;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
	padding: 4px;
	line-height: 1;
}

.close-button:hover {
	color: #888888;
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/client/styles/std_tabulator.css ***!
  \***************************************************************************************/
.tabulator-col-title {
	padding-right: 0 !important;
}

.tabulator-header {
	background: linear-gradient(
		to right,
		#657fff42,
		#d612c92f,
		rgb(245, 245, 245)
	) !important;
	color: white !important;
}

.tabulator-col {
	background-color: rgb(208, 176, 221) !important;
	color: #161313 !important;
}

.tabulator-cell {
	border-bottom: 1px solid #bdbbbb !important;
	height: 32px !important;
	padding: 8px !important;
}

.tabulator-row.tabulator-selected {
	background-color: #dbdfe5 !important;
}

.tabulator-row-even {
	background-color: white !important;
}

.tabulator-row.tabulator-selectable:hover {
	background-color: #d5cdcd !important;
}

.tabulator-cell.tabulator-editing {
	border: 1px solid #1d68cd !important;
	border-bottom: 1px solid #1d68cd !important;
}

.tabulator-cell.tabulator-editing.tabulator-validation-fail {
	border: 1px solid #d00000 !important;
	border-bottom: 1px solid #d00000 !important;
}

.tabulator .tabulator-tableholder {
	scrollbar-width: thin !important; /* Makes the scrollbar thinner */
	scrollbar-color: #888888 #f1f1f1 !important; /* Thumb color and track color */
	max-height: calc(100vh - 297px) !important;
}

.tabulator .tabulator-edit-select {
	height: 30px !important;
	color: red !important;
}

.tabulator-edit-list {
	max-height: 150px !important;
}

.tabulator-tooltip {
	color: black !important;
	height: 20px !important;
	overflow-y: auto !important;
	background-color: #cbcbd3 !important;
	padding: 2px !important;
}

.tabulator-row.tabualtor-signal-success {
	background-color: #a7dba7 !important;
}

.tabulator-row.tabualtor-signal-not-routed {
	background-color: rgb(235, 160, 10) !important;
}

.validation-fail {
	background-color: #ffcccc !important;
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/layouts/drawing_size.css ***!
  \***************************************************************************************/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fffdfd;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	padding: 20px;
	z-index: 1000;
	width: 300px;
}

.drawing-size-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px;
}

.custom-drawing-text-box {
	width: 95%;
	height: 25px;
}

.drawing-size-button {
	display: flex;
	justify-content: center;
	gap: 20px;
	padding: 10px;
}

.custom-button {
	width: 110px;
}

.drawing-size-container {
	display: flex;
	align-items: center;
}

.drawing-size-label {
	color: #000000;
	font-size: smaller;
	font-weight: bolder;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/openDocument/open_document.css ***!
  \*********************************************************************************************/
.open-sheet-popup {
	width: 1000px;

	/* height: 600px; */
}

.no-data {
	text-align: center;
	font-size: 16px;
	color: #666666;
	position: absolute;
	left: 435px;
}

.search-input {
	border-radius: 14px;
	width: 230px;
}

.search-bar {
	display: flex;
	justify-content: center;
	height: 27px;
	gap: 10px;
	margin: 10px;
}

.open-document-content {
	border: none;
	display: grid;
	gap: 16px;

	/* grid-template-columns: repeat(4, 1fr); */
	height: 55vh;
	overflow-y: auto;
	padding: 7px;
	scroll-behavior: smooth;
}

.custom-open-dialog {
	padding: 0;
}

.open-document-content::-webkit-scrollbar {
	width: 8px;
}

.open-document-content::-webkit-scrollbar-track {
	background: #f5f5f5;
	border-radius: 4px;
}

.open-document-content::-webkit-scrollbar-thumb {
	background-color: #888888;
	border-radius: 4px;
	border: 2px solid #f5f5f5;
}

.open-document-content::-webkit-scrollbar-thumb:hover {
	background-color: #555555;
}

.open-doc-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
	margin: 0 auto;
	width: fit-content;
	height: fit-content;
	max-width: 1000px;
}

.open-doc-card {
	border-radius: 6px;
	box-shadow: 7px 3px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.2s ease-in-out;
}

.open-doc-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.open-doc-header {
	padding: 12px;
	border-bottom: 1px solid #eeeeee;
	background: linear-gradient(1deg, #8091e742, #d174cb2f, #f5efef);
}

.open-doc-title {
	margin: 0;
	color: #333333;
	font-size: 16px;
	font-weight: 600;
}

.open-doc-part-number {
	margin: 3px 0 0;
	color: #666666;
	font-size: 13px;
}

.open-doc-image-container {
	width: 100%;
	height: 160px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9fa;
}

.open-doc-image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.open-doc-footer {
	background: #fafad2;
	border-top: 1px solid #eeeeee;
	color: #444242;
	display: flex;
	font-size: 10px;
	justify-content: space-between;
	padding: 8px;
}

.open-doc-date-label {
	font-size: 10px;
	font-weight: 700;
}

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/newDocument/new_document.css ***!
  \*******************************************************************************************/
.new-document-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.new-document-item {
	display: flex;
	flex-direction: column;
}

.new-document-label {
	color: black;
	font-weight: bolder;
	font-size: smaller;
	margin-bottom: 10px;
}

.cust-text-box {
	width: 98%;
	height: 25px;
}

.new-document-button {
	display: flex;
	justify-content: center;
	padding: 10px;
	margin-top: -15px;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/propertyFile/property_file.css ***!
  \*********************************************************************************************/
.dialog-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.info-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.info-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.info-label {
	color: #666666;
	font-size: 13px;
	font-weight: 500;
}

.info-value {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 0;
}

.modified-time-container {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.time-since {
	color: #999999;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}

.stats-container {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eeeeee;
	grid-column: span 2;
}

.stats-header {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 16px;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	background: #f8f9fa;
	padding: 16px;
	border-radius: 8px;
}

.stats-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
	padding: 12px 16px;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.stats-label {
	color: #666666;
	font-size: 13px;
	font-weight: 500;
}

.stats-value {
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 600;
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/index/index.css ***!
  \******************************************************************************/
.canvas-container {
	background: var(--canvas-background-color);
	position: absolute;
	left: 0;
	top: calc(var(--header-height));
	width: 100%;
	height: calc(100vh - (var(--header-height) + var(--footer-height)));
	z-index: 0;
}

.drawing-sheet {
	background: white;
	box-shadow: 0 4px 8px 0 var(--box-shadow-color);
}

.overlay-container {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 0;
	width: 100%;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition:
		opacity 0.5s ease,
		visibility 0s 0.5s;
	transform-origin: right bottom;
}

/* Class to show the overlay */
.overlay-container.active {
	opacity: 1;
	visibility: visible;
	animation: scale-in 0.5s forwards;
}

/* Class to hide the overlay */
.overlay-container.hidden {
	animation: scale-out 0.5s forwards;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.5s ease,
		visibility 0s 0.5s;
}

@keyframes scale-in {
	from {
		opacity: 0;
		transform: scale(0.1);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes scale-out {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(0.1);
	}
}

.toast-conatiner {
	position: fixed;
	bottom: 20px;
	right: 0;
	transform: translateX(-25%);
	display: flex;
	flex-direction: column-reverse; /* New toasts appear at the top */
	align-items: center;
	gap: 10px;
	z-index: 1000;
}

/* Toast styles */
.toast {
	min-width: 250px;
	padding: 8px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	position: relative;
	animation: fade-in 0.3s ease-out;
	cursor: pointer;
}

.toast.success {
	color: rgb(0, 0, 0);
	background-color: #a2ffa5;
	margin: 0;
}

.toast.error {
	color: rgb(0, 0, 0);
	background-color: #fc9790;
}

.toast.warning {
	color: rgb(0, 0, 0);
	background-color: #fccc85;
}

@keyframes fade-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.highlight {
	stroke: red !important;
	stroke-width: 3px !important;
	fill: white !important;
}

.suggestion-pin-highlight {
	stroke: #084f17 !important;
	stroke-width: 5px !important;
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/footer/footer.css ***!
  \********************************************************************************/
.footer-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	z-index: 10;
	position: fixed;
	color: khaki;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to right, #131313de, #131313de, #131313de);
	border-top: 1px solid var(--canvas-major-grid-lines-color);
	height: var(--footer-height);
	box-shadow:
		0 4px 8px 0 rgba(141, 83, 196, 0.2),
		0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.coordinates-section {
	font-size: 12px;
	width: 100px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	border-radius: 2px;
	padding: 2px 4px;
}

.footer {
	display: flex;
	gap: 15px;
}

.footer-icon {
	cursor: pointer;
	height: var(--icon-height);
	width: var(--icon-width);
}

.highlight {
	border: 1px solid rgb(0, 0, 0);
	background: linear-gradient(to right, #d3d3d363, #6665666b);
}

.footer-icon:hover {
	background: linear-gradient(
		to right,
		var(--color-gradient-1),
		var(--color-gradient-2)
	);
}

.footer-info {
	display: flex;
	align-items: center;
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/header/header.css ***!
  \********************************************************************************/
.header {
	position: fixed;
	width: 100%;
	height: var(--header-height);
	top: 0;
	left: 0;
	background: linear-gradient(270deg, #c00909d0, #000000, #c00909d0, #000000);
	box-shadow:
		0 0 0 0 rgba(0, 0, 0, 0.2),
		0 0 10px 0 black;
	padding: 1px;
	display: flex;
	align-items: center;
	gap: 0;
	color: #ffffff;
	font-weight: 500;
	z-index: 4;
	overflow: hidden;
}

.header-vector {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}

.header-content {
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
	position: relative;
	z-index: 2;
}

.logo {
	padding-left: 5px;
	width: 20px;
	height: 20px;
}

.logo:hover {
	cursor: pointer;
	filter: hue-rotate(90deg);
}

.app-section {
	margin-left: 12px;
	color: #ffffff;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 6px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.app-section b {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.5px;
}

.app-section small {
	font-size: 12px;
	opacity: 0.9;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.header-right {
	margin-left: auto;
	padding-left: 1rem;
	padding-right: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-right:hover {
	cursor: pointer;
}

.logout-button {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 6px;
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 16px;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.logout-button:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	transform: translateY(-1px);
}

.user-name {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/dialog/progress_dialog.css ***!
  \*****************************************************************************************/
.progress-section {
	display: flex;
	position: absolute;
	padding: 1px;
	color: rgb(2, 2, 2);
	background: linear-gradient(
		67deg,
		rgba(136, 154, 242, 1),
		rgba(255, 228, 253, 1),
		#e0e0e0
	);
	font-size: small;
	width: 16rem;
	height: fit-content;
	left: 50%;
	bottom: 10px;
	transform: translate(-50%, -50%);
	box-shadow:
		4px 4px 4px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
	border: 5px;
	border-radius: 50pc;
	animation: border-animation 3s linear infinite;
}

.spinner {
	width: 30px;
	height: 30px;
}

@keyframes border-animation {
	0% {
		border-color: #343fdba4;
	}

	25% {
		border-color: #a22dc5;
	}

	50% {
		border-color: #5ed12879;
	}

	75% {
		border-color: #145ac28f;
	}

	100% {
		border-color: #b434db77;
	}
}

.progress-msg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}

.progress-dialog {
	position: fixed;
	left: 50%;
	bottom: 20px;
	width: 16rem;
	height: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.progress-container {
	padding: 5px;
	width: 100%;
	transform: translate(-50%, -50%);
	box-shadow:
		4px 4px 4px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
	border: 5px;
	border-radius: 5px;
	animation: border-animation 3s linear infinite;
	color: var(--title-color);
	background: var(--title-bg-color);
}

.progress-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.progress-bar {
	width: 100%;
	height: 20px;
	background: black;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:
		4px 4px 4px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
	position: relative;
}

.progress-fill {
	width: 0%;
	height: 100%;
	background: linear-gradient(67deg, #889af2, #ffe4fd, #e0e0e0, #889af2);
	background-size: 300% 100%;
	animation: shimmer 2s linear infinite;
	transition: width 0.3s ease;
	position: relative;
	overflow: hidden;
}

.progress-fill::after {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.4),
		transparent
	);
	animation: shine 1.5s ease-in-out infinite;
}

.progress-fill::before {
	content: "";
	position: absolute;
	inset: 0; /* Shorthand for top: 0, right: 0, bottom: 0, left: 0 */
	background: linear-gradient(
		45deg,
		transparent 25%,
		rgba(255, 255, 255, 0.1) 50%,
		transparent 75%
	);
	background-size: 10px 10px;
	animation: glitter 1s linear infinite;
}

.progress-text {
	text-align: center;
}

@keyframes shimmer {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes shine {
	0% {
		left: -100%;
	}

	100% {
		left: 200%;
	}
}

@keyframes glitter {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 10px 0;
	}
}

/* Optional: Add a pulsing glow effect */
@keyframes glow {
	0%,
	100% {
		box-shadow:
			0 0 5px rgba(136, 154, 242, 0.6),
			0 0 10px rgba(136, 154, 242, 0.4);
	}

	50% {
		box-shadow:
			0 0 10px rgba(136, 154, 242, 0.8),
			0 0 20px rgba(136, 154, 242, 0.6);
	}
}

.dialog-message-dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.dialog-message-container {
	position: relative;
	width: 90%;
	max-width: 400px;
	background: var(--dialog-bg);
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	animation: dialog-appear 0.3s ease-out;
}

.dialog-message-content {
	padding: 10px;
	border-radius: 8px;
	background: black;
}

.dialog-message-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.dialog-message-icon {
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dialog-message-title {
	margin: 0;
	color: var(--title-color);
	font-size: 1.2rem;
	font-weight: 600;
}

.dialog-message-body {
	margin-bottom: 20px;
	font-size: small;
}

.dialog-message-body p {
	margin: 0;
	color: var(--title-color);
	line-height: 1.5;
}

.dialog-message-footer {
	display: flex;
	justify-content: flex-end;
}

.dialog-message-button {
	padding: 8px 16px;
	border: none;
	border-radius: 4px;
	background: linear-gradient(
		67deg,
		rgba(136, 154, 242, 1),
		rgba(255, 228, 253, 1)
	);
	color: var(--title-color);
	cursor: pointer;
	font-weight: 500;
	transition: all 0.2s ease;
}

.dialog-message-button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

/* Message type specific styles */
.dialog-message-content.dialog-info {
	border: 2px solid #889af2;
}

.dialog-message-content.dialog-error {
	border: 2px solid #ff4d4d;
}

.dialog-message-content.dialog-warning {
	border: 2px solid #ffd700;
}

/* Animation */
@keyframes dialog-appear {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.reference-message-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: black;
	margin-top: 4px;
}

.reference-message-content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 52px;
	background-color: #d1d6d9;
	border-radius: 2px;
	padding: 0 8px;
	width: 48%;
}

.reference-message-label {
	padding: 2px;
	text-transform: capitalize;
	width: 51%;
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/dialog/undo_modal.css ***!
  \************************************************************************************/
.undo-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.undo-modal-container {
	border-radius: 8px;
	max-width: 400px;
	background: linear-gradient(90deg, #657fff63, #9e6d9b6b, #f5f5f5);
	background-color: #ffffff;
	width: fit-content;
	padding: 20px;
}

.undo-modal-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	color: #000000;
}

.undo-modal-header h3 {
	color: #000000;
}

.undo-modal-body {
	margin-bottom: 20px;
	font-size: small;
}

.undo-modal-body p {
	margin: 0;
	line-height: 1.5;
	color: #000000;
}

.undo-modal-footer {
	display: flex;
	justify-content: center;
}

.undo-message-content {
	padding: 10px;
	border-radius: 8px;
	background: black;
}

.undo-confirm-button {
	padding: 8px 16px;
	background-color: green;
	border: 2px solid green;
	border-radius: 4px;
	margin-right: 60px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-weight: 800;
}

.undo-cancel-button {
	background-color: red;
	color: white;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 800;
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/layouts/navigation.css ***!
  \*************************************************************************************/
.navigation-container {
	display: inline-flex;
	bottom: 35px;
	right: 10px;
	height: 36px;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 20px;
	background-color: #16191e;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	position: absolute;
	cursor: pointer;
	z-index: 1;
	backdrop-filter: blur(10px);
}

.navigation-buttons {
	width: 18px;
	height: 18px;
	padding: 6px;
	margin: 2px;
	border-radius: 6px;
	cursor: pointer;
	filter: brightness(0) invert(1);
	transition: all 0.2s ease;
}

.navigation-buttons:hover {
	background-color: rgba(255, 255, 255, 0.1);
	transform: translateY(-1px);
	filter: brightness(0) invert(1) brightness(1.2);
}

.navigation-buttons:active {
	transform: translateY(0);
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/layouts/automations.css ***!
  \**************************************************************************************/
.automation-features {
	position: fixed;
	bottom: 80px;
	right: 10px;
	display: inline-grid;
}

.automation-icon {
	margin-top: 5px;
	border-radius: 50pc;
	width: 30px;
	height: 30px;
	border-color: black;
	border-width: 2px;
	box-shadow:
		0 4px 8px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
}

.automation-icon:hover {
	cursor: pointer;
	background: linear-gradient(
		to right,
		var(--color-gradient-1),
		var(--color-gradient-2)
	);
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/interpreter/terminal.css ***!
  \***************************************************************************************/
.terminal-section {
	display: block;
	width: 100%;
	box-shadow: 0 0 15px var(--box-shadow-color);
	position: relative;
	max-width: 100%; /* Optional: set a max width */
	margin: auto;
	top: 15%;
	overflow: auto;
}

.execute-button {
	position: absolute;
	background-color: rgb(101, 241, 101);
	width: fit-content;
	padding: 4px;
	padding-bottom: 2px;
	right: 1.5rem;
	bottom: 11rem;
	border-radius: 2px;
	box-shadow:
		4px 4px 4px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
	transition:
		background-color 0.3s ease,
		transform 0.3s ease; /* Transition for hover */
}

.execute-button:hover {
	background-color: limegreen;
	transform: scale(1.05);
}

.execute-button:active {
	transform: scale(0.95); /* Slightly decrease the size when clicked */
}

.output-section {
	background-color: #1e1e1e;
	color: white;
	text-align: justify;
	font-weight: bold;
	font-size: 14px;
	min-height: 150px;
	overflow: auto;
}

.output-message {
	padding: 8px;
}

.minimize-button {
	margin: 8px 4px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	z-index: 1;
}

/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/layouts/cue_line.css ***!
  \***********************************************************************************/
.cue-line-container {
	display: none;
	position: fixed;
	z-index: 1;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: fit-content;
	padding: 4px 8px;
	font-size: 14px;
	background-color: lightgoldenrodyellow;
	color: black;
	border-radius: 12px;
	margin-bottom: 2px;
	box-shadow:
		4px 4px 4px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
}

.cue-line-container.visible {
	opacity: 1;
	visibility: visible;
}

.cue-line-error {
	box-shadow: 0 0 8px red;
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/leftPanel/left_panel.css ***!
  \***************************************************************************************/
.display-row-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.display-row-collapse-icon {
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(230deg)
		brightness(119%) contrast(119%);
}

.display-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.left-panel-container {
	background: rgba(255, 255, 255, 0.95);
	background-color: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow:
		6px 3px 8px rgb(23, 23, 23),
		0 1px 3px rgb(70, 70, 70);
	display: flex;
	flex-direction: column;
	height: calc(100vh - 125px);
	overflow: hidden;
	position: fixed;
	top: calc(var(--header-height) + 50px);
	left: 20px;
	transition:
		width 0.3s,
		padding 0.3s,
		box-shadow 0.3s ease;
	width: 22rem;
	z-index: 1;
	backdrop-filter: blur(8px);
}

.left-panel-container:hover {
	box-shadow:
		2px 9px 8px rgb(0, 0, 0),
		0 1px 3px rgb(34, 34, 34);
}

.component-body {
	display: block;
	padding: 8px;
}

.left-panel-container.collapsed {
	width: 10px;
}

.component-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	overflow-y: auto;
	scrollbar-width: thin;
	height: calc(100vh - 280px);
	padding: 8px 4px;
	border-radius: 8px;
	background: rgba(248, 249, 250, 0.5);
	margin-top: 8px;
}

.left-panel-container.collapsed .component-list {
	display: none;
}

.component-list::-webkit-scrollbar {
	width: 6px;
}

.component-list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
}

.component-list::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.component-list::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.3);
}

.justify-space-even {
	justify-content: space-evenly;
}

.componnet-empty-list {
	align-items: center;
	color: #666666;
	display: none;
	font-size: 14px;
	font-style: italic;
	margin-top: 16px;
	position: fixed;
	text-align: center;
}

.connector-search {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	width: 100%;
	margin-bottom: 6px;
}

.connector-input {
	margin-right: 8px;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 8px 16px;
	font-size: 14px;
	background: #f8f9fa;
	transition: all 0.2s ease;
	width: 100%;
}

.connector-input:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
	background: #ffffff;
}

.component-loader {
	width: 40px;
	height: 40px;
}

.loader-section {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	top: 17%;
	height: calc(100vh - 254px);
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(4px);
}

.capitalize {
	text-transform: capitalize;
}

.collapse-img {
	position: absolute;
	right: -15px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	transform: rotate(360deg);
	transition:
		transform 0.3s ease-in-out,
		left 0.2s ease-in-out,
		box-shadow 0.2s ease;
	cursor: pointer;
	top: 6rem;
	left: 19rem;
	z-index: 3;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.collapse-img:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: scale(1.05);
}

.connector-section {
	border-top: 0;
	border-radius: 0 0 8px 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px;
}

.component-sub-accordion {
	color: #2c3e50 !important;
	font-weight: 600;
	padding: 8px 12px;
	width: 100%;
	font-size: 13px;
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.component-sub-accordion::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, #3498db, #2980b9);
	border-radius: 2px;
}

.component-sub-accordion:hover {
	background: linear-gradient(135deg, #191919 0%, #cfcfcf 100%);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateX(2px);
}

.component-sub-accordion .accordion-icon {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	opacity: 0.7;
}

.component-sub-accordion .accordion-title {
	flex: 1;
	text-align: left;
	font-weight: 600;
}

.component-sub-accordion .accordion-count {
	background: rgba(52, 152, 219, 0.1);
	color: #3498db;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	margin-right: 8px;
}

.component-sub-accordion .accordion-arrow {
	width: 14px;
	height: 14px;
	transition: transform 0.3s ease;
	opacity: 0.6;
}

.component-sub-accordion:hover .accordion-arrow {
	opacity: 1;
	transform: rotate(90deg);
}

.complib-container {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
	display: flex;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 600;
	justify-content: space-between;
	align-items: center;
	color: white;
	border-radius: 10px;
	margin-bottom: 12px;
	box-shadow: 0 4px 16px rgba(44, 62, 80, 0.2);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.complib-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, #3498db, #e74c3c, #f39c12, #27ae60);
}

.complib-container:hover {
	box-shadow: 0 6px 20px rgba(44, 62, 80, 0.3);
	transform: translateY(-2px);
}

.complib-container .library-icon {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	opacity: 0.9;
}

.complib-container .library-name {
	flex: 1;
	text-align: left;
}

.complib-container .library-arrow {
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
}

.complib-container:hover .library-arrow {
	transform: rotate(180deg);
}

/* Component Card Styles */
.component-card {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 10px;
	transition: all 0.3s ease;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	position: relative;
	overflow: hidden;
}

.component-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, #3498db, #27ae60);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.component-card:hover {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
	border-color: rgba(52, 152, 219, 0.3);
}

.component-card:hover::before {
	opacity: 1;
}

.component-card:active {
	transform: translateY(-1px);
}

.component-symbol {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 8px;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	transition: all 0.3s ease;
}

.component-symbol:hover {
	background: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%);
	border-color: rgba(52, 152, 219, 0.2);
}

.component-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.component-nav-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	transition: all 0.2s ease;
	color: #666666;
}

.component-nav-btn:hover {
	background: rgba(0, 0, 0, 0.05);
	color: #333333;
}

.component-id {
	font-size: 12px;
	font-weight: 500;
	color: #495057;
	margin-bottom: 4px;
}

.component-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.component-info-icon {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(0, 123, 255, 0.1);
	color: #007bff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
}

.component-info-icon:hover {
	background: rgba(0, 123, 255, 0.2);
	transform: scale(1.1);
}

/* Component Group Section */
.component-group-section {
	margin-bottom: 16px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.04);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.component-group-header {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.component-group-title {
	font-size: 12px;
	font-weight: 600;
	color: #6c757d;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* No Symbol Available Styling */
.no-symbol {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #adb5bd;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	padding: 8px;
}

/* Empty state styling */
.empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 32px 16px;
	text-align: center;
	color: #6c757d;
}

.empty-state-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 12px;
	opacity: 0.5;
}

.empty-state-text {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
}

.empty-state-subtext {
	font-size: 12px;
	opacity: 0.7;
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/modal/modal.css ***!
  \******************************************************************************/
.modal {
	display: none;
	z-index: 1;
	left: 14px;
	width: 18rem;
	padding: 20px;
	position: absolute;
	backdrop-filter: blur(1px);
}

.modal-content {
	border-radius: 8px;
	width: 90%;
	background: linear-gradient(
		to right,
		#657fff63,
		#9e6d9b6b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	border: 2px solid grey;
}

.modal-header {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	color: black;
}

.modal-body {
	font-size: 14px;
	color: black;
	width: 100%;
}

.modal-close {
	top: -15px;
	position: relative;
	float: right;
	right: -15px;
	cursor: pointer;
}

.modal-content-display {
	display: flex;

	div {
		width: 50%;
	}
}

.modal-content-display :first-child {
	font-weight: 800;
	margin-bottom: 4px;
}

.component-modal {
	padding-left: 24px;
	margin: 8px 0;
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/componentCard/card.css ***!
  \*************************************************************************************/
.content-section {
	width: 120px;
	height: 160px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 1px #b1a9a9;
	background-color: white;
	margin-bottom: 4px;
	padding: 8px;
	display: grid;
	grid-auto-rows: 70% 15% 15%;
}

.expand-content-space {
	display: grid;
	grid-auto-rows: 85% 15%;
}

.no-symbol {
	font-size: 14px;
	text-align: center;
	color: black;
	font-style: italic;
}

.content-section.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	border: 1px solid ebebeb;
	display: grid;
	grid-auto-rows: 85% 15%;
}

.connector-font {
	font-size: 14px;
	color: black;
	text-align: center;
	display: flex;
	align-items: center;
	width: 100%;
}

.expand-symbol-height {
	height: 130px !important;
}

.connector-name {
	width: 90%;
}

.connector-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	height: 100px;
	cursor: grab;
	width: 120px;
}

.connector-icon img {
	max-width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.img-switch img {
	cursor: pointer;
}

.connector-icon img:first-child {
	opacity: 1;
}

.connector-icon img.active {
	opacity: 1;
}

.connector-icon img:not(.active) {
	opacity: 0;
}

.img-switch {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}

.icon-size {
	width: 20px;
	height: 20px;
}

.comp-info-icon {
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.rotate-icon {
	width: 16px;
	height: 16px;
	z-index: 2;
	display: none;
	position: absolute;
	cursor: pointer;
}

/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/toolbarMenu/tool_bar_menu.css ***!
  \********************************************************************************************/
.second-level-menu-bar {
	align-items: center;
	color: rgb(4, 0, 0);
	display: flex;
	height: 36px;
	left: 0;
	position: fixed;
	top: calc(var(--header-height) + 15px);
	width: 100%;
	z-index: 3;
	border-radius: 10px;
	background: transparent;
}

.draggable-group {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: move;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 4px 8px;
	backdrop-filter: blur(10px);
	transition: all 0.2s ease;
}

.draggable-group:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-1px);
}

.second-level-container {
	background: transparent;
	border-radius: 7px;
	width: 100%;
	margin: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 55px;
	z-index: 3;
	left: 0;
	position: fixed;
	height: 30px;
}

.second-level-left-icon {
	display: flex;
	justify-content: center;
	gap: 12px;
	width: 100%;
}

.second-level-right-icon {
	display: flex;
	gap: 15px;
}

.second-level-menu-item {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: all 0.2s ease;
	padding: 4px 6px;
	background: rgba(0, 0, 0, 0.02);
	border: 1px solid transparent;
	min-width: 40px;
}

.second-level-menu-item:hover {
	background: rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
}

.second-level-menu-item:active {
	transform: translateY(0);
}

.second-level-menu-item svg {
	fill: #333333;
	width: 16px;
	height: 16px;
	transition: all 0.2s ease;
}

.second-level-menu-item:hover svg {
	fill: #000000;
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/geometricEngine/utils/base.css ***!
  \**************************************************************************************/
.node {
	opacity: 0;
	transition: opacity 0.3s;
}

.node.active {
	opacity: 1;
}

g.active-stroke * {
	stroke: red;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/geometricEngine/connector/connector.css ***!
  \***********************************************************************************************/
.connector-strike-out-line {
	text-decoration: line-through dotted red;
}

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/contextMenu/context_menu.css ***!
  \*******************************************************************************************/
.context-menu {
	position: absolute;
	z-index: 4;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	cursor: default;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.context-menu.show {
	opacity: 1;
}

.grab-icon {
	display: flex;
	justify-content: center;
}

.grabbing-area {
	width: 20px;
	background-color: #e0e0e0;
	cursor: grab;
	border-right: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.grabbing-area:active {
	cursor: grabbing;
}

.menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.menu-item {
	padding: 4px 6px;
	cursor: pointer;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
}

.menu-item:hover {
	background-color: #f0f0f0;
}

.menu-icon {
	margin-right: 6px;
}

.sub-menu-list {
	list-style: none;
	margin: 0;
	padding: 4px;
	padding-left: 0;
	display: flex;
	font-size: 14px;
}

.sub-li {
	display: flex;
	flex-direction: row;
	padding-left: 4px;
	align-items: center;
}

.sub-input {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	width: 3rem;
	height: 1rem;
	margin-left: 4px;
}

.sub-button {
	padding: 0;
	margin-left: 4px;
}

.context-toggle {
	margin-bottom: 0;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/confirmationModal/confirmation_modal.css ***!
  \*******************************************************************************************************/
.confirmation-dialog-container {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5;
	width: 100%;
	height: 100%;
}

.confirmation-dialog {
	width: 30rem;
	padding: 0;
	display: block;
	box-shadow: 1px 1px 1px 1px grey;
	background: linear-gradient(
		to right,
		#8a8b9163,
		#b1a9b16b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
	max-width: 40rem;
}

.confirmation-content {
	padding: 15px;
}

.confirmation-dialog-title {
	color: black;
	font-size: 15px;
}

.delete-close-btn {
	position: absolute;
	right: 0;
	cursor: pointer;
}

.confirmation-modal-actions {
	float: right;
	margin-top: 12px;
	width: 100%;
	display: flex;
	justify-content: end;
}

.btn {
	padding: 6px 8px;
	margin: 5px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 800;
	width: fit-content;
	font-size: 12px;
}

.btn-danger {
	background-color: #e74c3c;
	color: #ffffff;
}

.btn-secondary {
	background-color: #95a5a6;
	color: #ffffff;
}

.btn-primary {
	background-color: #2952a9;
	color: #ffffff;
}

.btn:hover {
	opacity: 0.9;
}

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/signalTable/signal_table.css ***!
  \*******************************************************************************************/
.signal-table-content {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	margin: 4px 0;
	margin-bottom: 0;
	max-height: 100%;
}

.signal-table-header {
	justify-content: center;
}

.signal-table-title {
	font-weight: 800;
	color: white;
}

.signal-table-btn {
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0;
	display: flex;
	align-items: center;
}

.signal-table-btn:hover {
	color: black;
	background: white;
}

.signal-table-btn:active {
	color: rgb(190, 6, 6);
	background: white;
}

.signal-table-value {
	background-color: #f0f0f0 !important;
	width: 35vw;
	height: calc(100vh - 333px);
	max-width: 1500px;
	margin-top: 8px;

	.tabulator-alert {
		display: none !important;
	}
}

.tabulator .tabulator-tableholder {
	scrollbar-width: thin !important; /* Makes the scrollbar thinner */
	scrollbar-color: #888888 #f1f1f1 !important; /* Thumb color and track color */
	max-height: calc(100vh - 297px) !important;
}

.signal-table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	position: absolute;
	z-index: 5;
}

.table-group-label {
	width: 9rem;
}

.table-cont {
	height: 100%;
	position: absolute;
	display: none;
	width: calc(100% - 10px);
	overflow: hidden;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	backdrop-filter: blur(0.8px);
}

.table-edit-group {
	display: flex;
	padding-bottom: 8px;

	input {
		width: 12rem;
	}
}

.table-edit {
	font-weight: 800;
	margin-bottom: 8px;
}

.btn-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4px;

	button {
		background-color: rgb(108, 160, 181, 0.95);
		border-radius: 4px;
		border: 1px solid grey;
	}
}

.btn-cancel {
	background: #e58484 !important;
}

.table-field-group {
	align-items: center;
	background-color: #dbd9d9;
	display: flex;
	flex-direction: column;
	height: fit-content;
	justify-content: center;
	max-height: calc(100vh - 300px);
	overflow-y: auto;
	padding: 8px;
	position: absolute;
	scrollbar-width: thin;
	width: fit-content;
	border: 1px solid darkgray;
	box-shadow: 0 1px 11px 4px #b1adad;
	border-radius: 4px;
}

.table-edit-section {
	overflow: auto;
	max-height: calc(100vh - 379px);
	scrollbar-width: thin;
	height: fit-content;
}

.signal-table-btn-container {
	display: flex;
	align-items: center;
	margin: 8px;
	gap: 8px;
	position: relative;
	top: 20px;
	width: 100%;
}

.highlight-info {
	align-items: center;
	color: #2a2a2a;
	display: flex;
	font-size: 12px;
	gap: 5px;
	margin: 4px 4px 0;
	position: absolute;
	right: 8px;
}

.highlight-content {
	background-color: #a7dba7;
	border: 1px solid #6bc96b;
	border-radius: 2px;
	height: 12px;
	width: 12px;
}

.signal-wire-highlighted {
	stroke: rgb(235, 26, 26) !important;
	stroke-width: 3px !important;
	filter: drop-shadow(0 0 5px rgb(230, 29, 29)) !important;
}

.air-wire {
	stroke: #ff6b6b;
	stroke-width: 2;
	stroke-dasharray: 5, 5;
	opacity: 0.8;
	animation: airwire-pulse 2s infinite;
}

@keyframes airwire-pulse {
	0%,
	100% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/componentLib/component_lib.css ***!
  \*********************************************************************************************/
.custom-wrapper {
	position: relative;
	width: 100%;
}

.custom-wrapper select {
	appearance: none;
	padding: 8px 32px 8px 12px;
	font-size: 14px;
	width: 100%;
	background-color: white;
	cursor: pointer;
	border: 1px solid #8091e742;
	border-radius: 4px;
}

.custom-wrapper::after {
	content: "⋮";
	color: #8091e7;
	font-size: 18px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	transition: transform 0.3s ease;
}

.custom-wrapper:hover::after {
	content: "↓";
	animation: custom-slided-down 0.5s infinite;
}

@keyframes custom-slided-down {
	0%,
	100% {
		transform: translateY(-50%);
	}

	50% {
		transform: translateY(-40%);
	}
}

.custom-wrapper select:hover {
	border-color: #8091e7;
	box-shadow: 0 2px 4px rgba(128, 145, 231, 0.2);
}

.custom-wrapper select:focus {
	outline: none;
	border-color: #d174cb;
	box-shadow: 0 0 0 2px rgba(209, 116, 203, 0.1);
}

.custom-wrapper select:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.custom-wrapper:disabled::after {
	opacity: 0.6;
}

.complib-title {
	font-weight: 600;
	margin-right: 4px;
}

/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/importFile/import_file.css ***!
  \*****************************************************************************************/
.import-file-container {
	background: rgba(0, 0, 0, 0.5);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 4;
}

.import-input-section {
	display: flex;
	flex-direction: column;
	margin: 16px;
}

.import-file {
	background-color: #e1e0e1;
	border: 1px solid grey;
	overflow: hidden;
	width: fit-content;
	padding: 0;
}

.m-bottom-8 {
	margin-bottom: 8px;
}

.import-fields {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.import-file-input {
	width: 70%;
}

.import-file-select {
	width: 10rem;
	padding-left: 0;
}

.import-field-label {
	width: 4rem;
	color: black;
	font-size: 15px;
	font-weight: 800;
}

.import-table-content {
	align-items: center;
	display: none;
	flex-direction: column;
	padding: 0;
	padding-bottom: 16px;
	overflow: hidden;
}

.import-close-btn {
	cursor: pointer;
	position: absolute;
	right: 0;
	background-color: white;
	border-radius: 16px;
}

.import-table-value {
	background-color: #f0f0f0 !important;
	max-width: 98.5vw;
}

.import-table-btn {
	background-color: #ffffff;
	font-weight: 800;
	margin-left: 4px;
	outline: none;
	padding: 4px;
	margin-top: 8px;
}

/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/rightPanel/right_panel.css ***!
  \*****************************************************************************************/
.right-panel-container {
	position: absolute;
	top: calc(var(--header-height) + 50px);
	z-index: 1;
	right: 10px;
	width: fit-content;
	padding: 5px;
	background: #ffffff;
	background-color: #ffffff;
	border: 1px solid #c3bdbd;
	border-radius: 8px;
	border-radius:
		6px 3px 8px rgb(23, 23, 23),
		0 1px 3px rgb(70, 70, 70);
	height: calc(100vh - 250px);
}

.right-panel-menu-items {
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	width: var(--right-panel-width);
	transition: background-color 0.2s;
	margin-bottom: 8px;

	img {
		width: 24px;
		height: 24px;
	}
}

.right-panel-menu-items:hover {
	background: var(--icon-hover);
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/resizeDialog/resize_dialog.css ***!
  \*********************************************************************************************/
.resize-dialog-container {
	background: #ffffff;
	background-color: #ffffff;
	border: 1px solid #c3bdbd;
	padding-bottom: 4px;
	position: absolute;
	right: calc(var(--right-panel-width) + 0.6rem);
	width: 32.8vw;
	top: calc(var(--header-height) + 50px);
	height: calc(100vh - 250px);
	border-radius: 4px;
	box-shadow: 1px 0 1px var(--box-shadow-color);
	overflow: hidden;
	color: black;
	max-width: 1500px;
}

.resize-dialog-resizer {
	position: absolute;
	top: 0;
	left: 0; /* Resizer on the left side */
	width: 5px;
	height: 100%;
	cursor: ew-resize; /* Horizontal resize cursor */
}

.resize-dialog-close-btn {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background-color: white;
	border-radius: 16px;
}

/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/zoomPanHelp/zoom_pan_help.css ***!
  \********************************************************************************************/
.zoom-pan-help-dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	backdrop-filter: blur(1px);
}

.zoom-pan-help-container {
	background: #ffffff;
	border: 2px solid grey;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	max-width: 500px;
	width: 90%;
	overflow: hidden;
	color: black;
	animation: zoom-pan-help-fade-in 0.3s ease-out;
}

.zoom-pan-help-content {
	display: flex;
	flex-direction: column;
	background: linear-gradient(
		to right,
		#657fff63,
		#9e6d9b6b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
}

.zoom-pan-help-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid #e5e7eb;
	background: linear-gradient(
		to right,
		#657fff63,
		#9e6d9b6b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
}

.zoom-pan-help-title {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.zoom-pan-help-close-btn {
	cursor: pointer;
	width: 20px;
	height: 20px;
	transition: transform 0.2s ease;
	top: -15px;
	position: relative;
	float: right;
	right: -15px;
}

.zoom-pan-help-close-btn:hover {
	transform: scale(1.1);
}

.zoom-pan-help-body {
	padding: 20px;
	background: #fafafa;
	font-size: 14px;
	color: black;
	width: 100%;
}

.help-item {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 24px;
	padding: 16px;
	background: white;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-left: 4px solid grey;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.help-item:last-child {
	margin-bottom: 0;
}

.help-item:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.help-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 80px;
	border-radius: 8px;
	background: linear-gradient(
		to right,
		#657fff63,
		#9e6d9b6b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
	border: 2px solid grey;
	flex-shrink: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.help-text {
	flex: 1;
	font-size: 14px;
	color: black;
	line-height: 1.4;
}

.help-text strong {
	color: black;
	font-weight: bold;
}

.zoom-pan-help-footer {
	padding: 12px 16px 16px;
	text-align: center;
	background: white;
	border-top: 1px solid #e5e7eb;
}

.zoom-pan-help-footer .std-button {
	background: linear-gradient(
		to right,
		#657fff63,
		#9e6d9b6b,
		rgb(245, 245, 245)
	);
	background-color: #ffffff;
	color: black;
	border: 2px solid grey;
	padding: 8px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.zoom-pan-help-footer .std-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.zoom-pan-help-footer .std-button:active {
	transform: translateY(0);
}

/* Animations */
@keyframes zoom-pan-help-fade-in {
	from {
		opacity: 0;
		transform: scale(0.9) translateY(-20px);
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

@keyframes pan-animation {
	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-2px);
	}

	75% {
		transform: translateX(2px);
	}
}

@keyframes zoom-animation {
	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}
}

/* Responsive design */
@media (width <= 768px) {
	.zoom-pan-help-container {
		width: 95%;
		max-width: 450px;
	}

	.zoom-pan-help-header {
		padding: 10px 14px;
	}

	.zoom-pan-help-title {
		font-size: 18px;
	}

	.zoom-pan-help-body {
		padding: 20px;
	}

	.help-item {
		padding: 12px;
		gap: 16px;
	}

	.help-icon {
		width: 100px;
		height: 70px;
	}

	.zoom-pan-help-footer {
		padding: 10px 14px 14px;
	}
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/timeline/timeline.css ***!
  \************************************************************************************/
.tl-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.tl-demo-content {
	background-color: white;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}

.tl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	font-weight: 500;
	background-color: #3498db;
	color: white;
	border-radius: 4px;
}

.tl-btn:hover {
	background-color: #2980b9;
	transform: translateY(-1px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tl-btn-icon {
	width: 32px;
	height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: white;
	color: #495057;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tl-btn-icon:hover {
	background-color: #f8f9fa;
	color: #3498db;
	transform: translateY(-1px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Timeline Footer Widget */
.tl-timeline-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: var(--footer-height);
	background-color: white;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
	transition: height 0.3s ease;
	height: 110px;
	overflow: hidden;
	z-index: 1000;
}

.tl-timeline-footer.tl-expanded {
	height: 200px;
}

.tl-timeline-header {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	border-bottom: 1px solid #e9ecef;
	background: var(--title-bg-color);
	color: var(-title-color);
}

.tl-timeline-title {
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--title-color);
}

.tl-timeline-controls {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tl-time-resolution-controls {
	display: flex;
	align-items: center;
	gap: 5px;
}

.tl-timeline-container {
	height: 160px;
	position: relative;
}

/* SVG Timeline Styles */
.tl-timeline-svg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.tl-timeline-event-tooltip {
	position: absolute;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 12px;
	min-width: 200px;
	max-width: 250px;
	z-index: 1001;
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}

.tl-timeline-event-tooltip.visible {
	opacity: 1;
	transform: translateY(0);
}

.tl-tooltip-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 8px;
}

.tl-tooltip-title {
	font-weight: 600;
	font-size: 14px;
	color: #343a40;
}

.tl-tooltip-timestamp {
	font-size: 11px;
	color: #6c757d;
}

.tl-tooltip-content {
	font-size: 12px;
	color: #495057;
	margin-bottom: 8px;
}

.tl-tooltip-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
	color: #6c757d;
}

.tl-tooltip-tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 6px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 500;
	color: white;
}

.tl-tooltip-user {
	display: flex;
	align-items: center;
	gap: 4px;
}

.tl-user-avatar {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 8px;
	font-weight: 600;
	color: white;
}

.tl-time-controls {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	gap: 5px;
	background-color: white;
	border-radius: 4px;
	padding: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tl-time-button {
	font-size: 11px;
	border-radius: 4px;
	color: khaki;
	background: black;
}

.tl-time-button.active {
	background-color: khaki;
	color: black;
}

.tl-toggle-timeline {
	position: fixed;
	bottom: 70px;
	right: 50px;
	margin-top: 5px;
	border-radius: 50pc;
	width: 30px;
	height: 30px;
	border-color: black;
	border-width: 2px;
	box-shadow:
		0 4px 8px 0 var(--box-shadow-color),
		0 6px 20px 0 var(--box-shadow1-color);
	z-index: 1001;
}

.tl-toggle-timeline.hidden {
	display: none;
}

.tl-toggle-timeline:hover {
	cursor: pointer;
	background: linear-gradient(
		to right,
		var(--color-gradient-1),
		var(--color-gradient-2)
	);
}

.tl-toggle-button {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/palette/palette.css ***!
  \**********************************************************************************/
.palette-container {
	display: none;
	align-items: center;
	position: absolute;
	z-index: 3;
	top: calc(var(--header-height) + 70px);
	left: 50%;
	width: fit-content;
	padding: 5px;
	background: #ffffff;
	background-color: #d6cad9;
	border: 1px solid #c3bdbd;
	border-radius: 8px;
	box-shadow: 1px 0 1px var(--box-shadow-color);
}

.palette-menu-items {
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;

	img {
		width: 24px;
		height: 24px;
	}
}

.palette-menu-items:hover {
	background: var(--icon-hover);
}

.palette-gripper {
	margin-right: 4px;
	cursor: grab;
}

.palette-container:focus {
	border: 1px solid grey;
	outline: none;
}

/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/symbolOperation/symbolOperation.css ***!
  \**************************************************************************************************/
.svg-operation {
	display: none;
	position: absolute;
	color: black;
	background: var(--dialog-bg);
	width: fit-content;
	padding: 4px;
	border-radius: 4px;
}

.svg-display {
	display: flex;
}

.svg-input {
	width: 46%;
}

.svg-close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: -5px;
	right: -5px;
	background-color: white;
	border-radius: 16px;
	cursor: pointer;
}

.symbol-oper-content {
	width: 5.8rem;
	display: flex;
	align-items: center;

	span {
		font-size: 14px;
	}

	input {
		margin-left: 2px;
		width: 50%;
		border-radius: 4px;
		border: none;
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/componentTable/component_table.css ***!
  \*************************************************************************************************/
.comp-table-value {
	background-color: #f0f0f0 !important;
	width: 32vw;
	height: calc(100vh - 326px);
	max-width: 1500px;

	.tabulator-alert {
		display: none !important;
	}
}

.cell-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;

	.icon-size {
		width: 12px;
		height: 12px;
	}
}

.edit-icon {
	opacity: 0.5;
	font-size: 12px;
	color: #007bff; /* Subtle blue */
	margin-left: 5px;
}

.edit-icon:hover {
	opacity: 1;
	cursor: pointer;
}

.comp-table-btn-div {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px;
}

.comp-table-btn {
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0;
	display: flex;
	align-items: center;
}

.btn-pos {
	border-radius: 4px;
	padding: 2px 4px;
	position: absolute;
	right: 8px;
}

.tick-icon {
	color: green;
	font-weight: bold;
}

.cross-icon {
	color: red;
	font-weight: bold;
}

.custom-checkbox {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #007bff; /* Border color */
	border-radius: 3px;
	position: relative;
}

.custom-checkbox.checked {
	background-color: #007bff; /* Checkbox fill when checked */
}

.comp-pagination {
	position: absolute;
	left: 40%;
	font-size: 14px;
	margin-top: 16px;
}

.comp-progress-container {
	width: 50%;
	height: 12px;
	position: absolute;
	text-align: center;
	align-items: center;
	transform: translate(50%, -50%);
	bottom: 5%;
	background: #5f5858;
	border-radius: 4px;

	div {
		width: 0%;
		height: 12px;
		background: linear-gradient(67deg, #889af2, #cdaacb, #d9cccc, #889af2);
		border-radius: 4px;
	}
}

.highlighted {
	stroke: rgb(235, 26, 26) !important;
	stroke-width: 3px !important;
	filter: drop-shadow(0 0 5px rgb(230, 29, 29)) !important;
}

.tabulator-row {
	border-left: 3px solid transparent;
	box-sizing: border-box;
}

.missing-icon-row {
	box-sizing: border-box;
	background-color: transparent;
}

.missing-icon-row .tabulator-cell {
	color: #999999;
}

.missing-icon-row .tick-icon,
.missing-icon-row .cross-icon {
	opacity: 0.6;
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/login/login.css ***!
  \******************************************************************************/
.login-body {
	margin: 0;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(135deg, #1a1a2e, #16213e);
	font-family: Arial, sans-serif;
	overflow: hidden;
}

.background-animation {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.2;
}

.wire {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 8s linear infinite;
}

.wire2 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 6s linear infinite;
}

.wire3 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 10s linear infinite;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

.signup-card {
	animation: card-appear 0.8s ease-out;
	background: rgba(255, 255, 255, 0.95);
	padding: 2rem;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	width: 350px;
	z-index: 1;
	position: relative;
}

@keyframes card-appear {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.app-title {
	animation: title-appear 1s ease-out;
	position: absolute;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	text-align: center;
	width: 100%;
}

@keyframes title-appear {
	0% {
		opacity: 0;
		transform: translate(-50%, -20px);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

.app-title h1 {
	margin: 0;
	font-size: 2.2rem;
	letter-spacing: 2px;
}

.app-title p {
	margin: 5px 0 0;
	font-size: 1rem;
	opacity: 0.9;
}

.login-connector-icon {
	animation: icon-appear 0.8s ease-out;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	background: white;
	border-radius: 50%;
	padding: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes icon-appear {
	0% {
		opacity: 0;
		transform: translate(-50%, -20px);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

.name-row {
	display: flex;
	gap: 1rem;
}

.input-group {
	margin-bottom: 1.5rem;
	flex: 1;
}

.signup-label {
	width: 100%;
	padding: 0.8rem;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-top: 0.5rem;
	box-sizing: border-box;
	font-size: 0.9rem;
	color: #333333;
}

.signup-btn {
	width: 100%;
	padding: 0.8rem;
	background: linear-gradient(45deg, #2a3990, #4a148c);
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.login-text {
	text-align: center;
	margin-top: 1rem;
	font-size: 0.9rem;
	color: #333333;
}

.login-text a {
	color: #4a148c;
	text-decoration: none;
	font-weight: bold;
}

.input-auth {
	width: 100%;
	padding: 0.8rem;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-top: 0.5rem;
	box-sizing: border-box;
}

.label-auth {
	font-size: 0.9rem;
	color: #333333;
}

.signup-validation-error {
	font-size: small;
}

.message-container {
	margin: 20px 0;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
}

.error {
	background: rgba(255, 0, 0, 0.1);
	border: 1px solid red;
	color: red;
	border-radius: 5px;
	text-align: center;
}

.success {
	color: #201159;
	margin: 25px;
}

.login-link-button {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 20px;
	background: #2a3990;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}

.google-btn {
	background: linear-gradient(45deg, #2a3990, #4a148c);
	border-radius: 31px;
	cursor: pointer;
	font-size: 14px;
	padding: 5px;
	position: relative;
	transition:
		background-color 0.3s,
		box-shadow 0.3s;
	width: -webkit-fill-available;
	display: flex;
	place-content: center;
	align-content: center;
	align-items: center;
	flex-direction: row;
	color: white;
	gap: 10px;
}

.google-btn:hover {
	box-shadow:
		0 -1px 0 rgba(0, 0, 0, 0.04),
		0 2px 4px rgba(0, 0, 0, 0.25);
	background: black;
	color: white;
}

.google-btn:active {
	background-color: #eeeeee;
}

.google-btn:focus {
	outline: none;
	box-shadow:
		0 -1px 0 rgba(0, 0, 0, 0.04),
		0 2px 4px rgba(0, 0, 0, 0.25),
		0 0 0 3px #c8dafc;
}

.google-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/render/errorpage/errorpage.css ***!
  \**************************************************************************************/
.error-body {
	margin: 0;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(135deg, #1a1a2e, #16213e);
	font-family: Arial, sans-serif;
	overflow: hidden;
}

.background-animation {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.2;
}

.wire {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 8s linear infinite;
}

.wire2 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 6s linear infinite;
}

.wire3 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 10s linear infinite;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

.error-card {
	animation: card-appear 0.8s ease-out;
	background: rgba(255, 255, 255, 0.95);
	padding: 2rem;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	width: 361px;
	z-index: 1;
	position: relative;
	text-align: center;
}

.icon-container {
	position: relative;
	left: 1px;
}

@keyframes card-appear {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.login-text a {
	color: #4a148c;
	text-decoration: none;
	font-weight: bold;
}


/*# sourceMappingURL=main.746cc275f746d51de542.css.map*/