.page-flip{position:absolute;top:0;right:0;bottom:0;left:0;perspective-origin:50% 50%}.page-flip__page{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--circle-color);transform-origin:top center;backface-visibility:hidden;will-change:transform}.page-flip__page--bottom{z-index:1}.page-flip__page--top{z-index:2}.page-flip__lighting{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#ffffff1a,#0000 45%,#00000052)}.page-flip__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#000}.page-flip__shadow{position:absolute;left:0;right:0;pointer-events:none;background:linear-gradient(to bottom,#000000e6,#00000059 30%,#0000)}.page-flip__edge{position:absolute;left:0;right:0;pointer-events:none;background:#ffffffbf;background:linear-gradient(to bottom,color-mix(in srgb,var(--circle-color) 25%,white),color-mix(in srgb,var(--circle-color) 55%,white));box-shadow:0 1px #00000073}.page-flip--hinge-bottom .page-flip__page{transform-origin:bottom center}.page-flip--hinge-bottom .page-flip__lighting{background:linear-gradient(to top,#ffffff1a,#0000 45%,#00000052)}.page-flip--hinge-bottom .page-flip__shadow{background:linear-gradient(to top,#000000e6,#00000059 30%,#0000)}.page-flip--hinge-bottom .page-flip__edge{background:#ffffffbf;background:linear-gradient(to top,color-mix(in srgb,var(--circle-color) 25%,white),color-mix(in srgb,var(--circle-color) 55%,white));box-shadow:0 -1px #00000073}.ring-sticker{position:absolute;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--siemens-deep-blue);color:#fff;text-align:center;pointer-events:none}.ring-sticker__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:4}.ring-sticker__track{stroke:#ffffff26}.ring-sticker__arc{stroke:var(--siemens-bold-green)}.ring-sticker__value{font-size:calc(var(--sticker-size) * .28);font-weight:700;line-height:1;color:var(--siemens-bold-green);font-variant-numeric:tabular-nums}.ring-sticker__unit{font-size:.5em;margin-left:.05em}.ring-sticker__text{margin-top:.35em;max-width:78%;font-size:calc(var(--sticker-size) * .073 * var(--fit, 1));line-height:1.2;white-space:pre-line}.ring-sticker__text.is-fit{max-width:none;white-space:nowrap;line-height:1.1}.ring-sticker__measure{position:absolute;visibility:hidden;pointer-events:none}.machine-graphic{display:block;width:100%;height:100%;overflow:visible}.machine-graphic__belt{fill:none;stroke:#fff;stroke-width:3}.machine-graphic__belt-marks{stroke:#ffffff8c;stroke-width:1.6;stroke-dasharray:4 6}.machine-graphic__roller{fill:var(--siemens-bold-green)}.machine-graphic__axle{stroke:var(--siemens-deep-blue);stroke-width:2.4;stroke-linecap:round}.machine-graphic__arm{stroke:var(--siemens-bold-green);stroke-width:13;stroke-linecap:round}.machine-graphic__gripper{fill:none;stroke:var(--siemens-bold-green);stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}.machine-graphic__joint{fill:var(--siemens-bold-green)}.machine-graphic__joint-hole{fill:var(--siemens-deep-blue)}.machine-graphic__fault circle{fill:var(--siemens-yellow)}.machine-graphic__fault path{fill:none;stroke:var(--siemens-deep-blue);stroke-width:2.8;stroke-linecap:round}.machine-graphic__fault .machine-graphic__fault-dot{fill:var(--siemens-deep-blue)}.machine-graphic__fault{animation:machine-graphic-fault-pulse .9s ease-in-out .35s infinite}@keyframes machine-graphic-fault-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.3)}55%{transform:scale(.95)}}.machine-graphic__fault-halo{fill:none;stroke:var(--siemens-yellow);stroke-width:2.5;opacity:0;animation:machine-graphic-fault-halo .9s ease-out .35s infinite}@keyframes machine-graphic-fault-halo{0%{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}.slide-view{position:absolute;top:0;right:0;bottom:0;left:0}.slide-view__top,.slide-view__bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;background:#00000029}.slide-view__top{top:0;height:22%}.slide-view__bottom{bottom:0;height:18%}.slide-view__heading{font-size:calc(var(--circle-size, 300px) * .06);font-weight:700;color:#fff;text-align:center;padding:0 10%}.slide-view__back{font-size:calc(var(--circle-size, 300px) * .055);padding:.4em 1em}.slide-view__left{position:absolute;left:0;top:22%;bottom:18%;width:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em}.ci-btn.slide-view__arrow{width:2em;height:2em;padding:0;color:var(--siemens-bold-green);font-size:calc(var(--circle-size, 300px) * .04)}.slide-view__arrow:disabled{opacity:.25}.slide-view__arrow-icon{width:1.6em;height:1.6em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.slide-view__arrow--up .slide-view__arrow-icon{transform:rotate(-90deg)}.slide-view__arrow--down .slide-view__arrow-icon{transform:rotate(90deg)}.slide-view__media{position:absolute;left:10%;right:7%;top:22%;bottom:18%;padding:4% 4% 4% 2%}.demo-flow{position:absolute;top:0;right:0;bottom:0;left:0}.demo-flow--animating{pointer-events:none}.demo-flow__page{position:absolute;top:0;right:0;bottom:0;left:0}.demo-flow__beckon{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.demo-flow__top{height:18%;gap:.4em;padding:3% 18% 0;color:#fff;font-size:calc(var(--circle-size, 300px) * .05);font-weight:700}.demo-flow__top-icon{width:1.3em;height:1.3em;object-fit:contain;filter:brightness(0) invert(1);flex:none}.demo-flow__bottom-pin{flex:none;height:calc(var(--circle-size, 300px) * .042);aspect-ratio:3 / 2;object-fit:cover;margin-left:calc(var(--circle-size, 300px) * .03)}.demo-flow__region{flex:none;padding:calc(var(--circle-size, 300px) * .012);border:0;background:none;cursor:pointer;opacity:.35;transition:opacity .2s ease}.demo-flow__region--selected{opacity:1}.demo-flow__region img{display:block;height:calc(var(--circle-size, 300px) * .05);aspect-ratio:3 / 2;object-fit:cover}.demo-flow__top-icon--original{width:auto;height:.9em;filter:none}.demo-flow__top-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-flow__step{position:absolute;left:9%;right:9%;top:18%;bottom:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--circle-size, 300px) * .04);color:#fff;text-align:center}.demo-flow__question{font-size:calc(var(--circle-size, 300px) * .056);font-weight:700;line-height:1.25;white-space:pre-line;text-wrap:balance;padding:0 4%}.demo-flow__options{display:grid;grid-template-columns:repeat(var(--demo-columns, 2),auto);justify-content:center;gap:calc(var(--circle-size, 300px) * .025)}.ci-btn.demo-flow__option{flex-direction:column;gap:.4em;min-width:calc(var(--circle-size, 300px) * .25);padding:.8em 1em .7em;font-size:calc(var(--circle-size, 300px) * .042)}.demo-flow__option-icon{width:calc(var(--circle-size, 300px) * .1);height:calc(var(--circle-size, 300px) * .1);background-color:var(--siemens-bold-green);-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;pointer-events:none}.ci-btn--selected .demo-flow__option-icon{background-color:var(--siemens-deep-blue)}.ci-btn.demo-flow__option--graphic{width:calc(var(--circle-size, 300px) * .56);padding:.5em .7em}.demo-flow__option-graphic{display:block;width:100%;aspect-ratio:calc(1 / var(--part-aspect))}.ci-btn--selected .machine-graphic__arm,.ci-btn--selected .machine-graphic__gripper,.ci-btn--selected .machine-graphic__belt{stroke:var(--siemens-deep-blue)}.ci-btn--selected .machine-graphic__joint,.ci-btn--selected .machine-graphic__roller{fill:var(--siemens-deep-blue)}.ci-btn--selected .machine-graphic__joint-hole,.ci-btn--selected .machine-graphic__axle{fill:var(--siemens-bold-green);stroke:var(--siemens-bold-green)}.ci-btn--selected .machine-graphic__belt-marks{stroke:#00002880}.demo-flow__option-clamp{width:calc(var(--circle-size, 300px) * .16);height:auto;color:var(--siemens-bold-green);pointer-events:none}.ci-btn--selected .demo-flow__option-clamp{color:var(--siemens-deep-blue)}.demo-flow__top-clamp{width:2.4em;height:auto;color:#fff;flex:none}.demo-flow__option-image{height:calc(var(--circle-size, 300px) * .08);aspect-ratio:3 / 2;object-fit:cover;margin:calc(var(--circle-size, 300px) * .015) 0;box-shadow:0 0 0 1px #ffffff59;pointer-events:none}.demo-flow__options .ci-btn.demo-flow__option--plain,.demo-flow__options .ci-btn.demo-flow__option--plain.ci-btn--selected,.demo-flow__options .ci-btn.demo-flow__option--plain:active:not(:disabled),.demo-flow__options .ci-btn.demo-flow__option--plain.ci-btn--selected:active:not(:disabled){background:none;box-shadow:none;color:#fff}.demo-flow__options .ci-btn.demo-flow__option--plain.ci-btn--selected{color:var(--siemens-bold-green)}.demo-flow__options .ci-btn.demo-flow__option--plain:active:not(:disabled){opacity:.7}@media (hover: hover){.demo-flow__options .ci-btn.demo-flow__option--plain:hover:not(:disabled),.demo-flow__options .ci-btn.demo-flow__option--plain.ci-btn--selected:hover:not(:disabled){background:none}}.demo-flow__option-label{white-space:pre-line}.demo-order{gap:calc(var(--circle-size, 300px) * .03);padding-right:calc(var(--circle-size, 300px) * .2)}.demo-order__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2em;min-width:calc(var(--circle-size, 300px) * .42);font-size:calc(var(--circle-size, 300px) * .042);line-height:1.2;text-align:left}.demo-order__row{display:flex;align-items:center;justify-content:space-between;gap:1em}.demo-order__label:before{content:"•";margin-right:.5em}.demo-order__mark{flex:none;width:1.05em;height:1.05em;overflow:visible}.demo-order__disc{fill:var(--siemens-bold-green);transform-box:fill-box;transform-origin:center;transform:scale(0);animation:demo-order-pop .25s cubic-bezier(.3,1.6,.5,1) var(--mark-delay) forwards}.demo-order__stroke{fill:none;stroke:var(--siemens-deep-blue);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:demo-order-draw .3s ease-out calc(var(--mark-delay) + .18s) forwards}@keyframes demo-order-draw{to{stroke-dashoffset:0}}@keyframes demo-order-pop{to{transform:scale(1)}}.demo-order__button{min-width:calc(var(--circle-size, 300px) * .42);padding:.45em 1em;font-size:calc(var(--circle-size, 300px) * .05)}.demo-order__sticker{left:65%;top:31%;width:30%;--sticker-size: calc(var(--circle-size, 300px) * .3);transform:translate(140%);animation:demo-sticker-in .6s cubic-bezier(.2,.9,.3,1) var(--sticker-delay) forwards}@keyframes demo-sticker-in{to{transform:translate(0)}}.demo-tree{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff}.demo-tree__top{height:18%;padding-top:3%}.demo-tree__title{font-size:calc(var(--circle-size, 300px) * .06);font-weight:700}.demo-tree{--tc-project: rgba(0, 0, 40, .45);--tc-highlight: rgba(255, 255, 255, .16)}.demo-tree__plane{position:absolute;top:18%;bottom:18%;left:var(--split);right:0;background:var(--tc-project)}.demo-tree__column-title{position:absolute;top:50%;font-size:calc(var(--circle-size, 300px) * var(--title-size));font-weight:700;line-height:1;white-space:nowrap;writing-mode:vertical-rl}.demo-tree__column-title--library{left:var(--library-title-x);transform:translate(-50%,-50%) rotate(180deg)}.demo-tree__column-title--project{left:var(--project-title-x);transform:translate(-50%,-50%)}.demo-tree__project{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:demo-tree-project-in .4s ease-out both}@keyframes demo-tree-project-in{0%{opacity:0}}.demo-tree__funnel-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .25s ease}.demo-tree__funnel-frame.is-hidden{opacity:0}.demo-tree__funnel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform-origin:var(--funnel-origin) 50%;animation:demo-tree-funnel-open .45s cubic-bezier(.3,1.3,.5,1) both}.demo-tree__funnel-shape{fill:var(--tc-highlight)}@keyframes demo-tree-funnel-open{0%{opacity:0;transform:scaleX(0)}}.demo-tree__area{position:absolute;top:calc(var(--box-top) + 2px);bottom:calc(var(--box-bottom) + 2px);left:var(--library-left);right:var(--tree-right);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;padding:.5em 0;font-size:calc(var(--circle-size, 300px) * .026);--fade-top: #000;--fade-bottom: #000;-webkit-mask-image:linear-gradient(to bottom,var(--fade-top) 0,#000 2.5em,#000 calc(100% - 2.5em),var(--fade-bottom) 100%);mask-image:linear-gradient(to bottom,var(--fade-top) 0,#000 2.5em,#000 calc(100% - 2.5em),var(--fade-bottom) 100%)}.demo-tree__area::-webkit-scrollbar{display:none}.demo-tree__area--fade-top{--fade-top: transparent}.demo-tree__area--fade-bottom{--fade-bottom: transparent}.demo-tree__content{width:100%;flex:none;margin:0;line-height:1}.demo-tree--ordered .demo-tree__content{padding:calc(var(--circle-size, 300px) * .4) 0}.demo-tree--ordered .demo-tree__row--result{background:var(--tc-highlight);border-radius:0;animation:demo-tree-result-in .3s ease-out both}@keyframes demo-tree-result-in{0%{background:transparent}}.demo-tree__row{display:flex;align-items:center;gap:.3em;min-height:1.8em;padding:.15em .5em .15em calc(.3em + var(--tree-depth, 0) * .8em);border-radius:.2em}.demo-tree__row--expandable{cursor:pointer}.demo-tree__row--highlighted{font-weight:700}.demo-tree__arrow{flex:none;width:.7em;height:.7em;position:relative}.demo-tree__arrow--expandable:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-style:solid;border-width:.3em 0 .3em .45em;border-color:transparent transparent transparent currentColor;transform:translate(-40%,-50%) rotate(0);transition:transform .3s ease}.demo-tree__arrow--open:before{transform:translate(-40%,-50%) rotate(90deg)}.demo-tree__children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.demo-tree__children--open{grid-template-rows:1fr}.demo-tree__children-inner{min-height:0;overflow:hidden}.demo-tree__icon{flex:none;width:1.05em;height:1.05em;object-fit:contain;filter:brightness(0) invert(1)}.demo-tree__label{min-width:0;overflow-wrap:anywhere}.swipeable-circle:has(.demo-coin),.page-flip__page:has(>.demo-coin){background:transparent}.demo-coin{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(var(--circle-size, 300px) * 3)}.demo-coin__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,0,.25,1)}.demo-coin--flipped .demo-coin__inner{transform:rotateY(180deg)}.demo-coin__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:var(--circle-color);backface-visibility:hidden;-webkit-backface-visibility:hidden}.demo-coin__face--back{transform:rotateY(180deg);color:#fff}.demo-fetch__request{position:absolute;left:14%;right:14%;top:50%;display:flex;justify-content:center;transform:translateY(-50%);transition:opacity .3s ease}.demo-fetch__request.is-hidden{opacity:0;pointer-events:none}.demo-fetch__request-button{padding:.7em 1.1em;font-size:calc(var(--circle-size, 300px) * .052);white-space:pre-line;text-align:center}.demo-fetch__request-button:disabled{opacity:1;cursor:default}.demo-fetch__result{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-fetch__result.is-shown{opacity:1;pointer-events:auto}.demo-fetch__heading{position:absolute;left:14%;right:14%;top:10%;height:21%;display:flex;align-items:flex-end;justify-content:center;font-size:calc(var(--circle-size, 300px) * .055);font-weight:700;line-height:1.25;text-align:center;text-wrap:balance}.demo-fetch__actions{position:absolute;left:5%;right:5%;top:62%;display:flex;justify-content:center;gap:calc(var(--circle-size, 300px) * .022)}.demo-fetch__action{padding:.55em .75em;font-size:calc(var(--circle-size, 300px) * .04);white-space:nowrap}.demo-fetch__actions{transition:opacity .4s ease}.demo-fetch__actions.is-done{opacity:0;pointer-events:none}.demo-fetch__adjust{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-fetch__adjust.is-shown{opacity:1}.demo-fetch__adjust.is-shown .demo-fetch__adjust-option{pointer-events:auto}.demo-fetch__adjust-options{display:grid;justify-content:center;top:52%;gap:calc(var(--circle-size, 300px) * .018)}.ci-btn.demo-fetch__adjust-option{padding:.55em .9em;font-size:calc(var(--circle-size, 300px) * .04);white-space:nowrap}.demo-fetch__back{position:absolute;left:0;right:0;bottom:0;height:18%;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-fetch__back .slide-view__bottom{height:100%}.demo-fetch__back.is-shown{opacity:1;pointer-events:auto}.demo-fetch__sticker{left:32.5%;top:37%;width:35%;--sticker-size: calc(var(--circle-size, 300px) * .35);animation:demo-fetch-sticker-in .65s cubic-bezier(.3,1.45,.5,1) both}@keyframes demo-fetch-sticker-in{0%{opacity:0;transform:scale(.4)}}.machine-run{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff}.machine-run__title{position:absolute;left:14%;right:14%;top:7%;height:13%;display:flex;align-items:flex-end;justify-content:center;font-size:calc(var(--circle-size, 300px) * .045);font-weight:700;line-height:1.15;text-align:center;white-space:pre-line}.machine-run__counter{position:absolute;left:50%;top:68%;transform:translate(-50%);display:flex;gap:calc(var(--circle-size, 300px) * .008);--cell-height: calc(var(--circle-size, 300px) * .105)}.machine-run__wheel{position:relative;width:calc(var(--circle-size, 300px) * .072);height:var(--cell-height);overflow:hidden;contain:paint;clip-path:inset(0);background:var(--siemens-deep-blue)}.machine-run__wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--siemens-deep-blue) 0,transparent 28%,transparent 72%,var(--siemens-deep-blue) 100%);pointer-events:none}.machine-run__strip{display:flex;flex-direction:column}.machine-run__digit{height:var(--cell-height);display:flex;align-items:center;justify-content:center;font-size:calc(var(--circle-size, 300px) * .075);font-weight:700;color:var(--siemens-bold-green);font-variant-numeric:tabular-nums}.machine-run__sticker{left:8%;top:17.5%;width:35%;--sticker-size: calc(var(--circle-size, 300px) * .35);z-index:25;animation:machine-run-sticker-in .65s cubic-bezier(.3,1.45,.5,1) both}@keyframes machine-run-sticker-in{0%{opacity:0;transform:scale(.4)}}.screensaver-debug{position:fixed;left:12px;bottom:12px;z-index:2000;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;max-width:calc(100vw - 24px);padding:8px 12px;background:#000028d9;box-shadow:inset 0 0 0 1px #fff3;color:#fff;font-size:13px;line-height:1.2;opacity:.55;transition:opacity .2s ease}.screensaver-debug:hover,.screensaver-debug:focus-within{opacity:1}.screensaver-debug__title{font-weight:700}.screensaver-debug__field,.screensaver-debug__toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.screensaver-debug__field input{width:64px;padding:4px 6px;border:none;border-radius:0;background:#fff;color:var(--siemens-deep-blue);font-size:13px;font-weight:700}.screensaver-debug__toggle input{width:16px;height:16px;accent-color:var(--siemens-bold-green)}.screensaver-debug__start{padding:5px 10px;font-size:13px}.screensaver-debug__status{min-width:90px;color:var(--siemens-bold-green);font-variant-numeric:tabular-nums}.screensaver-debug__sync{opacity:.8}.screensaver-debug__sync--offline{color:#ff6b6b;font-weight:700;opacity:1}.demo-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.demo-ring__band{fill:none;stroke:#0000284d}.demo-ring__text{fill:#fff;font-size:6.4px;font-weight:700;letter-spacing:.04em}.demo-ring__text--bottom{font-size:5.4px}.demo-ring__arrow-shaft{fill:none;stroke:var(--siemens-bold-green);stroke-width:3.2}.demo-ring__arrow-head{fill:var(--siemens-bold-green)}.demo-ring__arrow{animation:demo-ring-point 1.4s ease-in-out infinite}@keyframes demo-ring-point{0%,55%,to{transform:translate(0)}20%{transform:translateY(3px)}32%{transform:translateY(1.6px)}42%{transform:translateY(2.6px)}}.circle-node-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;color:#fff;text-align:center}.circle-node__icon{width:28%;height:28%;object-fit:contain;filter:brightness(0) invert(1);pointer-events:none}.circle-node__label{font-size:calc(var(--circle-size, 300px) * .09);font-weight:600;text-align:center;line-height:1.25;padding:0 12%;pointer-events:none}.circle-node-content--ring .circle-node__icon{width:19%;height:19%}.circle-node-content--ring .circle-node__label{font-size:calc(var(--circle-size, 300px) * .07);padding:0 21%}.media-player{position:relative;width:100%;height:100%;background:#000;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-player--image .media-player__image{width:100%;height:100%;object-fit:cover}.media-player--video .media-player__video{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.media-player__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.75em;padding:.5em .75em;background:linear-gradient(to top,#000000a6,#0000)}.media-player__play-button{flex:none;width:2em;height:2em;padding:0}.media-player__icon{display:block;width:0;height:0}.media-player__icon--play{border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-left:.8em solid var(--siemens-deep-blue);margin-left:.15em}.media-player__icon--pause{width:.7em;height:.8em;border-left:.25em solid var(--siemens-deep-blue);border-right:.25em solid var(--siemens-deep-blue)}.media-player__seek{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff59;outline:none}.media-player__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--siemens-bold-green);cursor:pointer}.media-player__seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--siemens-bold-green);border:none;cursor:pointer}.media-player__image{-webkit-user-drag:none;pointer-events:none}.media-player--empty{background:#00000026}.media-player--missing{background:#00000059;border:2px dashed rgba(255,255,255,.4)}.media-player__missing-text{color:#ffffffd9;font-size:calc(var(--circle-size, 300px) * .035);padding:0 1em;text-align:center;word-break:break-all}.swipeable-circle{position:relative;width:var(--circle-size);height:var(--circle-size);border-radius:50%;background:var(--circle-color);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:box-shadow .15s ease,filter .6s ease;box-shadow:0 0 #fff0}.swipeable-circle__blank-page{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.swipeable-circle--dimmed{filter:brightness(.4) saturate(.7);pointer-events:none}.swipeable-circle--beckon{animation:swipeable-circle-beckon 1.6s ease-out infinite}@keyframes swipeable-circle-beckon{0%{transform:scale(1);box-shadow:0 0 #fff9}30%{transform:scale(1.04)}60%{transform:scale(1)}to{transform:scale(1);box-shadow:0 0 0 calc(var(--circle-size) * .1) #fff0}}.swipeable-circle--coin{background:transparent}.swipeable-circle__coin{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(var(--circle-size) * 3)}.swipeable-circle__coin-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.swipeable-circle__coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:var(--circle-color);backface-visibility:hidden;-webkit-backface-visibility:hidden}.swipeable-circle__coin-face--back{transform:rotateY(180deg)}.notification-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:visible}.notification-layer--viewport{position:fixed;overflow:hidden}.notification-bell{position:absolute;left:0;top:0;border-radius:50%;background:var(--siemens-deep-blue);box-shadow:0 0 0 2px var(--badge-color, var(--siemens-bold-green)),0 4px 14px #00000059;display:flex;align-items:center;justify-content:center;will-change:transform}.notification-bell__icon{width:62%;height:62%;background-color:var(--badge-color, var(--siemens-bold-green));-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;transform-origin:50% 12%}.notification-cell{position:absolute;left:0;top:0;border-radius:12%;background:var(--badge-color, var(--siemens-bold-green));will-change:transform}.notification-bell--clickable{pointer-events:auto;cursor:pointer}.notification-bell__accent{position:absolute;width:62%;height:62%;object-fit:contain;pointer-events:none}.notification-check{position:absolute;right:-6%;top:-6%;width:40%;height:40%;overflow:visible}.notification-check--left{right:auto;left:-6%}.notification-check circle{fill:var(--siemens-bold-green)}.notification-check path{fill:none;stroke:var(--siemens-deep-blue);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.notification-machine{position:absolute;left:0;top:0;transform-origin:center;will-change:transform}.notification-machine__plaque{left:50%;top:50%;transform:translate(-50%,-50%)}.notification-machine__graphic{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center}.notification-bell--vibrate{animation:notification-vibrate 1.6s ease-in-out infinite}@keyframes notification-vibrate{0%,40%,to{rotate:0deg;translate:0 0}5%,15%,25%,35%{rotate:-5deg;translate:-1px 0}10%,20%,30%{rotate:5deg;translate:1px 0}}.notification-bell--alert{background:var(--siemens-yellow);box-shadow:0 0 0 2px var(--siemens-yellow),0 4px 14px #00000059;animation:notification-alert-pump .9s ease-in-out .35s infinite}.notification-bell--alert .notification-bell__icon{background-color:var(--siemens-deep-blue)}.notification-bell--alert:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 2px var(--siemens-yellow);opacity:0;animation:notification-alert-halo .9s ease-out .35s infinite}@keyframes notification-alert-pump{0%,to{scale:1}30%{scale:1.3}55%{scale:.95}}@keyframes notification-alert-halo{0%{scale:1;opacity:.9}to{scale:2.1;opacity:0}}.notification-bell--glow{animation:notification-glow 1.4s ease-in-out infinite}@keyframes notification-glow{0%,to{box-shadow:0 0 0 2px var(--badge-color),0 0 6px #ffd73259}50%{box-shadow:0 0 0 2px var(--badge-color),0 0 22px 6px #ffd732bf}}.notification-bell__tag{position:absolute;right:-8%;bottom:-4%;padding:.1em .3em;background:var(--siemens-bold-green);color:var(--siemens-deep-blue);font-weight:700;line-height:1.1;pointer-events:none}.notification-bell__tag--top{top:-4%;bottom:auto}.notification-ring{position:absolute;border-radius:50%;box-shadow:0 0 0 3px var(--siemens-bold-green);pointer-events:none}.web-layout{width:100vw;height:100vh;position:relative}.web-layout__stage{position:absolute;left:50%;top:50%;transform-origin:center center}.web-layout__node{position:absolute;transform:translate(-50%,-50%)}.messe-layout{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.messe-layout--error{color:#fff;font-size:1.5rem;padding:2rem;text-align:center}@font-face{font-family:Siemens Sans;src:url(/fonts/SiemensSansPro_W.woff2) format("woff2");font-weight:100 500;font-style:normal;font-display:block}@font-face{font-family:Siemens Sans;src:url(/fonts/SiemensSansPro_W_Bd.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:block}:root{--siemens-deep-blue: #000028;--siemens-bold-green: #00ffb9;--siemens-green-lighter: #c4ffee;--siemens-aqua: #00cccc;--siemens-aqua-light: #00e6dc;--siemens-yellow: #ffd732;--siemens-gradient-primary: linear-gradient( 90deg, var(--siemens-bold-green) 0%, var(--siemens-aqua-light) 100% )}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--siemens-deep-blue);overflow:hidden;font-family:Siemens Sans,Segoe UI,Roboto,system-ui,sans-serif;color:#fff}button,input,select,textarea{font-family:inherit}.screensaver-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;cursor:pointer;touch-action:none}.ci-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;margin:0;border:none;border-radius:0;font-family:inherit;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}.ci-btn:disabled{cursor:not-allowed;opacity:.4}.ci-btn--primary,.ci-btn--tile.ci-btn--selected{background:var(--siemens-bold-green);color:var(--siemens-deep-blue);box-shadow:none}.ci-btn--tile{background:#0000288c;color:#fff;font-weight:400}.ci-btn--tile.ci-btn--selected{font-weight:700}.ci-btn--text{background:none;color:#fff;padding:0}.ci-btn--primary:active:not(:disabled),.ci-btn--tile.ci-btn--selected:active:not(:disabled){background:var(--siemens-green-lighter)}.ci-btn--tile:not(.ci-btn--selected):active:not(:disabled){background:#000028d9}@media (hover: hover){.ci-btn--primary:hover:not(:disabled),.ci-btn--tile.ci-btn--selected:hover:not(:disabled){background:var(--siemens-green-lighter)}.ci-btn--tile:not(.ci-btn--selected):hover:not(:disabled){background:#000028bf}.ci-btn--text:hover:not(:disabled) .ci-btn__label{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}.ci-chevron{flex:none;width:.5em;height:.5em;border-right:.14em solid currentColor;border-bottom:.14em solid currentColor}.ci-chevron--left{transform:translate(.12em) rotate(135deg)}.ci-chevron--up{transform:translateY(.12em) rotate(-135deg)}.ci-chevron--down{transform:translateY(-.12em) rotate(45deg)}