body{font-family:"OTP-Muli",sans-serif;font-size:14px;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid !important;grid-template-rows:max-content 1fr max-content}body .menu-bar{user-select:none;position:relative;width:100%;height:64px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;background-color:#343941;color:#ffffffde}body .menu-bar .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}body .menu-bar .logo img{vertical-align:middle}body .menu-bar #spinner{float:right;padding:8px}body .menu-bar #spinner svg{--s: 48px;width:var(--s);height:var(--s)}body .menu-bar #spinner circle{--r: 47px;--1deg: calc(2 * pi * var(--r) / 360);stroke-width:calc((50% - var(--r)) * 2);animation:dash-anim 1400ms ease-in-out infinite,full-rotation-anim 2000ms linear infinite;transform-origin:50% 50%}@keyframes dash-anim{0%{stroke-dasharray:0 0 calc(2 * var(--1deg)) calc(358 * var(--1deg))}50%{stroke-dasharray:0 calc(35 * var(--1deg)) calc(290 * var(--1deg)) calc(35 * var(--1deg))}100%{stroke-dasharray:0 calc(358 * var(--1deg)) calc(2 * var(--1deg))}}@keyframes full-rotation-anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body .menu-bar #connection-error{float:right;padding:6px}body .menu-bar #connection-error .err{color:#ff1744}body .container{width:calc(100% - 32px);margin:16px 16px 0 16px;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;display:flex;flex-direction:column;overflow:hidden}body .container #time-axis-host{flex:1;max-height:52px}body .container #chartHost1{flex:1;overflow:hidden}body .disclaimer{margin:4px 16px;text-align:center;user-select:none}