:root{--paxtongreen:#70AD47;--textbackground:#D4D4D5;--percentagetext:#302E2D;--lastupdatedtext:#6B6B6B}body,html{height:100%;width:100%;margin:0;font-family:"Segoe UI",Arial,serif}main{display:flex;height:100%}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background:var(--textbackground)}::-webkit-scrollbar-thumb{background:var(--paxtongreen)}::-webkit-scrollbar-thumb:hover{background:#399839}#left-panel{width:50%;height:100%;padding:30px;box-sizing:border-box}#right-panel{width:50%;height:100%;box-sizing:border-box;padding:30px}tbody{display:block;height:calc(100% - 62px);overflow-y:scroll;padding-right:10px}thead tr td{background:var(--paxtongreen);color:#fff;padding:0 10px;font-size:30px}tbody tr td{background:var(--textbackground);font-size:18px;padding:0 10px;height:30px;vertical-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0}tbody tr,thead{display:table;width:100%;table-layout:fixed}thead{height:45px;width:calc(100% - 30px)}table{width:100%;height:100%}.locationtime{display:flex;max-width:100%;overflow:hidden}#area-name{position:relative;top:-22px;font-size:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#last-updated{font-size:31px;color:var(--lastupdatedtext);padding-left:5px}#occupancy-levels{margin-top:30px}.level{display:flex;align-items:center;width:100%;height:115px;font-size:50px;margin:2px}.level-title{display:flex;align-items:center;height:100%;width:100%;background:var(--textbackground);padding:0 20px;margin:1px}.level-value{display:flex;align-items:center;justify-content:center;height:100%;width:160px;background:var(--textbackground);margin:1px;font-weight:700}#current-value{color:var(--currentvaluecolor)}#percentage-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:50px}#group-image-container{width:397px;height:397px;margin-top:-40px}#group-image-container svg{width:100%;height:100%}#chart-container{position:relative;width:440px;height:440px;margin-left:-15px}#chart-container svg{width:100%;height:100%}#percentage{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:132px;color:var(--percentagetext)}#traffic-light-container{display:flex;justify-content:center;align-items:center;height:100%}#traffic-light-container img{height:100%}@media (max-width:1650px){#percentage{font-size:100px}.level{font-size:32px;height:90px}#area-name{font-size:54px;top:-14px}#last-updated{font-size:26px}thead tr td{font-size:32px}tbody tr td{font-size:18px}}@media (max-height:900px){#chart-container{width:300px;height:300px}#group-image-container{width:257px;height:257px}}