body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;font-family:Sarabun,sans-serif!important;height:100%;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,.MuiTypography-root,.Sarabun,.root,button{font-family:Sarabun,sans-serif!important}#modal ::-webkit-scrollbar{height:0;opacity:0;width:0}#modal .fixedBackdrop{background:var(--bg-floor-popup);height:100vh;left:0;opacity:.6;position:fixed;top:0;width:100vw}#modal .contentPosition{display:block;height:100%;left:50%;outline:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .15s linear}#modal .box,#modal .boxFull{background-clip:padding-box;border-radius:16px;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}#modal .boxBody,#modal .boxBodyFull{align-items:center;display:flex;margin:.6rem;min-height:calc(100% - 1rem);pointer-events:none;position:relative;width:auto}#modal .boxContent,#modal .boxContentFull{border-radius:6px;width:430px}#modal .boxContent,#modal .boxContentError,#modal .boxContentFull{background:var(--bg-card);box-shadow:0 4px 4px #00000040;height:100%;padding:30px;text-align:left}#modal .boxContentError{border-radius:16px;width:420px}#modal .boxContentAlert{width:400px}#modal .confirmParagrap,#modal .confirmTitle{color:var(--bg-black);font-size:20px;margin:20px 0 30px}#modal .confirmText{color:var(--bg-text-main);font-size:18px}#modal .closeButtonFull{padding:12px;position:absolute;right:0}#modal .backButtonFull{left:-50px;padding:10px;top:-38px}#modal .closeButton{position:absolute;right:-16px;top:-16px}#modal .iconImgFull{color:var(--bg-text-main);cursor:pointer;height:32px!important;position:relative;width:32px!important}#modal .closeImg,#modal .closeImgFull{cursor:pointer;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));height:100%;position:relative;width:60px}#modal .closeImg:hover,#modal .iconImgFull:hover{top:2px}#modal .conditionTitle{background:var(--bg-brand);border-bottom:1px solid var(--bg-gray);border-radius:10px 10px 0 0;color:var(--bg-white);font-size:18px;padding:20px 20px 10px}#modal .conditionTitlePaddingOther{padding:20px}#modal .conditionMaginTop{margin-top:10px}#modal .conditionHead{border-bottom:1px solid var(--bg-dark-gray);font-size:20px;font-weight:700;padding:20px 20px 10px}#modal .conditionBody,#modal .conditionHead{background:var(--bg-card);color:var(--bg-black)}#modal .conditionBody{font-size:16px;padding:20px}#modal .conditionBodyRadius{border-radius:0 0 10px 10px}#modal .conditionBodyPadding{padding:0}#modal .tableList td,#modal .theadSize{padding:16px 20px!important}#modal .demoComment{color:var(--bg-primary)}.boxBodyColor{color:var(--bg-white);font-size:16px;text-align:center}.boxBodyTitle{color:var(--bg-text-main);font-size:26px;font-weight:500;margin-bottom:30px;text-align:center}.loadPage{background:rgba(0,0,0,.816);color:#fff;height:100vh;left:0;position:fixed;top:0;transform:translate(0)!important;width:100vw;z-index:2000}.textLoadding{color:#d9d9d9;font-size:20px;margin-top:36px}#modal .boxRegisterAction{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:18px;margin-bottom:12px;padding:12px 16px}#modal .boxContentWidthBigImage{height:100%;width:440px}#modal .imgPopup{border-radius:8px;cursor:pointer;height:100%;width:100%}#modal .iconImgPopup{background:var(--bg-card);border-radius:6px;box-shadow:0 4px 4px 0 #00000040;color:var(--bg-text-main);cursor:pointer;height:24px!important;padding:6px;position:relative;width:24px!important}#modal .closeButtonPopup{padding:4px;position:absolute;right:-12px;top:-12px}#modal .iconImgPopup:hover{top:2px}#modal .iconHidePopup{color:var(--bg-text-main);height:24px!important;margin-top:4px;width:24px!important}#modal .hidePopupCard{background:var(--bg-card);border-radius:6px;cursor:pointer;font-size:16px;margin-top:5px;padding:10px 12px}@media only screen and (max-width:600px){#modal .boxBodyFull{margin:0}#modal .boxFull{border:0;border-radius:0;min-height:100vh;width:100%}#modal .boxContent,#modal .boxContentError{padding:30px 15px;width:84vw}#modal .boxContentFull{border-radius:0;min-height:92vh;padding:40px 20px;width:91vw}#modal .closeImg{height:50px;width:50px}#modal .closeImgFull{height:38px;width:38px}#modal .iconImgFull{width:36px!important}#modal .conditionTitlePaddingOther{font-size:16px;padding:15px 5px 10px}#modal .conditionBodyRadius{border-radius:0}#modal .confirmParagrap{font-size:18px;margin:5px 0 30px}#modal .boxTitle{font-size:18px}#modal .conditionTitleMobile{background-color:var(--bg-brand);border-bottom:1px solid var(--bg-gray);color:var(--bg-white);font-size:16px;padding:20px 5px 10px}#modal .imgLogo{width:120px}.textLoadding{margin-top:24px}#modal .confirmText,.textLoadding{font-size:16px}#modal .backButtonFull{left:-20px}#modal .alertMarginTop{margin-top:-4px}#modal .boxRegisterAction{font-size:16px;margin-bottom:10px;padding:8px 16px}#modal .boxContentWidthBigImage{height:100%;max-width:100%;width:325px}#modal .iconImgPopup{padding:5px 4px;width:28px!important}#modal .hidePopupCard{font-size:14px;margin-top:5px;padding:8px 10px}}.contactTitle{color:var(--bg-text-main);font-size:24px}.contactTitleSub{color:var(--bg-text-main);font-size:18px}.contactMenuList{background:var(--bg-card);border:1px solid var(--bg-card);border-radius:6px;color:var(--bg-text-main);filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));margin-bottom:15px;padding:16px}.contactMenuList:hover{top:2px}.contactMenuListText{font-size:18px;font-weight:600;padding-top:15px}.contactMenuListSubText{color:var(--text-secondary);font-size:16px;font-weight:400;padding:10px 0 5px}.contactMenuListImg{height:auto;width:70px}@media only screen and (max-width:600px){.contactMenuListImg{width:42px}.contactMenuListText{font-size:14px;padding-top:7.5px}.contactMenuList{margin-bottom:0;padding:18px 10px 14px}.contactTitle{font-size:18px}.contactTitleSub{font-size:16px}.contactMenuListSubText{color:var(--text-secondary);font-size:14px;font-weight:400;padding:5px 0}}.contactErrorTitleSub{color:#000;font-size:18px;margin-bottom:15px}.imgError{border:2px solid #c5c5c5;border-radius:6px;height:100%;width:100%}.imgLogoError{filter:drop-shadow(0 0 .15rem black);height:100%;width:240px}.btnErrorReload{background:#ea0000;border-radius:50px;color:#fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:18px;padding:10px 30px}.btnErrorReload:hover{opacity:.8;top:2px}@media only screen and (max-width:600px){.imgLogoError{width:160px}.btnErrorReload{font-size:16px}}.center{text-align:center}.left{text-align:left}.right{text-align:right}.relative{position:relative}.progressiveImage{width:100%}.iconPromtpayBase64{height:200px;width:200px}.alertMessageError{border-radius:15px;color:var(--bt-danger);font-size:14px;line-height:22px;margin-top:15px;opacity:.8;text-align:center}button:disabled{cursor:no-drop;opacity:.5!important;position:static}.positionAbsolute{position:absolute}.positionFixed{position:fixed}.positionRelative{position:relative}.topLeft{left:0;top:0}.topRight{right:0;top:0}.topCenter{top:50%}.bottomLeft{bottom:0;left:0}.bottomRight{bottom:0;right:0}.bottomCenter{bottom:0;left:0}.leftCenter{left:50%}.rightCenter{right:50%}.traslateXCenter{transform:translateX(-50%)}.traslateYCenter{transform:translateY(-50%)}.traslateCenter{transform:translate(-50%,-50%)}.widthFull{width:100%}.zIndexLow{z-index:1000}.zIndexMedium{z-index:1200}.zIndexHight{z-index:1400}.zIndexLarge{z-index:1600}.zIndexBG{z-index:-1}.textBoldLow{font-weight:400}.textBoldMedium{font-weight:500}.textBoldHight{font-weight:600}.textBold{font-weight:700!important}.cursorPointer{cursor:pointer}.cursorNotAllow{cursor:not-allowed}.componentMarginTop{margin-top:50px}.boxMarginTop{margin-top:30px}.contentBoxMarginTop02,.contentMediumMarginTop{margin-top:20px}.contentBoxMarginTop03{margin-top:30px}.contentMarginTop{margin-top:10px}.contentBoxMarginTop{margin-top:15px}.textMarginTop{margin-top:5px}.contentMediumSubMarginTop{margin-top:-20px}.textPaddingTop{padding-top:5px}.contentWidth,.contentWidthFooter{padding:0 12px}.gameImage{border-radius:6px;height:100%;width:100%}.gameHover:hover{top:2px}.gameNameBox{background:#000000b3;border-radius:0 0 10px 10px;padding:4px}.gameNameBottom{bottom:4px;left:0}.gameName{color:var(--bg-white);font-size:16px}.gameNameSzie{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.boxCardNonePD{padding:0!important}.boxTitle{font-weight:700;text-align:center}.boxContentTitle,.boxTitle{color:var(--bg-text-main);font-size:20px}.boxContentText{color:var(--bg-text-main);font-size:18px}.validateError{color:#ff6877;font-size:14px;padding-left:8px;padding-top:6px}.validateInfo{color:var(--bg-text-main);margin-top:10px}.displayInlineBlock{display:inline-block}.displayFlex{display:flex}.reviewGridWrapper{grid-gap:6px;display:grid;gap:6px;grid-auto-flow:column;grid-template-rows:repeat(2,1fr)}.flexCenter{justify-content:center}.flexAlignCenter{align-items:center}.iconCloseAll{color:#fff;cursor:pointer;height:100%!important;position:relative;width:46px!important}.iconCloseAll:hover{top:2px}.cancelPageText{color:var(--bt-danger);font-size:14px}.iconBackPage,.iconHomePage{color:var(--bg-text-main);height:36px!important;width:36px!important}.iconClosePage{height:28px!important;width:28px!important}.iconSearchPage{color:var(--bg-text-main);height:32px!important;width:32px!important}.iconBackPage:hover,.iconHomePage:hover,.iconSearchPage:hover{top:2px}.pagePadding,.pagePaddingError{min-height:90vh;padding-top:40px}.slick-disabled{display:none!important}.slick-next,.slick-prev{z-index:999!important}.slick-next{right:2px!important}.slick-prev{left:-12px!important}.slick-next:before,.slick-prev:before{color:var(--bg-text-main)!important;font-size:36px!important;line-height:.6!important;opacity:.85!important}.menuPositionWidthScroll{display:flex;overflow-x:scroll;overflow-y:hidden;padding-bottom:6px;width:auto}.menuPositionWidthScroll::-webkit-scrollbar{height:18px!important}.menuPositionWidthScroll::-webkit-scrollbar-thumb{background:#b1b3b9;border-radius:5px}.boxRadiusFull{border-radius:100%}.boxRadius{border-radius:50px}.boxRadiusHeight{border-radius:15px}.boxRadiusLow,.boxRadiusMedium{border-radius:6px}.backPage{background:var(--bg-card);padding:6px 10px}.backPagePadding{padding:10px}.ruleBtn{border:1px solid #434958!important;border-radius:5px!important;color:var(--bg-text-main)!important;font-size:14px!important;font-weight:700!important}.clWhite{color:var(--bg-white)!important}@media only screen and (max-width:600px){.componentMarginTop{margin-top:30px}.boxMarginTop{margin-top:20px}.contentWidth{padding:0!important}.boxTitle{font-size:16px}.boxContentTitle{font-size:15px}.contentMediumMarginTop{margin-top:10px}.iconBackPage{width:28px!important}.backPage{padding:3px 10px}.backPagePadding{padding:7px 10px}.iconHomePage{width:26px!important}.iconSearchPage{height:24px!important;width:24px!important}.gameNameBox{padding:3px 4px}.gameName{font-size:13px}.pagePadding{padding:20px 5px 30px}.pagePaddingError{padding:20px 15px 30px}.slick-next:before,.slick-prev:before{font-size:30px!important}.slick-next{right:20px!important}.menuPositionWidthScroll::-webkit-scrollbar{height:0!important}.menuPositionWidthScroll::-webkit-scrollbar-thumb{border-radius:0}.contentWidthFooter{padding:0 6px!important}.contentMediumSubMarginTop{margin-top:-5px}.menuPositionWidthScroll{padding-bottom:0}.cancelPageText{font-size:13px}}.btnHover{position:relative}.btnHover:hover{top:2px}.btnRadius{border-radius:50px}.btnRadiusLow,.btnRadiusMedium{border-radius:6px}.btnWidthLow{width:140px}.btnWidthMedium{width:200px}.btnWidthHight{width:260px}.btnWidthLarge{width:320px}.btnWidthFull{width:100%}.btnActionPosition{bottom:-8px;left:50%;position:absolute;transform:translateX(-60%)}.btnOpcityFull{opacity:1!important}.btn{border:0;box-shadow:0 6px 6px #00000040;color:var(--bg-white);display:inline-block;font-size:18px;line-height:1.5;padding:14px 0;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btnTextMedium{font-size:16px;padding:8px 0}.btnShowdowNone{box-shadow:none!important}.btnShowdowShow{box-shadow:0 6px 6px #00000040}.btnPaddingUnset{padding:0}.btnPaddingText{padding:12px 0}.btnPaddingMore{padding:4px 0}.btn:not(:disabled):not(.disabled){cursor:pointer}.btnFilter{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.btnLogin{background:var(--bt-login);color:var(--bg-white)}.btnRegister{background:var(--bt-register);color:var(--bg-white)}.btnBorderOutline{color:var(--bg-blue)}.btnBorderOutline,.btnBorderOutline02{background:var(--bg-card);border:1.5px solid var(--bg-gray)}.btnBorderOutline02{color:var(--bt-danger)}.btnConfirm{background:var(--bt-confirm);color:var(--text-bt-confirm)}.btnSelect{background:var(--bg-select);color:var(--bg-white)}.btnSuccess{background:var(--bt-sucess);color:var(--bg-white)}.btnDanger{background:var(--bt-danger);color:var(--bg-white)}.btnPrimary{background:var(--bg-primary)!important;color:var(--bg-white)!important}.btnBlue{background:var(--bg-blue);color:var(--bg-white)}.btnOutLineWhite{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:2px solid var(--bg-text-main)!important;color:var(--bg-text-main)}.btnOutLineDefault{border:1px solid var(--bg-gray);box-shadow:none;color:var(--bg-blue)}.btnNavbar{background:var(--bg-navbar);color:var(--bg-white)}.btnReqBank{background:var(--bt-confirm);color:var(--bg-white);font-size:16px}.btnSelectPromotion{background:var(--bg-blue)}.btnCancelPromotion,.btnSelectPromotion{color:var(--bg-white);font-size:13px;padding:5px}.btnCancelPromotion{background:var(--bt-danger)}.btnRule{background:var(--bt-confirm);color:var(--bg-black);font-size:13px;padding:5px}.btnBorderLine{border:1px solid var(--bg-gray)!important}.btnConfirm:hover,.btnDanger:hover,.btnLogin:hover,.btnRegister:hover,.btnReqBank:hover,.btnSuccess:hover{opacity:.8}.btnFooter{background:var(--bt-confirm);border-radius:6px;color:var(--text-bt-confirm);cursor:pointer;font-size:16px;padding:8px 24px;position:relative;text-align:center}.btnFooter:hover{top:2px}.backButton{color:var(--bg-text-main);cursor:pointer;height:100%!important;width:42px!important}.btnSpin{padding:6px 0}.btnSpinStart{background:linear-gradient(180deg,#d90000,#ff7c7c 5.73%,#da0000 57.81%,#930000);border:2px solid #fff;box-shadow:0 10px 10px #000c;font-size:26px}.btnOutLine{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:2px solid var(--bg-gray);border-radius:6px;color:var(--bg-white);font-size:18px;font-weight:600;padding:12px}.btnOutLine:hover{top:2px}.outLineSuccess{border:2px solid var(--bt-sucess)!important;color:var(--bt-sucess)!important}.outLineInfo{border:1px solid var(--bg-gray);color:var(--bg-grey)}.outLineDanger{border:2px solid var(--bg-gray)!important;color:var(--bg-black)!important}.btnTextSizeMedium{font-size:16px}@media only screen and (max-width:600px){.btn{font-size:15px;padding:8px 0}.btnRes{font-size:13px;padding:4px 0;width:90px!important}.btnOutLineWhite{border:1px solid var(--bg-white)}.btnWidthMedium{width:160px}.btnWidthHight{width:200px}.btnFooter{font-size:14px;padding:4px 20px}.btnSpinStart{font-size:18px}.btnSpin{font-size:14px;padding:5px 0}.btnOutLine{font-size:16px;padding:10px}}.spin{animation:spin 1s infinite}.refresh,.spin{margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fadeInHide{opacity:0;pointer-events:none}.fadeIn{opacity:1;transition:opacity .5s}.loadContent{padding-top:20px;text-align:center}.loadContentText{color:var(--bg-primary);font-size:16px;margin-top:20px}.lds-ring{display:inline-block;height:70px;position:relative;width:70px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid var(--bg-primary);border-color:var(--bg-primary) #0000 #0000 #0000;border-radius:50%;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.svg-box{display:inline-block;margin-bottom:15px;position:relative;transform:scale(1.3);width:150px}.img-box{margin-bottom:0;margin-top:25px}.img-wheel-reward{height:auto;width:120px}.green-stroke{stroke:#7cb342}.red-stroke{stroke:#ff6245}.yellow-stroke{stroke:#ffc107}.circular circle.path{stroke-dasharray:330;stroke-dashoffset:0;stroke-linecap:round;animation:draw-circle .7s ease-out;opacity:.4}.checkmark{stroke-width:6.25;stroke-linecap:round;height:50px;left:49px;position:absolute;top:56px;width:62px}.checkmark path{animation:draw-check 1s ease-out}@keyframes draw-circle{0%{stroke-dasharray:0,330;stroke-dashoffset:0;opacity:1}80%{stroke-dasharray:330,330;stroke-dashoffset:0;opacity:1}to{opacity:.4}}@keyframes draw-check{0%{stroke-dasharray:49,80;stroke-dashoffset:48;opacity:0}50%{stroke-dasharray:49,80;stroke-dashoffset:48;opacity:1}to{stroke-dasharray:130,80;stroke-dashoffset:48}}.cross{stroke-width:6.25;stroke-linecap:round;height:40px;left:54px;position:absolute;top:54px;width:40px}.cross .first-line{animation:draw-first-line .7s ease-out}.cross .second-line{animation:draw-second-line .7s ease-out}@keyframes draw-first-line{0%{stroke-dasharray:0,56;stroke-dashoffset:0}50%{stroke-dasharray:0,56;stroke-dashoffset:0}to{stroke-dasharray:56,330;stroke-dashoffset:0}}@keyframes draw-second-line{0%{stroke-dasharray:0,55;stroke-dashoffset:1}50%{stroke-dasharray:0,55;stroke-dashoffset:1}to{stroke-dasharray:55,0;stroke-dashoffset:70}}.alert-sign{stroke-width:6.25;stroke-linecap:round;animation:alert-sign-bounce .5s cubic-bezier(.175,.885,.32,1.275);height:70px;left:68px;position:absolute;top:40px;width:15px}.alert-sign .dot{stroke:none;fill:#ffc107}@keyframes alert-sign-bounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(0)}to{transform:scale(1)}}.loader{animation:spinner 1s linear infinite;border-color:var(--bg-primary) #ffffff4d #fff #976b5d4d;border-radius:50%;border-style:solid dotted;border-width:6px 4px;box-sizing:border-box;display:inline-block;height:80px;position:relative;width:80px}.loader:after,.loader:before{border:12px solid;border-color:#0000 #0000 #fff;content:"";left:0;position:absolute;top:0;transform:translate(-12px,40px) rotate(-48deg)}.loader:after{border-color:var(--bg-primary) #0000 #0000 #0000;transform:translate(58px,6px) rotate(-35deg)}.loadderCenter{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99999}@keyframes spinner{to{transform:rotate(1turn)}}@media only screen and (max-width:600px){.loader{border-width:3px 2px;height:48px;width:48px}.loader:after,.loader:before{border:10px solid;border-color:#0000 #0000 #fff;transform:translate(-10px,19px) rotate(-35deg)}.loader:after{border-color:var(--bg-primary) #0000 #0000 #0000;transform:translate(32px,3px) rotate(-35deg)}.svg-box{margin-bottom:0;margin-top:0;transform:scale(1)}}
/*# sourceMappingURL=main.1adbcfb6.css.map*/