*{box-sizing:border-box}#root,body,html{margin:0;padding:0;font-family:SukhumvitSet,sans-serif;color:#4d4d4d;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,input,select,textarea{font:inherit;border:unset;padding:0;background-color:unset;color:unset;outline:none;border-radius:0;outline-offset:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hidden{display:none;visibility:hidden}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideInBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.nav-bar{overflow:hidden;border-radius:0 0 16px 16px}.nav-bar,.nav-bar>.nav-content{position:fixed;top:0;left:0;width:100%;height:56px}.nav-bar>.nav-content{display:flex;padding:0 16px;align-items:center;color:#fff;font-size:16px}.nav-bar>.nav-content>ion-icon{font-size:24px}.nav-bar:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#173456),color-stop(60%,#0a213b),to(#000616));background:linear-gradient(180deg,#173456 20%,#0a213b 60%,#000616);z-index:-1}.main-app>.lobby-wrapper{overflow:hidden;-webkit-transition:all .2s;transition:all .2s}.main-app>.lobby-wrapper,.main-app>.lobby-wrapper>.content-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;position:fixed}.main-app>.lobby-wrapper>.content-wrapper{flex-direction:column;-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:opacity .2s;transition:opacity .2s}.main-app>.lobby-wrapper>.content-wrapper>.brand-logo{width:200px;height:200px}.main-app>.lobby-wrapper>.content-wrapper>.brand-logo>img{width:100%;height:100%;object-fit:contain}.main-app>.lobby-wrapper>.content-wrapper>.button-section{margin:32px 0 96px}.main-app>.lobby-wrapper>.content-wrapper>.button-section>.button-wrap{display:flex;justify-content:center;align-items:center;padding:0 24px;width:220px;height:52px;background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,#fff),to(#f2f5fa));background:linear-gradient(180deg,#fff 60%,#f2f5fa);margin-top:20px;font-size:20px;font-weight:600;border-radius:26px}.main-app>.lobby-wrapper>.content-wrapper>.button-section>.button-wrap>span{display:flex;justify-content:center;align-items:center;flex-grow:1}.main-app>.lobby-wrapper>.content-wrapper>.button-section>.button-wrap>img{width:48px;height:48px;margin-left:16px}.main-app>.lobby-wrapper>.webads-fixed-bar{position:fixed;bottom:0;left:0;width:100%;max-height:100px;-webkit-transition:all .2s;transition:all .2s;-webkit-animation:slideInBottom .2s;animation:slideInBottom .2s;overflow:hidden;text-align:center}.main-app>.lobby-wrapper>.webads-fixed-bar>a img,.main-app>.lobby-wrapper>.webads-fixed-bar>span.link img{box-sizing:border-box}.main-app>.lobby-wrapper:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#173456),color-stop(60%,#0a213b),to(#000616));background:linear-gradient(180deg,#173456 20%,#0a213b 60%,#000616);z-index:-1}.main-app>.lobby-wrapper.trans-out{pointer-events:none;bottom:calc(100% - 56px);border-radius:0 0 16px 16px}.main-app>.lobby-wrapper.trans-out>.content-wrapper{opacity:0}.main-app>.lobby-wrapper.trans-out>.webads-fixed-bar{-webkit-transform:translateY(100%);transform:translateY(100%)}.predict-app .canvasjs-chart-credit{display:none}.predict-app>.nav-bg{position:fixed;top:0;left:0;width:100%;height:56px;background-color:#f2f5fa}.predict-app>.trans-nav{-webkit-transition:all .2s;transition:all .2s;z-index:1}.predict-app>.content-wrapper,.predict-app>.trans-nav>.nav-content{-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:opacity .2s;transition:opacity .2s}.predict-app>.content-wrapper{padding-top:220px;background-color:#f2f5fa}.predict-app>.content-wrapper>.detail-section{width:100%;position:fixed;top:56px;display:flex;background-color:#f2f5fa;padding:0 0 16px;z-index:2}.predict-app>.content-wrapper>.detail-section>.side-box{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:calc(50% - 60px)}.predict-app>.content-wrapper>.detail-section>.side-box>.label{font-size:12px}.predict-app>.content-wrapper>.detail-section>.side-box>.detail{font-size:20px;font-weight:600}.predict-app>.content-wrapper>.detail-section>.ans-box{display:flex;flex-direction:column;align-items:center;margin-top:-24px;width:120px;height:120px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.2);-webkit-animation:slideInBottom .3s;animation:slideInBottom .3s}.predict-app>.content-wrapper>.detail-section>.ans-box>.ans-wrap{display:flex;justify-content:center;align-items:center;flex-grow:1}.predict-app>.content-wrapper>.detail-section>.ans-box>.ans-wrap>.ans{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:red;border-radius:50%;color:#fff;font-size:24px}.predict-app>.content-wrapper>.tab-bar{position:fixed;top:168px;width:100%;height:52px;background-color:#fff;display:flex;z-index:1;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.predict-app>.content-wrapper>.tab-bar>.tab-item{display:flex;justify-content:center;align-items:center;width:50%;height:100%;color:#a8a8a8;font-size:18px;font-weight:600}.predict-app>.content-wrapper>.tab-bar>.tab-item>span{padding:0 16px;-webkit-transition:all .2s;transition:all .2s;border-bottom:2px solid transparent}.predict-app>.content-wrapper>.tab-bar>.tab-item.selected{color:#4d4d4d}.predict-app>.content-wrapper>.tab-bar>.tab-item.selected>span{border-bottom:2px solid #173456}.predict-app>.content-wrapper>.tab-content{-webkit-animation:fadeIn .2s;animation:fadeIn .2s;background-color:#fff;padding:16px 16px 72px}.predict-app>.content-wrapper>.tab-content>.webads-item{width:100%;min-height:120px;margin:12px 0;text-align:center}.predict-app>.content-wrapper>.tab-content>.webads-item>a img,.predict-app>.content-wrapper>.tab-content>.webads-item>span.link img{width:100%;max-width:800px;height:auto;object-fit:cover}.predict-app>.content-wrapper>.tab-content>.webads-item:last-child{margin-bottom:0}.predict-app>.content-wrapper>.tab-content>.no-result{width:100%;height:56px;color:#a8a8a8;display:flex;justify-content:center;align-items:center}.predict-app>.content-wrapper>.tab-content>.history-row{display:flex;align-items:center;height:56px;border-bottom:1px solid #d8d8d8;padding:0 4px}.predict-app>.content-wrapper>.tab-content>.history-row>.main-round{width:calc(50% - 40px)}.predict-app>.content-wrapper>.tab-content>.history-row>.round{display:flex;justify-content:center;align-items:center;width:80px}.predict-app>.content-wrapper>.tab-content>.history-row>.answer-icon{width:calc(50% - 40px);display:flex;justify-content:center;align-items:center;justify-content:flex-end}.predict-app>.content-wrapper>.tab-content>.history-row>.answer-icon>.icon-wrapper{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:#fff;font-size:24px;background-color:#d8d8d8;border-radius:50%}.predict-app>.content-wrapper>.tab-content>.history-row>.answer-icon.true>.icon-wrapper{background-color:#338033}.predict-app>.content-wrapper>.tab-content>.history-row>.answer-icon.false>.icon-wrapper{background-color:#da2121}.predict-app>.content-wrapper>.tab-content.graph{padding:32px 16px}.predict-app>.button-fixed-bar{position:fixed;left:0;bottom:0;width:100%;height:56px;-webkit-animation:slideInBottom .2s;animation:slideInBottom .2s;-webkit-transition:all .2s;transition:all .2s;display:flex}.predict-app>.button-fixed-bar>.ans-button{display:flex;justify-content:center;align-items:center;width:50%;height:100%;font-size:18px;color:#fff}.predict-app>.button-fixed-bar>.ans-button.green{background-color:#338033}.predict-app>.button-fixed-bar>.ans-button.red{background-color:#da2121}.predict-app.trans-back{pointer-events:none}.predict-app.trans-back>.trans-nav{z-index:3}.predict-app.trans-back>.content-wrapper,.predict-app.trans-back>.trans-nav>.nav-content{opacity:0}.predict-app.trans-back>.content-wrapper>.detail-section>.ans-box{z-index:3}.predict-app.trans-back>.button-fixed-bar{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.predict-app.trans-back.to-main>.trans-nav{height:100vh;border-radius:0}.room-list-app>.trans-nav{-webkit-transition:all .2s;transition:all .2s;z-index:1}.room-list-app>.trans-nav>.nav-content{-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:opacity .2s;transition:opacity .2s}.room-list-app>.content-wrapper{padding:56px 16px 16px;-webkit-transition:all .2s;transition:all .2s}.room-list-app>.content-wrapper>.room-row{padding:12px;margin:16px 0;border-radius:16px;display:flex;align-items:center;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.room-list-app>.content-wrapper>.room-row>.room-img{width:64px;height:64px}.room-list-app>.content-wrapper>.room-row>.room-img>img{width:100%;height:100%;object-fit:contain}.room-list-app>.content-wrapper>.room-row>.room-name{font-size:20px;font-weight:600;flex-grow:1;margin-left:24px}.room-list-app>.content-wrapper>.room-row>.join-room{font-size:24px}.room-list-app>.content-wrapper>.room-row>.join-room>img{width:100%;height:100%;object-fit:contain}.room-list-app.trans-out{pointer-events:none}.room-list-app.trans-out>.content-wrapper,.room-list-app.trans-out>.trans-nav>.nav-content{opacity:0}.room-list-app.trans-back{pointer-events:none}.room-list-app.trans-back>.trans-nav{height:100vh;border-radius:0}.room-list-app.trans-back>.content-wrapper,.room-list-app.trans-back>.trans-nav>.nav-content{opacity:0}@font-face{font-family:SukhumvitSet;src:url(/static/media/SukhumvitTadmai-Lig.b326de83.eot);src:url(/static/media/SukhumvitTadmai-Lig.b326de83.eot?#iefix) format("embedded-opentype"),url(/static/media/SukhumvitTadmai-Lig.80881fee.woff) format("woff"),url(/static/media/SukhumvitTadmai-Lig.424aabf0.ttf) format("truetype"),url(/static/media/SukhumvitTadmai-Lig.748d432b.svg#SukhumvitTadmai-Lig) format("svg");font-weight:200;font-style:normal}@font-face{font-family:SukhumvitSet;src:url(/static/media/SukhumvitTadmai-Med.7731dbaa.eot);src:url(/static/media/SukhumvitTadmai-Med.7731dbaa.eot?#iefix) format("embedded-opentype"),url(/static/media/SukhumvitTadmai-Med.e41cbe46.woff) format("woff"),url(/static/media/SukhumvitTadmai-Med.3fe36a0a.ttf) format("truetype"),url(/static/media/SukhumvitTadmai-Med.f4d355f3.svg#SukhumvitTadmai-Med) format("svg");font-weight:400;font-style:normal}@font-face{font-family:SukhumvitSet;src:url(/static/media/SukhumvitTadmai-SeBol.7901ffb5.eot);src:url(/static/media/SukhumvitTadmai-SeBol.7901ffb5.eot?#iefix) format("embedded-opentype"),url(/static/media/SukhumvitTadmai-SeBol.bb7a4953.woff) format("woff"),url(/static/media/SukhumvitTadmai-SeBol.b719c024.ttf) format("truetype"),url(/static/media/SukhumvitTadmai-SeBol.39660603.svg#SukhumvitTadmai-SeBol) format("svg");font-weight:600;font-style:normal}@font-face{font-family:SukhumvitSet;src:url(/static/media/SukhumvitTadmai-Bol.d5370f3d.eot);src:url(/static/media/SukhumvitTadmai-Bol.d5370f3d.eot?#iefix) format("embedded-opentype"),url(/static/media/SukhumvitTadmai-Bol.69316937.woff) format("woff"),url(/static/media/SukhumvitTadmai-Bol.34cbfa2b.ttf) format("truetype"),url(/static/media/SukhumvitTadmai-Bol.fd136cba.svg#SukhumvitTadmai-Bol) format("svg");font-weight:800;font-style:normal}