sh-page[theme=dark] img[src*=Light]{display:none!important}sh-page[theme=light] img[src*=Dark]{display:none!important}markdown img{width:100%;loading:lazy}*{scrollbar-width:thin}sh-page{--code-block-background: #f0f0f0;--demo-radius: .5rem;--code-block-radius: .5rem;--iframe-radius: .5rem}sh-page[theme=dark]{--code-block-background: #373737}pre{background:var(--code-block-background)!important;max-height:20rem!important;padding:1rem!important;margin:0 0 1.5rem!important}pre code{font-size:.8125rem!important;line-height:1.25rem!important;text-shadow:none!important;padding:0;background:transparent;color:var(--text-secondary)!important}code{background:rgba(var(--ui-1),var(--opacity-7));color:var(--support-4);padding:.125rem .25rem;border-radius:.125rem;font-size:.8125rem;text-wrap:nowrap}pre code .token.punctuation,pre code .token.operator{color:var(--text-secondary)!important}pre code .token.comment{color:var(--support-3)!important}pre code .token.attr-name,pre code .token.function{color:var(--support-4)!important}pre code .token.tag,pre code .token.keyword{color:var(--support-5)!important}pre code .token.attr-value,pre code .token.string{color:var(--support-6)!important}pre code .token.selector{color:var(--support-1-shade)}sh-page[theme=dark] pre code .token.comment{color:var(--support-3-tint)!important}sh-page[theme=dark] pre code .token.attr-name,pre code .token.function{color:var(--support-4-tint)!important}sh-page[theme=dark] pre code .token.tag,pre code .token.keyword{color:var(--support-5-tint)!important}sh-page[theme=dark] pre code .token.attr-value,sh-page[theme=dark] pre code .token.string{color:var(--support-6-tint)!important}sh-page[theme=dark] code{color:var(--support-4-tint)}sh-page[theme=dark] pre code .token.selector{color:var(--support-1-tint)}markdown ul,markdown ol{padding-inline-start:2rem}markdown li{max-width:72ch;color:var(--color-text-moderate)!important;font:var(--body-1);font-size:1rem;line-height:1.5rem;margin-bottom:.5rem}markdown>sh-text[size=body-1],markdown>ul sh-text[size=body-1]{font-size:1rem;line-height:1.5rem;margin:0 0 1.5rem}markdown>sh-text[size=super-header],markdown>ul sh-text[size=super-header]{font-size:2rem;line-height:2rem;position:absolute;top:2rem;width:calc(100% - 4rem);max-width:56rem;margin:auto;padding-bottom:3.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sh-page[layout=normal] markdown>sh-text[size=super-header],sh-page[layout=normal] markdown>ul sh-text[size=super-header]{top:2.5rem}sh-page[layout=normal] markdown>sh-text:nth-of-type(2),sh-page[layout=normal] markdown>ul sh-text:nth-of-type(2){margin-top:0!important;padding-top:0!important}sh-page[layout=normal] sh-pane#sh-left[slot=left]{--sh-pane-wrapper-width: 19rem;--sh-pane-wrapper-padding: 1.5rem}markdown h2.tagline{margin:0 0 1rem;padding-top:0;color:var(--color-text-strong)}markdown>sh-text[size=header-2].h2,markdown>ul sh-text[size=header-2].h2{margin:0 0 1rem;font-size:1.5rem;line-height:2rem;padding-top:1.5rem}markdown>sh-text[size=header-2].h3,markdown>ul sh-text[size=header-2].h3{font-size:1.25rem;line-height:1.75rem;margin:0 0 .5rem;padding-top:1.5rem}markdown>sh-text[size=header-2].h4,markdown>ul sh-text[size=header-2].h4{font-size:1rem!important;line-height:1.5rem;margin:0 0 .5rem!important;padding-top:1.5rem!important}markdown>sh-text[size=header-2].h5,markdown>ul sh-text[size=header-2].h5{font-size:1rem;line-height:3.5rem;position:absolute;top:4rem;width:calc(100% - 4rem);max-width:56rem;margin:auto}markdown>sh-divider{padding:.25rem 0}markdown table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:1.5rem}markdown table th,markdown table td{vertical-align:top;font-size:.875rem;line-height:1.5rem!important;padding:1rem 1rem 1rem 0;border-bottom:1px solid rgba(var(--ui-1),var(--opacity-7));color:var(--text-primary)}markdown table th{font:var(--title-1);border-color:rgba(var(--ui-1),var(--opacity-4));text-align:left}markdown table td>p{display:inline}.demo+pre{margin-top:-2rem!important;border-top:1rem solid var(--code-block-background)!important;border-radius:0 0 var(--code-block-radius) var(--code-block-radius)!important}.demo:not(iframe){background-color:var(--base-2);overflow:visible;margin:1.5rem 0;position:relative;border-radius:var(--demo-radius);border:1px solid rgba(var(--ui-1),var(--opacity-6));font-size:.875rem}.demo:not(iframe)>div{padding:3rem;display:block;flex-direction:column;margin:auto;justify-content:center;align-items:center;box-sizing:content-box;height:-moz-fit-content;height:fit-content;width:20rem;max-width:100%;perspective:1px}.demo.flat{background:transparent;border:none}.demo.template:not(iframe)>div{zoom:55%;width:100%}.demo:has(details){overflow:hidden}.demo details.toggle-code summary{background:var(--base-3)!important;border:1px solid rgba(var(--ui-1),var(--opacity-100));border-width:1px 0 0 1px;padding:.25rem .5rem;border-radius:.25rem 0 0;width:4rem;align-items:center;justify-content:center;text-align:center;position:relative;display:flex;font:var(--title-2);right:0;margin-left:auto;cursor:pointer;transition:background .2s ease-in-out;color:var(--color-text-strong)}.demo details summary:hover{background:var(--base-2)!important}.demo details pre{border-top:1px solid rgba(var(--ui-1),var(--opacity-100));border-radius:0 0 .25rem .25rem;margin:0!important}body>.demo.phone{border:none}.demo.phone:not(iframe)>div,.demo.tablet:not(iframe)>div{margin:2.5rem auto;border:.125rem solid var(--highlight-20);overflow:hidden;border-radius:1rem;padding:0;min-width:0}.demo.custom-phone:not(iframe)>div,.demo.custom-tablet:not(iframe)>div{margin:.3125rem auto;border:.125rem solid var(--highlight-20);overflow:hidden;border-radius:1rem;padding:0;min-width:0}.demo.phone:not(iframe)>div{height:45rem;width:23.4375rem}.demo.custom-phone:not(iframe)>div{height:37.5rem;width:21.875rem;transform:scale(.85);-ms-transform:scale(.85)}.demo.tablet:not(iframe)>div{height:64rem;width:48rem;zoom:80%}.demo-cut:not(iframe)>div{height:15rem!important;width:23.4375rem!important;border-radius:1rem 1rem 0 0!important;border-top:.125rem solid var(--highlight-20);border-left:.125rem solid var(--highlight-20);border-right:.125rem solid var(--highlight-20);border-bottom:none!important;overflow:hidden!important;zoom:100%}.demo-cut-end.demo:not(iframe)>div{position:absolute;bottom:-18.75rem;margin-left:50%;transform:translate(-50%)}.demo.stretch:not(iframe)>div{padding:0;width:100%}.demo.row:not(iframe)>div{display:flex;flex-direction:row}.demo.has-margin:not(iframe)>div>*{margin:.5rem auto}.demo.row.has-margin:not(iframe)>div>*{margin:auto .5rem}.demo.resizable:not(iframe)>div{display:block;resize:both;padding:1rem;overflow:auto;box-sizing:border-box;min-width:25.4375rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);margin:1rem auto;border-radius:var(--demo-radius);border:.125rem solid var(--support-1)}.demo.resizable.horizontal:not(iframe)>div{resize:horizontal}.demo.resizable.vertical:not(iframe)>div{resize:vertical}.demo:not(iframe) hr{margin:.5rem 0!important;height:0!important}iframe{background-color:var(--base-2);overflow:visible;margin:1.5rem 0 2rem;position:relative;border-radius:var(--iframe-radius);border:1px solid rgba(var(--ui-1),var(--opacity-6))}iframe.demo{display:block;flex-direction:column;margin:1.5rem auto;justify-content:center;align-items:center;box-sizing:border-box;min-width:23.4375rem;max-width:100%;perspective:1px}iframe.resizable{display:block;resize:both;overflow:auto;width:65.5rem;max-width:65.5rem;min-width:24.5625rem;box-sizing:border-box;transform:translate(-4.75rem);border-radius:var(--iframe-radius);border:1px solid var(--support-1);margin:1.5rem 0}iframe.horizontal{resize:horizontal}iframe.resizable.vertical{resize:vertical}iframe.stretch{padding:0;width:100%}app-content.new-layout markdown iframe,app-content.new-layout markdown iframe.demo,app-content.new-layout markdown iframe.resizable{display:block;width:min(100%,var(--content-max));max-width:min(100%,var(--content-max));min-width:0;margin:1.5rem auto 2rem;transform:none;box-sizing:border-box}.iframe{height:100%}.iframe.column{display:flex;flex-direction:column;align-items:center;justify-content:center}.iframe.column>*+*{margin-top:1rem}.iframe.row{display:flex;align-items:center;justify-content:center}.iframe.row>*+*{margin-left:1rem}.iframe.template{zoom:55%;width:100%}.iframe.phone{position:absolute;width:23.4375rem;overflow:hidden;padding:0}.iframe.phone.cut{height:15rem}.iframe.has-margin>*{margin:.5rem auto}.links-grid{margin:0 .125rem}.links-grid sh-home-card{height:15rem}.links-grid sh-grid a{text-decoration:none}.links-grid sh-grid a .quick-links sh-text[href]{display:inline-block;width:auto}.color-sample{height:1.875rem;width:1.875rem;border-radius:50%;border:.0625rem solid rgba(var(--ui-1),var(--opacity-6))}a[href]{color:var(--text-primary)}a[href]:hover{color:var(--text-highlight)}markdown sh-text[href],markdown p sh-text[href],markdown li sh-text[href]{display:inline}a[href]:not(:where([href^="#"],[href^="/"]:not([href^="//"]),[href*="//shui.siemens-healthineers.com"],[href*="//shuimedia.blob.core.windows.net"],[href*="//dev.azure.com/shs-ti-ux/SHUI/_workitems/"],[data-type=special])):after{content:"\eab6";font-family:sh-icons}.copy-link-button{background:transparent;border:none;font-size:1.5rem;font-family:sh-icons;color:var(--support-5);line-height:inherit;font-weight:400;display:inline-block;vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease;opacity:0;margin-left:auto;padding-left:.25rem}.copy-link-button:hover,.anchorstyle:hover .copy-link-button{opacity:1}.anchorstyle{width:-moz-fit-content;width:fit-content}[theme=dark] .copy-link-button{color:var(--support-5-tint)}.best-practice__grid{padding-bottom:1.5rem}.best-practice__block{background-color:var(--base-2);margin:0 0 .5rem;min-height:15.5rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;position:relative;perspective:1px}.best-practice__block>*{max-width:90%}.best-practice__block--do{box-shadow:0 .25rem #279b44}.best-practice__block--dont{box-shadow:0 .25rem #e53633}.best-practice__block--attention{box-shadow:0 .25rem #fbbf28}.best-practice__block+em{margin-top:.25rem;display:inline-flex;gap:.5rem;font-style:normal;line-height:1.4;color:var(--text-primary);align-items:flex-start}.best-practice__block+em>sh-badge{margin-top:.15rem}@media print{sh-pane[slot=left],sh-pane#sh-left,#sh-left{display:none!important;visibility:hidden!important;width:0!important;opacity:0!important}sh-tabs.page-nav,.page-nav,app-header,app-menu,app-access-bar,sh-header,.sidebar,nav,header,footer,.no-print,.legal-footer{display:none!important}sh-page{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;--sh-pane-left-width: 0 !important}markdown iframe.demo{max-width:100%!important;height:25rem!important;min-height:25rem!important;overflow:visible!important;position:relative;transform:none!important;resize:none!important;page-break-inside:auto;display:block!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@font-face{font-family:sh-icons;font-style:normal;font-weight:500;src:url(sh-icons-classic.55aa39c21827e955.woff) format("woff")}@font-face{font-family:sh-icons-redesigned;font-style:normal;font-weight:500;src:url(sh-icons-redesigned.befd0c14a2f64dcb.woff) format("woff")}@font-face{font-family:siemens sans;font-style:normal;font-weight:500;src:url(sisan03.b31388272bff6199.woff2) format("woff2"),url(sisan03.44ab3a4b8781d26c.woff) format("woff"),}@font-face{font-family:siemens sans;font-style:normal;font-weight:900;src:url(sisan08.9c443b6b5cdf4a3e.woff2) format("woff2"),url(sisan08.cf77fb877e1d7017.woff) format("woff"),}@font-face{font-family:bree-headline;font-style:normal;font-weight:500;src:url(Bree-SH-Headline-Regular.a5e6256262e07a33.woff2) format("woff2"),url(Bree-SH-Headline-Regular.4a764f6206ffa6f0.woff) format("woff"),}