.page{display:flex;flex-direction:column;flex:1}.page .menu-header{display:flex;height:40px;align-items:center;padding:8px}.page .menu-header .logo{margin-left:0;margin-right:0}.page .menu-header .menu-items{flex:1;display:flex;flex-direction:row-reverse;align-items:center;font-size:1.3rem}.page .menu-header .menu-items .menu-item{margin-right:8px;color:#1d2338;font-weight:300}.page .menu-header .menu-items .menu-item-spacer{display:inline-block;margin-right:12px;width:2px;height:18px;background-color:#f0f0f0;font-weight:500}.page .menu-header .profile{border-radius:25px;height:30px;width:30px;line-height:30px;background-color:#1d2338;color:#fff;font-size:14px;font-weight:400;text-align:center}.page .menu-header .live{color:#d83b01}.page .menu-header .live:before{content:"";display:inline-block;width:11px;height:11px;background-color:#d83b01;border-radius:50%;margin-right:4px}.page .main-content{flex:1;display:flex;flex-direction:column;background-image:linear-gradient(180deg,#FAF9F8,white 140px);padding:8px}html{height:100%;font-size:14px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex:1;display:flex}@media (max-width: 767px){html{font-size:10px}}@media (min-width: 768px) and (max-width: 991px){html{font-size:11px}}@media (min-width: 992px){html{font-size:14px}}h1{font-size:1.6rem;margin-bottom:1rem;color:#000000e0;font-weight:600}h2{font-size:1.4rem;margin-bottom:1rem;color:#000000e0;font-weight:600}h3{font-size:1.3rem;margin-bottom:.8rem;color:#000000e0;font-weight:600}.title{margin-bottom:32px}.gauge-container{display:flex;flex-direction:row;justify-content:center;display:grid;align-items:center;grid-template-columns:repeat(auto-fit,minmax(200px,200px));grid-auto-rows:minmax(200px,200px);row-gap:24px;column-gap:24px}.volume-container{margin-top:2rem;height:600px;width:100%}@media (max-width: 767px){.gauge-container{grid-template-columns:repeat(auto-fit,minmax(120px,120px));grid-auto-rows:minmax(120px,120px)}.volume-container{height:300px}}@media (min-width: 768px) and (max-width: 991px){.gauge-container{grid-template-columns:repeat(auto-fit,minmax(140px,140px));grid-auto-rows:minmax(140px,140px)}.volume-container{height:400px}}