@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/72d0a34530f270f0-s.p.woff2) format("woff2");unicode-range:U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/a751395f3948a994-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/691dbb4d32997029-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/ee285b05ac47a625-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/a79adedcf0febccf-s.p.woff2) format("woff2");unicode-range:U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/a5f70e54ebd63c97-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/677cb73e6aafb8b4-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/3a300a8b42167374-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/b73b5171e099f3f2-s.p.woff2) format("woff2");unicode-range:U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/3486cb11bd1f7b40-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/41d17167fed63e55-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/5e3f6c60935cfc84-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/153cddd40fc006c4-s.p.woff2) format("woff2");unicode-range:U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/93780db435bead85-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e7550267a9c8154-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Kanit_e6928c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1de9c871cd3a3669-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Kanit_Fallback_e6928c;src:local("Arial");ascent-override:107.66%;descent-override:38.66%;line-gap-override:0.00%;size-adjust:102.17%}.__className_e6928c{font-family:__Kanit_e6928c,__Kanit_Fallback_e6928c;font-style:normal}body{font-weight:200}.context{width:100%;height:100%;position:absolute;z-index:99}.back-button{cursor:pointer;color:#000}.back-button:hover{cursor:pointer;color:#4169e1}.flip{transform:rotateY(180deg)}.flip,.flip-action{transition:width 2s,height 2s,transform 2s}.flip-action{transform:rotateY(0deg)}.area{width:100%;height:100vh;background:#3e3e42}.background{position:absolute;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:hidden;z-index:0}.background li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);animation:animate 19s linear infinite}.background li:nth-child(0){left:61%;width:120px;height:120px;bottom:-120px;animation-delay:1s}.background li:first-child{left:1%;width:161px;height:161px;bottom:-161px;animation-delay:4s}.background li:nth-child(2){left:42%;width:173px;height:173px;bottom:-173px;animation-delay:5s}.background li:nth-child(3){left:85%;width:143px;height:143px;bottom:-143px;animation-delay:5s}.background li:nth-child(4){left:49%;width:174px;height:174px;bottom:-174px;animation-delay:1s}.background li:nth-child(5){left:38%;width:125px;height:125px;bottom:-125px;animation-delay:8s}.background li:nth-child(6){left:68%;width:128px;height:128px;bottom:-128px;animation-delay:27s}.background li:nth-child(7){left:52%;width:194px;height:194px;bottom:-194px;animation-delay:19s}.background li:nth-child(8){left:42%;width:154px;height:154px;bottom:-154px;animation-delay:8s}.background li:nth-child(9){left:70%;width:186px;height:186px;bottom:-186px;animation-delay:21s}.otp-input{border:1px solid #dee2e6;border-radius:8px;width:54px;height:54px;font-size:16px;color:#000;text-align:center;font-weight:400;caret-color:blue}.otp-input.invalid{border:2px solid red}.otp-input:focus{border:2px solid #229cfc;outline:none}.otp-separator{width:10px}.message-item{margin-bottom:25px;margin-left:40px;position:relative}.message-item .message-inner{background:#fff;border:1px solid #ddd;border-radius:3px;padding:10px;position:relative}.message-item .message-inner:before{border-style:solid;border-right:solid #ddd;border-width:10px;left:-20px}.message-item .message-inner:after,.message-item .message-inner:before{color:transparent;content:"";display:block;height:0;position:absolute;top:6px;width:0}.message-item .message-inner:after{border-style:solid;border-right:solid #fff;border-width:10px;left:-18px}.message-item:before{border-radius:2px;bottom:-30px;box-shadow:0 0 3px rgba(0,0,0,.2);height:100%;left:-30px;width:3px}.message-item:after,.message-item:before{background:#fff;content:"";position:absolute}.message-item:after{border:2px solid #ccc;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.1);height:15px;left:-36px;top:10px;width:15px}.clearfix:after,.clearfix:before{content:" ";display:table}.message-item .message-head{border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:8px}.message-item .message-head .avatar{margin-right:20px}.message-item .message-head .user-detail{overflow:hidden}.message-item .message-head .user-detail h5{font-size:16px;font-weight:700;margin:0}.message-item .message-head .post-meta{float:left;padding:0 15px 0 0}.message-item .message-head .post-meta>div{color:#333;font-weight:700;text-align:right}.post-meta>div{color:#777;font-size:12px;line-height:22px}.font-14{font-size:14px}.fa.icon-dot-1,.fa.icon-dot-1:before{font-size:6px!important}[class*=" icon-dot-1"],[class^=icon-dot-1]{display:flex;align-items:center;margin-top:2px}@media (min-width:0px){.otp-input{width:34px!important;height:34px!important}}@media (min-width:768px){.otp-input{width:54px!important;height:54px!important}}@media (min-width:960px){.otp-input{width:54px!important;height:54px!important}}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}