@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600&display=swap";*{margin:0;padding:0;margin-block:0}*,.layout-container{box-sizing:border-box;font-family:IBM Plex Sans Thai,sans-serif}.layout-container{width:100%;display:flex;position:relative;padding-top:3.5rem;align-items:center;flex-direction:column;justify-content:center}.layout-container.lang-EN{font-family:Lexend,sans-serif}.layout-container .content-container{z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.user-menu-container{display:flex;flex-direction:column}.user-menu-container .title{color:#888;font-size:18px;font-weight:400}.user-menu-container .menu{display:flex;margin:1rem 0;flex-direction:column}.user-menu-container .menu .item{color:#888;display:flex;padding:1rem .5rem;column-gap:.5rem;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.user-menu-container .menu .item .inline-flex{column-gap:.5rem;display:inline-flex}.user-menu-container .menu .item span{height:20px;display:flex;align-items:center}.user-menu-container .menu .item.underline-none{border-bottom:none}.user-menu-container .menu .item.danger{color:red}.user-menu-container .menu .item.danger path,.user-menu-container .menu .item.danger svg{fill:red}.user-menu-container .menu .item.danger:hover{color:red}.user-menu-container .menu .item:hover{color:#333;cursor:pointer}