body{--font-header: "Noto Sans Thai";--font-body: "Noto Sans Thai Looped";--color-body: #212E3E;--color-background: #FFFFFF;--color-subheader: lightgray;--color-footer: #F5F7FA;--color-focus: #e0e2e5;--color-disabled: gray;--color-link: #FFCE54;--color-community: #AB91EB;--color-company: #58C0E8;--color-service: #8CC152;--color-alert: #b94a48}body stat{position:fixed;right:calc(-30vh + 24px);width:60vh;top:50%;height:auto;font-size:.7rem;color:var(--color-background);opacity:.5;mix-blend-mode:difference;display:flex;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:mix-blend-mode 1s;-ms-transition:mix-blend-mode 1s;transition:mix-blend-mode 1s;-webkit-filter:brightness(1.5);-ms-filter:brightness(1.5);filter:brightness(1.5);z-index:999}body stat .stat-col{width:160px;min-width:160px;display:flex}body stat .stat-col#stat-zalt{display:none}body stat .stat-col.stat-col-1{width:24px;min-width:24px}body stat .stat-col.stat-col-grow{flex-grow:1}body stat .stat-col .stat-data{width:50%;display:flex;flex-grow:1}body stat .stat-col .stat-data .stat-data-header{width:20%}body stat .stat-col .stat-data .stat-data-value{width:80%;margin-right:.5rem;text-overflow:ellipsis;overflow:hidden}body stat .stat-col .stat-data[data-Stat-degree]{font-size:1.2rem;justify-content:right}body stat .stat-col .stat-data[data-Stat-scroll]{display:flex;flex-direction:unset}body stat .stat-col .stat-data[data-Stat-scroll] .stat-scroll-container{width:100%;height:9px;margin-top:5px;border:solid 1px var(--color-background);display:flex;justify-content:right}body stat .stat-col .stat-data[data-Stat-scroll] .stat-scroll-container .stat-scroll{height:100%;width:0%;background-color:var(--color-background);-webkit-transition:width .1s;-ms-transition:width .1s;transition:width .1s}body stat .stat-col .stat-data[data-Stat-scroll] .stat-data-value{width:20%;text-align:right;margin-top:2px}@media only screen and (min-width: 768px){body stat{right:calc(-30vh + 36px);width:60vh}body stat .stat-col{display:unset}body stat .stat-col#stat-zalt{display:unset}body stat .stat-col .stat-data{width:100%;flex-grow:unset}body stat .stat-col .stat-data .stat-data-header{width:20%}body stat .stat-col .stat-data .stat-data-value{width:80%}body stat .stat-col .stat-data[data-Stat-scroll]{flex-direction:column}body stat .stat-col .stat-data[data-Stat-scroll] .stat-scroll-container{width:unset}body stat .stat-col .stat-data[data-Stat-scroll] .stat-data-value{width:unset;margin-right:unset}body stat .stat-col.stat-col-1{width:60px;min-width:60px}}