: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:hidden}.container{height:100%}.container-grid{display:flex;flex-direction:row;height:100%}.left{min-width:180px;max-width:600px;height:100%;overflow:auto;padding:1rem;flex-shrink:0}.left-header{font-size:1rem;font-weight:600;margin-bottom:.75rem}.divider{width:4px;cursor:col-resize;background-color:#e0e0e0;flex-shrink:0;transition:background-color .15s;-webkit-user-select:none;user-select:none}.divider:hover,.divider.dragging{background-color:#0088c5}.right{flex:1;min-width:300px;height:100%;overflow:auto;padding:1rem;background-color:#f5f5f5}.placeholder-root{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px}.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}