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 vis{--vis-header-height: 24px;width:300px;max-width:100%;display:flex;flex-direction:column;word-break:break-word}body vis vis-header{height:calc(var(--vis-header-height)*1.5);min-height:calc(var(--vis-header-height)*1.5);max-height:calc(var(--vis-header-height)*1.5);margin-bottom:12px;padding-top:.1rem;display:flex;align-content:start;justify-content:space-between}body vis vis-header vis-header-label{display:flex}body vis vis-header vis-header-label vis-header-label-icon{width:var(--vis-header-height);margin-right:1rem;font-size:1.2rem;display:inline-block}body vis vis-header vis-header-label vis-header-label-text{display:block}body vis vis-header vis-header-label vis-header-label-text vis-header-label-main{font-family:var(--font-header),sans-serif;font-weight:bold;display:block}body vis vis-header vis-header-label vis-header-label-text vis-header-label-sub{font-family:var(--font-body),sans-serif;line-height:.75rem;display:block}body vis vis-header vis-header-tools{display:flex;align-content:start}body vis vis-header vis-header-tools button.btn{width:var(--vis-header-height);height:var(--vis-header-height);padding:0 1rem;opacity:.5;display:flex;align-content:start}body vis vis-header vis-header-tools button.btn:hover,body vis vis-header vis-header-tools button.btn:focus{opacity:1}body vis vis-header vis-header-tools button.btn i{padding:unset;font-size:1.2rem}body vis vis-content{height:140px;background-color:var(--color-footer);display:flex;align-content:center;align-items:center;justify-content:center;overflow:hidden}body vis vis-content.vis-clickable{cursor:pointer}body vis vis-content.vis-clickable:hover,body vis vis-content.vis-clickable:focus{background-color:var(--color-focus)}body vis vis-content.active{background-color:var(--color-body)}body vis vis-content.active:hover,body vis vis-content.active:focus{background-color:var(--color-body)}body vis vis-content.active vis-content-latest{color:var(--color-background)}body vis vis-content vis-content-latest{text-align:center}body vis vis-content vis-content-latest div{margin:.5rem 0}body vis[data-vis-mode=latest] vis-content vis-content-svg{display:none}body vis[data-vis-mode=svg] vis-content vis-content-latest{display:none}