a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;line-height:1.2}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;outline:none}input{border:none;outline:none}h3{max-width:100%}.strong,h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:22px;font-weight:400}@media (min-width:1280px){h1{font-size:36px}}body{overflow:hidden}.fullscreen-bg{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100}.fullscreen-bg__video{width:100vw;height:100vh;object-fit:cover}.fullscreen-bg__video,.Intro{position:absolute;top:0;left:0}.Intro{right:0;bottom:10%;display:flex;align-items:center;justify-content:center}.Intro .inner{position:absolute;left:0;right:0;top:5%;bottom:30%}.Intro canvas,.Intro img{object-fit:contain;width:100%;height:100%;position:absolute}.Intro .bubble-outer{position:absolute;bottom:0}.Intro .bubble-outer,.Intro .intro-video,.Intro img{opacity:0;transition:.25s}.Intro .bubble-outer.show,.Intro .intro-video.show,.Intro img.show{opacity:1}.Intro .squaredButtons{bottom:0}@font-face{font-family:"Siemens Sans";src:url(/fonts/SiemensSans_Prof_Roman.eot);src:url(/fonts/SiemensSans_Prof_Roman.eot?#iefix) format("embedded-opentype"),url(/fonts/SiemensSans_Prof_Roman.woff) format("woff"),url(/fonts/SiemensSans_Prof_Roman.woff2) format("woff2"),url(/fonts/SiemensSans_Prof_Roman.ttf) format("truetype")}@font-face{font-family:"Siemens Sans ";src:url(/fonts/SiemensSans_Prof_Bold.eot);src:url(/fonts/SiemensSans_Prof_Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/SiemensSans_Prof_Bold.woff) format("woff"),url(/fonts/SiemensSans_Prof_Bold.woff2) format("woff2"),url(/fonts/SiemensSans_Prof_Bold.ttf) format("truetype");font-weight:700}body{font-weight:400;font-family:"Siemens Sans",Arial,sans-serif}.bubble .bubble-inner,.strong,h1,h2,h3,h4,h5,h6{font-weight:700}.bubble .bubble-inner,h1{font-size:22px;font-weight:400}@media (min-width:1280px){.bubble .bubble-inner,h1{font-size:36px}}.bubble,.bubble-align{display:flex;align-items:center;flex-direction:column;pointer-events:none}.bubble{color:#fff;position:relative;max-width:50vw}.bubble .bubble-inner{background:transparent linear-gradient(90deg,rgba(0,95,135,.95),rgba(0,95,135,.25));text-align:center;padding:25px}.bubble .avatar{display:block;width:100px;height:100px;background:50%/cover no-repeat;border-radius:9999px;margin:20px 0}.bubble:after{content:"";width:0;height:0;border-color:rgba(0,95,135,.6) transparent transparent;border-style:solid;border-width:25px 25px 0;left:calc(50% - 25px);bottom:-25px;position:absolute}.bubble[data-arrow=top]:after{border-width:0 25px 25px;top:-25px;border-color:transparent transparent rgba(0,95,135,.6)}.squaredButtons{position:absolute;bottom:50px;right:50px}.squaredButton{margin-left:20px;color:#50bed7;text-decoration:none;transition:fill .25s,color .25s,border-color .25s;cursor:pointer}.squaredButton.labeled{border:4px solid #50bed7;padding:10px 20px;height:30px}.squaredButton label{cursor:pointer}.squaredButton svg{padding:10px;width:30px;height:30px;fill:#50bed7;border:4px solid #50bed7}.squaredButton:hover{color:#fff}.squaredButton:hover,.squaredButton:hover svg{fill:#fff;border-color:#fff}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:99999px;display:inline-block;border:4px solid #50bed7;position:relative;color:#fff;width:125px;height:125px;background:50%/cover no-repeat;cursor:pointer;z-index:1;transition:border-color .25s}@media (min-width:1280px){.button{width:200px;height:200px}}.button .type{display:none}.button.scan{position:relative}.button.scan .type{position:absolute;display:block;width:50%;height:50%;background:linear-gradient(45deg,transparent 50%,#42c1c5);border-radius:100% 0 0 0;top:0;left:0;-webkit-animation:scan 5s linear infinite;animation:scan 5s linear infinite;transform-origin:100% 100%}.button .label{display:flex;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center}@media (min-width:1280px){.button .label{font-size:22px}}.button:before{background:transparent linear-gradient(0deg,rgba(0,95,135,.95),rgba(0,95,135,.25));opacity:0}.button:after,.button:before{border-radius:99999px;position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;transition:opacity .25s}.button:after{background:transparent linear-gradient(90deg,rgba(0,95,135,.95),rgba(0,95,135,.25));opacity:1}.button.active,.button:hover{border-color:#2387aa}.button.active.active,.button:hover.active{border-color:#fff}.button.active:before,.button:hover:before{opacity:1}.button.active:after,.button:hover:after{opacity:0}.button:active{border-color:#fff}.button .badge{position:absolute;bottom:0;left:10%;right:0;display:flex;justify-content:center;text-transform:uppercase;font-size:10px}@media (min-width:1280px){.button .badge{font-size:22px}}.button .badge>div{border:2px solid #900;background:transparent linear-gradient(90deg,rgba(153,0,0,.95),rgba(153,0,0,.75));border-radius:4px;padding:2px 6px;transform-origin:left bottom;transform:rotate(-15deg)}.button.disabled{pointer-events:none;opacity:.25}@-webkit-keyframes scan{to{transform:rotate(1turn)}}@keyframes scan{to{transform:rotate(1turn)}}.button-bar{position:absolute;left:0;bottom:50px;width:100%;display:flex;justify-content:center;align-items:center}.button-bar>*{margin:0 20px}.branch{display:flex;flex-direction:column}.branch .plant{margin:auto}.usecase{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.usecase .plant{margin:auto}.usecase .bubble-align{position:absolute;top:10%;left:0;right:0}.usecase .Plant{width:100vw;height:100vh;margin-top:-20%;position:relative}.usecase .Plant img,.usecase .Plant video{position:absolute}.usecase .Plant img.ratioHelper,.usecase .Plant video.ratioHelper{opacity:0;object-fit:fill}.usecase .Plant img.show,.usecase .Plant video.show{opacity:1}.usecase .Plant img.hide,.usecase .Plant video.hide{opacity:0}.usecase .Plant video{display:none}.usecase .Plant canvas{position:absolute}.usecase .Plant canvas.show{opacity:1}.usecase .Plant canvas.hide{opacity:0}.usecase .Plant .centered{justify-content:center;align-items:center;display:flex;height:100%;width:100%;position:relative}.StepNavigation{position:absolute;width:220px;left:25px;top:145px}@media (min-width:1280px){.StepNavigation{width:300px;left:50px;top:170px}}.StepNavigationButton{display:block;text-decoration:none;cursor:pointer;margin-bottom:10px;padding:10px;background:transparent linear-gradient(90deg,rgba(66,193,197,.95),rgba(0,170,174,.95) 58%,rgba(0,168,192,.95) 79%,rgba(0,166,218,.95)) 0 0 no-repeat padding-box;opacity:.5;text-transform:uppercase;font-size:18px;color:#fff}.StepNavigationButton.active,.StepNavigationButton:hover{opacity:1}.StepNavigationButton.pulse{-webkit-animation:pulse .5s infinite alternate;animation:pulse .5s infinite alternate}.StepNavigationButton i{color:#005578;font-size:36px;display:block}.StepNavigationButton span{font-size:14px;display:block;text-transform:none;color:#005578}@media (min-width:1280px){.StepNavigationButton{font-size:24px}.StepNavigationButton i{font-size:50px}.StepNavigationButton span{font-size:18px}}@-webkit-keyframes pulse{0%{opacity:.5}to{opacity:1}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.OverlayMedia{position:absolute;right:25px;top:45px}.OverlayMedia video{width:180px;height:576px}@media (min-width:1280px){.OverlayMedia{right:50px;top:70px}.OverlayMedia video{width:260px;height:832px}}.OverlayMedia canvas.show{opacity:1}.OverlayMedia canvas.hide{opacity:0}.tooltips{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.tooltips .tooltip-box{position:absolute;right:30%;top:50%;max-width:200px;color:#fff;font-weight:700;text-transform:uppercase}.tooltips .tooltip-box>div{background:#af235f;padding:10px}.tooltips .tooltip-box>ul{padding:10px;list-style-type:disc;background:#005578;margin-top:5px}.tooltips .tooltip-box>ul li{margin-left:15px}.tooltips .tooltips-inner{position:relative;width:100vw;height:100vh;margin-top:-20%}.tooltips .tooltips-inner .tooltips-scale{width:100%;height:100%;position:relative}.tooltips .tooltips-inner .tooltip{position:absolute;transform-origin:50% 50%;margin-left:-40px;margin-top:-35px;pointer-events:none}.tooltips .tooltips-inner .tooltip .tooltip-inner{box-sizing:border-box;width:40px;height:40px;border:4px solid #af235f;background-color:rgba(175,35,95,.5);border-radius:50%;transition:transform .25s,background-color .25s}.tooltips .tooltips-inner .tooltip .inner{pointer-events:all;cursor:pointer}.tooltips .tooltips-inner .tooltip:hover .tooltip-inner{transform:scale(1.15);background-color:#af235f;cursor:pointer}.Point{transform:scale(.6);cursor:pointer;transition:transform .25s}.Point,.Point>div{width:75px;height:75px;position:relative}.Point>div{opacity:0;transform:scale(0)}.Point svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.Point .spinner{border-radius:50%}.Point .spinner .spinner__g{opacity:.5}.Point .spinner .spinner__ani{fill:transparent;stroke:#af235f;stroke-width:50;stroke-dasharray:0 158}.Point .spinner,.Point .spinner__ani{transition:transform .25s}.Point:hover{transform:scale(1)}.Point:hover .spinner,.Point:hover .spinner__ani{opacity:0}.Point .inner{transform:scale(.4)}.Point .inner .exlamation{opacity:0}.Point .fill__red{fill:#af235f}.Point .bg{opacity:.3}@-webkit-keyframes fillup{0%{stroke-dasharray:0 158}50%,to{stroke-dasharray:158 158}}@keyframes fillup{0%{stroke-dasharray:0 158}50%,to{stroke-dasharray:158 158}}@-webkit-keyframes rotate{0%{transform:rotate(-90deg)}50%,to{transform:rotate(270deg)}}@keyframes rotate{0%{transform:rotate(-90deg)}50%,to{transform:rotate(270deg)}}@-webkit-keyframes opac{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}@keyframes opac{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}.MobileInfo{z-index:99;position:absolute;left:0;top:0;width:100vw;height:100vh;background:rgba(235,240,245,.8)}.MobileInfo,.MobileInfo .rotateDevice,.MobileInfo .useDesktop{display:flex;justify-content:center;align-items:center;flex-direction:column}.MobileInfo .rotateDevice .icon,.MobileInfo .useDesktop .icon{width:20vw;height:20vw;background:url(/static/media/icon-desktop.d5a437fe.svg) no-repeat 50%;background-size:contain;margin-bottom:2vh}.MobileInfo .rotateDevice .infoText,.MobileInfo .useDesktop .infoText{max-width:75vw;text-align:center}.MobileInfo .rotateDevice{display:none}@media (min-width:768px) and (orientation:portrait){.MobileInfo .rotateDevice{display:flex}}.MobileInfo .rotateDevice .icon{background-image:url(/static/media/icon-tablet-rotate.4a5c5a50.svg)}@media (min-width:768px) and (min-height:400px){.MobileInfo .useDesktop{display:none}}@media (min-width:768px) and (min-height:400px) and (orientation:landscape){.MobileInfo{display:none}}.lds-ring{display:inline-block;position:absolute;left:50%;top:50%;width:80px;height:80px;margin-left:-40px;margin-top:-40px;z-index:99;transition:opacity .25s .25s}.lds-ring.hidden{opacity:0}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo{position:absolute;left:25px;top:25px;width:192px;height:81px;background:url(/static/media/logo.37d10896.png) 50%/contain}@media (min-width:1280px){.logo{left:50px;top:50px}}
/*# sourceMappingURL=main.eb102d40.chunk.css.map */