:root{--hansevision-background-color: #0088c5;--hansevision-background-color-dark: #004361;--hansevision-text-color: #fff;--padding-sm: .5rem}body{margin:0}.grid-container{display:grid;min-block-size:100vh;min-block-size:100dvh;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}#header{--colorNeutralForeground1: var(--hansevision-text-color);--colorNeutralForeground2: var(--hansevision-text-color);grid-area:header;text-align:center;background-color:var(--hansevision-background-color);color:var(--hansevision-text-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 0 var(--padding-sm)}#header a,#header button{text-align:center;background-color:var(--hansevision-background-color);color:var(--hansevision-text-color)}#header button:hover,#header button:active{background-color:var(--hansevision-background-color-dark)}.main{grid-area:main;overflow:auto}.placeholder-root{display:flex;flex-direction:column;align-items:center;justify-content:center}.placeholder-root .icon-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px}.placeholder-root .icon-wrapper .icon{font-size:38px}.placeholder-root .icon-wrapper .icon-text{font-size:24px}.placeholder-root .description{font-size:16px}.container{height:96.7%}.container-grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;grid-template-areas:"left right";gap:0;height:100%}.left{grid-area:left;height:100%;overflow:auto;padding:1rem}.left-header{font-size:1rem;font-weight:600;margin-bottom:.75rem}.right{grid-area:right;height:100%;overflow:auto;padding:1rem;background-color:#f5f5f5}