body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}.navStandardGradient{background:var(--gradient-default-nav)}.standardGradient{background:var(--gradient-default);height:100%}.toBottomGradient{background:var(--gradient-default-bottom)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#b6b3b3}.MuiButton-colorPrimary svg.tulipLibrary,.MuiButton-colorPrimary svg.tulipLibrary path{stroke:#fff;fill:#fff}.MuiButton-colorPrimary svg.tulipLibrary path.c{fill:#0000}.align-items-center{align-items:center}.color-picker{position:relative}.color-picker .sketch-picker{bottom:50px;position:absolute;right:10px;z-index:5}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@font-face{font-family:Messina Sans;src:url(/static/media/MessinaSansWeb-SemiBold.6dc355e0fa9db8488bd0.woff) format("woff")}@font-face{font-family:Messina Sans Light;src:url(/static/media/MessinaSansWeb-Light.1ca5d54b0fbe6c74b2a9.woff) format("woff")}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.assetContainer .paneldetail .MuiTabs-flexContainer .MuiTab-root{border-color:#bfbfbf;color:#222}.assetContainer .paneldetail .MuiTabs-flexContainer .MuiTab-root.Mui-selected{color:#1b69e1}.assetContainer .paneldetail .MuiTabs-root .MuiTabs-fixed .MuiTabs-indicator{background:#1b69e1}.assetContainer{border-radius:20px;margin-top:-25px;z-index:9}.assetContainer .paneldetail{max-height:calc(100vh - 180px);overflow-y:auto}.assetContainer ::-webkit-scrollbar{height:8px;width:7px}.assetContainer .paneldetail .MuiBox-root>div{word-break:break-word}.assets-cards .MuiDataGrid-main .MuiDataGrid-virtualScroller{max-height:calc(100vh - 280px);overflow-x:hidden}.assets-cards .MuiDataGrid-main .MuiDataGrid-cell,.assets-cards .MuiDataGrid-main .MuiDataGrid-columnHeader{outline:none!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.screen-height{max-height:calC(100vh - 75px)}button.active_route{background:#fff!important;color:#000!important}.upload_view label.MuiButtonBase-root{font-size:12px;line-height:16px}.upload_view button.MuiButtonBase-root{font-size:12px;min-width:auto;padding:6px 11px}@media (max-width:991px){.assetContainer .discover,.assetContainer .paneldetail{padding:15px!important}}@media (max-width:767px){.mobile-height-auto{max-height:-webkit-fit-content!important;max-height:-moz-fit-content!important;max-height:fit-content!important}div#main-container:has(.assetContainer){height:auto!important}.MuiTabs-scroller button.MuiButtonBase-root{font-size:14px}.navbar_items button.MuiButton-root{font-size:13px;padding:5px 14px}.navbar_items button.MuiIconButton-root{padding-left:5px}}@media (max-width:500px){.navbar_logo{align-items:center;display:flex;margin-left:-2px!important}.navbar_logo svg.nav__logo{height:28px}.navbar_items button.MuiIconButton-root{margin-right:-5px;padding-left:0}.navbar_items button.MuiIconButton-root .MuiAvatar-circular{font-size:16px;height:32px;width:32px}.navbar_items button.MuiButton-root{font-size:10px;padding:5px 9px}}.google-container{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px 0 #3a45524d;break-inside:avoid;justify-content:flex-start;page-break-inside:avoid;text-align:center;transition:all .3s ease}.google-container:hover{box-shadow:0 2px 8px 0 #4285f4;cursor:pointer}.radiate{background:radial-gradient(circle at 50% 50%,#03657db3 0,#0000 100%),#161728}.App,.radiate{height:100vh;overflow:hidden;text-align:center}.App{background:radial-gradient(circle at 40% 50%,#ff8b8bb3 0,#0000 60%),radial-gradient(circle at 60% 50%,#00b5e2b3 0,#0000 60%),radial-gradient(circle at 50% 50%,#cfcfcf33 0,#0000 40%),#161728}.main-container{height:100%;width:100%}.loading{height:300px;text-align:middle}.top-bar{background-color:#fafbfc;z-index:3}.hoverClick{opacity:.5}.hoverClick:hover{cursor:pointer;opacity:1}.oppyPanel{-webkit-clip-path:inset(0);clip-path:inset(0);position:absolute;transition:transform .3s ease}.oppyPanel.right{transform:translate(200px)}.bouncey{animation:bounce 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;transform:translate(-50%,-100%)}.main{background:var(--radial-gradient)}.bouncey.selected{animation:none;transform:translate(-50%,-100%);z-index:2}.with-transition{transition:.1s ease}.label{background-color:#121c2ee6;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:.4em .9em;white-space:nowrap}.label.highlighted{background-color:#f0fab4e6;box-shadow:0 0 24px 0 #00000040;color:#121c2e;font-weight:700}@keyframes bounce{0%{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 2px))}to{transform:translate(-50%,-100%)}}.blinking{animation:blink-bg .5s ease-in-out}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.process-container{border:1px solid var(--text-white);height:"fit-content"}.process-title{border-bottom:1px solid #0000;border-top:1px solid #0000;color:var(--text-white);font-weight:500}.process-title:hover{cursor:pointer}.process-title.underlined,.process-title:hover{border-bottom:1px solid var(--text-white);border-top:1px solid #0000}.process-title.underlined{box-sizing:border-box;color:var(--text-white)}.movingline{stroke-dasharray:5,15;stroke-dashoffset:0;animation:dash 2s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}.appbeacon-wrapper{z-index:2}.appbeacon,.appbeacon-wrapper{position:absolute;transform:translate(-50%,-150%)}.appbeacon{background-color:var(--beaconcolor);border:2px solid var(--fontcolor);border-radius:19px;color:var(--fontcolor);cursor:pointer;font-size:13px;font-weight:700;padding:5px 10px;text-align:center;white-space:nowrap;z-index:4}.appdot{content:"";z-index:0}.appdot:after{background-color:#b6dce1;height:10px;width:10px}.appdot:after,.appdot:before{border-radius:100%;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%,-50%);z-index:0}.appdot:before{background-color:#00263e;border:2px solid #fff;height:20px;width:20px}.discover,.paneldetail{transition:opacity ease;transition-delay:var(--delay);transition-duration:var(--duration)}.temp{background:linear-gradient(90deg,#032337,#043566)}.maincontainer{align-items:center;display:flex;flex-direction:row;height:calc(100vh - 65px);justify-content:center;overflow:hidden;width:100vw}.vibey{animation:vibe 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;animation-delay:var(--delay)}.chip{align-items:center;background-color:#121c2e;border-radius:25px;color:#f2f9bb;cursor:pointer;display:flex;flex-direction:row;font-family:Messina Sans;font-size:15px;padding:12px;z-index:2}.chip:hover{color:#fff}.active{background-color:var(--catcolor);color:#00263e}.active:hover{border-color:var(--catcolor);color:#00263e}@keyframes vibe{0%{transform:translate(-50%,-150%)}50%{transform:translate(-50%,calc(-150% - 2px))}to{transform:translate(-50%,-150%)}}:root{touch-action:none}.cdmcontainer{background-color:#fdfcf8;display:flex;flex-direction:row;flex-grow:1;gap:60px;height:100%;overflow:scroll;width:100%}.fieldTitle{border-top:1px solid #00263e;font-size:small;font-weight:700;padding:5px}.groupcontainer{gap:20px;justify-content:space-evenly;padding:20px;width:20%;z-index:2}.groupcontainer,.tablecontainer{display:flex;flex-direction:column}.tablecontainer{background-color:#fff;border:2px solid #00263e;border-radius:10px;font-family:Messina Sans Light;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden}.beacon{animation:fadeIn 1s ease forwards;animation-delay:1s;background-color:var(--beaconcolor);border-radius:4px;color:#000;cursor:pointer;font-size:13px;font-weight:700;opacity:0;padding:.4em .9em;position:absolute;transform:translate(-50%,-150%);white-space:nowrap}.libnode{background-color:var(--catcolor);border-radius:8px;box-shadow:0 0 10px #00000080;cursor:pointer;font-family:Messina Sans;margin:5px;padding:8px 16px 8px 3px;touch-action:manipulation}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tableNode{background-color:#fff;border:2px solid #00263e;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:250px}.description,.tableNode{font-family:Messina Sans Light}.description{font-size:12px;padding:4px}.titlecontainer{background-color:#00263e;color:#fdfcf8;flex-direction:row;font-size:14px;justify-content:space-between;padding:5px}.stereotype,.titlecontainer{display:flex;font-family:Messina Sans}.stereotype{align-items:center;background-color:var(--stereocolor);border-radius:10px;color:#000;font-size:12px;justify-content:center;padding:2px 6px;text-align:center}.preview-input input{background:#fff;border-radius:5px;font-size:12px;height:10px;padding:8px}.preview-toggle{font-size:10px!important;height:25px}.small-card-container>div{padding:0 10px}.small-card-container .MuiGrid-container .MuiGrid-item:first-child svg{max-width:15px}.preview-c-header .MuiButtonBase-root,.preview-c-header .MuiCardContent-root{padding:0}.preview-c-header{padding:4px 5px}.preGradientColor{background:var(--pre-gradient-default)}.preview-theme{display:flex;height:calc(100vh - 400px);justify-content:flex-start;margin:0 auto;max-height:325px;max-width:520px;overflow:hidden;position:relative;width:100%}.preview-theme .vtec-container{background:var(--preview-bg-color);height:285%;min-width:1390px;overflow:auto;transform:scale(.34);transform-origin:top left}.preview-theme .assets-cards{max-height:-webkit-max-content!important;max-height:max-content!important}.preview-theme .vtec-container>div{pointer-events:none}@media (max-width:1199px){.preview-theme .vtec-container{transform:scale(.33)}.preview-theme{max-width:460px}.color-label{min-width:110px}}@media (max-width:991px){.preview-theme .vtec-container{transform:scale(.33)}}.blinking{animation:blink-bg s ease-in-out}@keyframes blink-bg{0%{background-color:#f2eea1;color:#00263e}to{background-color:initial;color:#fff}}.react-flow__edge-textbg{fill:#00263e!important;rx:4;ry:4;color:#fff}.react-flow__edge-text{fill:#fff}.blinking-red{animation:blink-red 1s linear 2}@keyframes blink-red{0%,to{background-color:initial}50%{background-color:red}}.ant-tree-treenode-selected,.ant-tree-treenode-selected *{background-color:#008cb9!important;color:#fff}.tree{background-color:initial;color:#fdfcf8cc;font-family:Messina Sans}.antContainer{height:calc(100vh - 170px);width:100%}.node-value{color:#f2eea1}.ant-tree-switcher_open{display:none}.unsFlex{display:flex;height:100%;overflow:none;padding-left:10px}.customScroll>*{direction:ltr}.customScroll{direction:rtl;height:500px;overflow-y:scroll}.customScroll::-webkit-scrollbar{width:5px}.customScroll::-webkit-scrollbar-track{background-color:#003664}.customScroll::-webkit-scrollbar-thumb{background-color:#b6dce1;border-radius:10px}.color-label{min-width:140px}.color-input{cursor:pointer;height:35px;max-width:60px;padding:0!important;width:100%}.color-section{align-items:center;display:flex;margin-bottom:8px}@media (max-width:767px){.preview-theme .vtec-container{transform:scale(.23)}.preview-theme{max-width:100%}}@media (max-width:574px){.preview-theme .vtec-container{transform:scale(.21)}}.bubble{background-color:var(--beaconcolor);border:2px solid #000;border-radius:19px;cursor:pointer;font-size:13px;font-weight:700;padding:5px 10px;position:absolute;text-align:center;transform:translate(-50%,-150%);white-space:nowrap}.bubble:after{border-color:var(--beaconcolor) #0000 #0000;border-style:solid;border-width:8px 6px 0;bottom:-7px}.bubble:after,.bubble:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.bubble:before{border-color:#000 #0000 #0000;border-style:solid;border-width:10px 8px 0;bottom:-10px}.preview-mega-factory div#main-container{width:auto!important}.preview-mega-factory .discover{top:60%!important;transform:none}.preview-mega-factory div#factory{max-width:36vw}.preview-mega-factory .bottom-buttons{padding:0 0 20px;position:static}.preview-mega-factory .process-container-inner{max-width:70vw!important}@media (max-width:767px){.step-overflow .MuiStepper-horizontal{margin-bottom:10px;overflow-x:auto;padding-bottom:5px}.step-overflow .MuiStepLabel-horizontal{min-width:120px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;max-width:1400px;padding:20px}.exerience-heading{font-size:18px;font-weight:400;line-height:31px}.exerience-heading,.experience-description{color:#fff;color:var(--brand-color-white,#fff);font-family:Messina Sans,sans-serif;font-style:normal}.experience-description{font-size:38px;font-weight:350;line-height:55px}.right-hint{background:#0000;color:#003b71;line-height:1.2;pointer-events:none;position:fixed;right:8vw;text-align:center;top:50%;transform:translateY(-50%)}.right-hint .hint-title{font-size:clamp(1.2rem,2.4vw,2rem);font-weight:700;letter-spacing:.2px}.right-hint .hint-subtitle{font-size:clamp(.85rem,1.6vw,1rem);font-weight:600;margin-top:6px;opacity:.9}header{margin-bottom:40px;text-align:center}header h1{color:#2c3e50;font-size:2.5rem;font-weight:300;margin-bottom:10px}.subtitle{color:#7f8c8d;font-size:1.2rem;font-style:italic}.positioning-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:30px;padding:20px}.control-group{display:flex;gap:15px;justify-content:center;margin-bottom:15px}.control-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.control-btn:hover:not(:disabled){box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.control-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.control-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:space-between}#positioning-status{color:#e74c3c}#positioning-instructions{color:#27ae60;font-style:italic}.bubble_sec .bubble{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));grid-column:span 3;grid-row:span 3;height:140px;justify-content:center;overflow:hidden;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:140px;z-index:1}.bubble_sec .bubble:hover{box-shadow:0 12px 40px #00000026;transform:scale(1.05);z-index:10!important}.bubble_sec .bubble:hover+.bubble{z-index:9!important}.bubble.expanded{background:inherit!important;border-radius:50%!important;box-shadow:0 20px 60px #0000004d!important;height:95vw!important;left:66.67%!important;max-height:800px!important;max-width:800px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:95vw!important;z-index:9999!important}.bubble-content{align-items:center;color:#003b71;display:flex;flex-direction:column;font-weight:500;height:100%;justify-content:center;padding:15px;position:relative;width:100%}.bubble-content h3{font-family:Messina Sans;font-size:14px;font-weight:700;line-height:1.2;position:relative;z-index:2}.expanded-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:20px;text-align:center;width:100%}.bubble.expanded .expanded-content{padding-top:140px;text-align:center}.bubble.expanded .expanded-content h4{left:50%;margin:0;position:absolute;top:10%;transform:translateX(-50%);width:80%}.bubble.expanded .expanded-content{display:block}.bubble.expanded .bubble-content h3{display:none}.expanded-content h4{font-size:38px;font-style:normal;font-weight:350;line-height:55px}.expanded-content h4,.expanded-content p{color:#fff;font-family:Messina Sans Light;margin-bottom:0;position:relative;text-align:left;z-index:2}.expanded-content p{font-size:18px;font-weight:400;line-height:30px;opacity:.9}.app-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:10px;max-height:370px;overflow:hidden;padding-bottom:5px}.app-card{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;display:flex;flex-direction:column;padding:8px}.app-card .thumb{aspect-ratio:16/9;background:#ffffff59;border:1px dashed #003b7159;border-radius:8px;height:112px;width:100%}.app-card .thumb img{height:100%;object-fit:cover;width:100%}.app-card .app-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:600;line-height:16px;overflow:hidden;text-overflow:ellipsis}.bubbles_height{height:calc(100vh - 138px)}.bubbles-container{align-items:center;display:flex;gap:25px;justify-content:center;width:100%}.bubble_sec{height:100%;max-height:685px;max-width:805px!important;min-height:685px;min-width:805px!important;opacity:1;position:relative;transition:transform .5s ease,opacity .5s ease;width:100%}.bubble_sec.active{max-width:915px!important;min-width:915px!important}.bubbles-container .expanded-content{max-width:650px;min-height:715px;min-width:650px;padding:40px;padding:0 15px!important;transform:translateX(650px)}.bubbles-container .expanded-content,.bubbles-container .expanded-content.normal_expanded{box-shadow:none;transition:width .5s ease,min-width .5s ease,min-height .5s ease,padding .5s ease,transform .5s ease,opacity .5s ease}.bubbles-container .expanded-content.normal_expanded{opacity:0;padding:0;pointer-events:none}.bubbles-container .expanded-content.active_expanded{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;box-shadow:none;min-height:715px;min-width:650px;opacity:1;overflow:visible;pointer-events:auto;transform:translateX(0);transition:width .5s ease,min-width .5s ease,min-height .5s ease,padding .5s ease,transform .5s ease,opacity .5s ease;width:650px}.bubbles-container:has(.normal_expanded) .bubble_sec{transform:translateX(380px);transition:transform .5s ease,opacity .5s ease}.bubbles-container:has(.bubble_tiles) .bubble_sec{transform:none}.bubbles-container:has(.bubble_tiles) .expanded-content{background:#0000;opacity:1;position:relative;transform:none}.bubble_tiles{left:0;margin:0 auto;max-width:560px;position:absolute;right:0;text-align:left;z-index:2}.bubble_tiles h4,.bubble_tiles p{color:#fff!important}.bubble_tiles h4{margin-bottom:18px!important}.closeAppCard{color:#fff;cursor:pointer;left:50%;position:absolute;top:12px;transform:translateX(-10px)}.closeAppCard svg{height:30px;width:30px}.bubble_sec .bubble{position:absolute;transform:none;white-space:normal}.bubble_sec .bubble:after,.bubble_sec .bubble:before{display:none}.bubble_tabs{height:46px;min-height:44px!important}.bubble_tabs button.MuiTab-root{font-weight:600;min-height:44px;padding:10px 15px}.toggle-enable-disable button{font-size:12px;height:30px;padding:8px 10px}.app-grid.three-card-grid{grid-template-columns:312px 195px;max-width:34rem;padding:0 10px!important;row-gap:12px}.app-grid.three-card-grid .app-card{padding:7px}.app-grid.three-card-grid .app-card:first-child{grid-row:1/span 2}.app-grid.three-card-grid .app-card:first-child .thumb{height:220px}.app-grid.three-card-grid .app-card:first-child .flex{margin-top:10px!important}.app-grid.three-card-grid .app-card .thumb{height:90px}.app-grid.three-card-grid .app-card .flex{margin-top:0!important}.bubbles-container:has(.bubble_tiles) .expanded-content{overflow:inherit}.bubbles-container .expanded-content:before{background:#008cb9;bottom:0;content:"";filter:blur(185px);height:323px;left:0;margin:auto;opacity:.6;position:absolute;right:0;top:0;width:442px}.image_card{align-items:flex-start;align-self:stretch;background:#ffffff1a;border-radius:8px;display:flex;gap:13px;height:166px;margin-bottom:12px;padding:12px;position:relative;z-index:1}.image_card:last-child{margin-bottom:0}.image_card h5{-webkit-line-clamp:2;font-family:Messina Sans;font-size:16px;font-weight:600;line-height:17px}.expanded-content .image_card p,.image_card h5{-webkit-box-orient:vertical;color:#fff!important;display:-webkit-box;font-style:normal;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.expanded-content .image_card p{-webkit-line-clamp:3;font-family:Messina Sans Light;font-size:12px;font-weight:400;line-height:16px;padding:0;text-align:left}.image_card .flex button.MuiButtonBase-root{align-items:center;background:#ffffff1a;border-radius:12px;box-shadow:none;display:inline-flex!important;font-family:Messina Sans Light;line-height:normal;margin-left:auto;max-width:156px;padding:9px 13px;text-transform:none}.image_card .flex button.MuiButtonBase-root:hover{background:#ffffff26}.image_card .flex button.MuiButtonBase-root .MuiButton-endIcon{margin-left:3px}.image_card .image_box{height:100%;min-width:240px;width:240px}.image_card .image_box img{height:100%;object-fit:cover;object-position:top;width:100%}.bubble_header p{line-height:27px;margin:0 0 20px!important;padding:0!important}.bubble_header button.MuiButtonBase-root svg{fill:#fff}.messina,.messina button{font-family:Messina Sans!important}.messina_light{font-family:Messina Sans Light!important}.solutions_Bubbles .MuiDialog-container>.MuiPaper-root{overflow:hidden}.appCard_list{margin:0 -5px;max-height:710px;overflow-x:hidden;padding:0 5px}.bubbles-container ::-webkit-scrollbar{border-radius:10px;width:7px}.bubbles-container ::-webkit-scrollbar-track{background:#00263e;border-radius:10px}.bubbles-container ::-webkit-scrollbar-thumb{background:#1a4a62;border-radius:10px}.toggle-btn-group{background-color:#033a55;border-radius:8px!important;padding:2px}.toggle-btn-group .MuiToggleButton-root{border:none;border-radius:8px!important;color:#fff;font-weight:500;padding-left:16px;padding-right:16px;text-transform:none}.toggle-btn-group .MuiToggleButton-root.Mui-selected{background-color:#fff!important;color:#00263e!important}.bubble_header h4{font-size:34px}main.ant-layout-content.customScroll{padding-left:5px}main.ant-layout-content.customScroll::-webkit-scrollbar-track{background:#0000}@media (max-width:1780px){.bubbles-container{margin-top:-15px;transform:scale(.95)}}@media (max-width:1675px){.bubbles-container{transform:scale(.92)}}@media (max-width:1620px){.bubbles-container{transform:scale(.85)}}@media (max-width:1575px){.bubbles-container{transform:scale(.82)}}@media (max-width:1430px){.bubbles-container{margin-top:12px;transform:scale(.7)}}@media (max-width:1299px){.bubbles-container{margin-top:12px;transform:scale(.66)}}.flex_box{display:flex;justify-content:center}.container-box{margin:auto;max-width:1216px;min-width:1216px;padding:36px;width:100%}.container-box h1{color:#194f91;font-size:30px;font-weight:700;line-height:33px;margin:0 0 20px;text-align:left}.main-box{display:flex;gap:18px;height:785px;position:relative}.side-pannel{max-width:221px;padding:0;text-align:left}.diagram-box,.side-pannel{position:relative;width:100%}.diagram-box{padding-left:20px}.side-pannel .assetContainer{bottom:0;left:0;position:absolute;right:0}.solid-box{align-items:center;border:4px solid #00263d;border-radius:6px;column-gap:12px;flex-wrap:wrap;justify-content:center;position:relative}.solid-box h4{letter-spacing:.25em;line-height:15.6px;margin:0;width:100%}.solid-box h4,.toggle-button{color:#00263e;font-size:13px;font-weight:600}.toggle-button{background:#fff;border:1.5px solid #00263d;border-radius:30px;cursor:pointer;line-height:16.04px;padding:9.17px 18.34px;transition:all .3s ease;transition:all .15s}.toggle-button:hover{background:#b6dce1;border-color:#00263e}.toggle-button:focus{background:#b6dce1;box-shadow:0 0 0 2px #00263e}.reset-btn{border-color:#becdd5;margin-top:18px}.reset-btn:focus:hover,.reset-btn:hover{background:#ccc;border-color:#becdd5}.reset-btn:focus{background:#fff;box-shadow:none}.manufactoring-system-box{border:4px solid #00263d;border-radius:8px;margin-top:18px;max-width:840px;width:100%}.on-premise-box{border:2px dashed #00263d;border-radius:6px;height:140px;left:765px;top:260px;width:160px}.flex-box{display:flex;gap:10px}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p_10_15{padding:5px 15px 12px}.inner-dashed-box .solid-box:last-child{margin-bottom:0!important}.side-pannel h3{color:#00263e;font-size:16px;font-weight:600;line-height:22.4px;margin:0 0 12px;text-align:left}.side-pannel>div{align-items:flex-start;display:flex;flex-flow:column;gap:12px}@media (min-width:2000px){.container-box{transform:scale(1.1);transform-origin:top}}@media (min-width:2100px){.container-box{transform:scale(1.25)}}@media (min-width:2400px){.container-box{transform:scale(1.5)}}@media (min-width:3200px){.container-box{transform:scale(1.65)}}@media (max-width:1250px){.container-box{transform:scale(.83);transform-origin:top}.flex_box{max-height:755px;overflow:hidden}}@media (max-width:1010px){.container-box{transform:scale(.625)}.flex_box{max-height:570px}}@media (max-width:767px){.container-box{transform:scale(.48)}.flex_box{max-height:438px}}.assetContainer{overflow:hidden;transition:width .5s ease}.popup-button{background-color:#f2eea1;border:none;border-radius:25px;color:#00263e;cursor:pointer;font-size:12px;font-weight:600;line-height:18px;margin-top:auto;padding:8px 12px;text-align:center;text-decoration:none}.close-button{background:none;border:none;border-radius:50%;height:20px;opacity:.8;position:relative;transition:.3s ease-out;width:20px;&:after,&:before{background-color:#f2eea1;content:"";height:2px;left:50%;position:absolute;top:50%;width:80%}&:after{transform:translate(-50%,-50%) rotate(45deg)}&:before{transform:translate(-50%,-50%) rotate(-45deg)}&:focus,&:hover{opacity:1;transform:scale(1.15)}}.paneldetail{background-color:#194f91;border-radius:12px;display:flex;flex-direction:column;font-size:16px;gap:10px;line-height:22.4px;min-height:378px;opacity:1;padding:15px;width:100%}.description-text{color:#fff;font-size:13px;font-weight:300;line-height:20.2px;text-align:left}.popup-image{margin-block:3px;width:100%}.popup-image-container{position:relative}.popup-header{display:flex;flex-direction:row;justify-content:space-between;z-index:1}.popup-title{color:#fff;font-weight:600}@keyframes slowDash{to{stroke-dashoffset:0}}.animated-line{stroke-dasharray:5;stroke-dashoffset:300;animation:slowDash 10s linear infinite}.content-node{align-items:center;border:2px solid #135191;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:6px 8px;transition:all .3s}.content-node span{font-weight:600;max-width:-webkit-min-content;max-width:min-content;text-align:left}.content-node img{max-height:24px;max-width:20px;min-width:20px}.w-100 .content-node{width:100%}.content-node:focus,.content-node:hover{background:#ccc!important}.content-node:focus{box-shadow:0 0 0 1px #194f91}.highlight-node{background:#b6dce1}.highlight-node:focus,.highlight-node:hover{background:#75bcc7!important}.highlight-node:focus{box-shadow:0 0 0 1px #194f91}.on-premise-box{border:2px dashed #194f91;border-radius:8px;cursor:pointer;height:102px;left:675px;position:absolute;top:270px;width:184px;z-index:2}.on-premise-box:hover,.on-premise-box:hover .on-premise-text:not(:first-child){background:#ccc!important}.on-premise-box .on-premise-text:first-child{background:#fff!important;font-size:12px!important;left:27px!important}.highlight-node:hover .on-premise-text:not(:first-child),.on-premise-box.highlight-node:hover{background:#bfbc7f!important}.highlight-node .on-premise-text:first-child{background:#fff!important}.on-premise-text{font-size:13px;text-align:left}.on-premise-text,.text-box{background-color:#fff;color:#194f91;font-weight:600;letter-spacing:.25em;line-height:15px;position:absolute;z-index:2}.text-box{font-size:12px}
/*# sourceMappingURL=main.0a50e5e5.css.map*/