@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#252835;font-family:Kanit,sans-serif;margin:0 auto;max-width:1440px}.text-des{font-size:16px;text-align:center;text-decoration:none}.btn-text,.text-des{font-weight:500;letter-spacing:.01em;line-height:28px}.btn-text{font-size:22px}.blue-btn{background-color:#5f77f4}.yellow-btn{background-color:#f4c16b;color:#252835!important}.pink-btn{background-color:#f355a1}.navbar{align-items:center;display:flex;height:88px;justify-content:space-between;padding:0 156px;.nav-btn{align-items:center;border:1px solid #f9f9fc;border-radius:64px;color:#fff;color:#f9f9fc;display:flex;gap:8px;justify-content:center;padding:10px 24px}}.hero-container{align-items:center;display:flex;height:calc(100vh - 88px);justify-content:center;padding:0 156px;.text-container{color:#f9f9fc;max-width:665px;.header{font-size:64px;font-weight:400;line-height:80px;margin-bottom:16px}.header,.info{text-align:left}.info{font-size:16px;font-weight:300;letter-spacing:.008em;line-height:24px;margin-bottom:40px}.btn-container{display:flex;gap:24px;&:last-child{margin-top:24px}.hero-btn{align-items:center;border-radius:64px;color:#fff;display:flex;gap:12px;justify-content:center;padding:18px 24px;text-decoration:none;.btn-logo{display:block}}}}.hero-icon{display:block}}.form-container{align-items:center;display:flex;height:calc(100vh - 88px);justify-content:center;.form{background-color:#fff;border-radius:8px;max-width:600px;padding:40px 56px;.form-header{color:#252835;font-size:28px;font-weight:500;line-height:36.4px;margin-bottom:16px;text-align:left}.form-dropdown{border-bottom:1px solid #868da4;color:#868da4;cursor:pointer;display:flex;font-size:18px;font-weight:400;justify-content:space-between;line-height:28px;margin-top:-12px;padding:13px 13px 13px 0}.margin-bottom{margin-bottom:40px!important}.margin-bottom-sm{margin-bottom:24px}.radio-label{font-family:Kanit!important;font-size:16px;font-weight:300;letter-spacing:.008em;line-height:24px;text-align:left}.btn-container{display:flex;gap:24px;.btn-form{align-items:center;border-radius:64px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.01em;line-height:24px;padding:12px 0;width:100%}}}}.arrow-icon{margin-left:auto;rotate:180deg;transition:all .2s ease-in}.arrow-icon-rotate{rotate:0deg}.textField{input,li{font-family:Kanit,sans-serif!important;font-size:18px;font-weight:400;line-height:28px}& label.Mui-focused,input,li{color:#868da4}& .MuiOutlinedInput-root{border-color:#868da4;&.Mui-focused fieldset{border-color:#868da4}}.MuiInput-input:after{border-color:#868da4!important}}.game{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 88px);justify-content:center;text-align:center}.game-container{background-color:#fff;border-radius:16px;max-width:600px;padding:60px 72px}.board{flex-direction:column;height:456px;margin-bottom:0;width:456px}.board,.board-row{display:flex;gap:4px;justify-content:center}.board-row{align-items:center;flex-direction:row}.cell-container{height:100%;width:100%}.cell{background-color:#f9f9fc!important;border:1px solid #dce1ed!important;border-radius:8px!important;cursor:pointer;min-width:100%!important;padding:0!important}.normal-cell{height:111px;min-width:111px!important;width:111px}.flex-cell{aspect-ratio:1/1;border-radius:8px!important;height:100%;width:100%}.o-button{background-color:#ffeed9!important;background-image:url(/static/media/CircleIcon.bf989e8b12f2817d4510.svg);color:#eee845!important}.o-button,.x-button{background-position:50%;background-repeat:no-repeat;background-size:cover}.x-button{background-color:#f0efff!important;background-image:url(/static/media/CrossIcon.673081ffe30d34e0dd92.svg);color:#7bbcff!important;padding:0!important}.o-button-active{background-image:url(/static/media/CircleActiveIcon.567516275b1cc1f94a08.svg)}.x-button-active{background-image:url(/static/media/CrossActiveIcon.11b3447c18a2f688a147.svg)}.cell:hover{background-color:#f0f0f0}.last-move{background-color:#f3f3f3!important}.btn-container-board{align-items:center;display:flex;justify-content:space-between!important;margin-bottom:40px;.btn{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:16px;justify-content:center;letter-spacing:.01em;line-height:28px;&:hover{.hover-icon{fill:#252835;transition:all .2s ease-in-out;path{stroke:#fff!important}}}}.btn-pink{color:#f859a5;&:hover{.hover-icon-pink{fill:#f859a5;transition:all .2s ease-in-out;path{stroke:#fff!important}}}}}.customDialog{border-radius:16px;-webkit-filter:blur(10);filter:blur(10);.MuiPaper-root{border-radius:16px;width:550px!important}}.dialog-header{color:#252835;font-size:24px!important;font-weight:700!important;line-height:32px!important}.modal-footer{padding:20px 24px}.image-results{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;p{font-size:24px!important}}.numberToWinMobile{display:none!important}.numberToWin{display:block!important}.textFieldInfo{display:none}@media only screen and (max-width:850px){body{margin:0 auto;max-width:600px}.btn-text{font-size:16px;line-height:28px}.navbar{height:72px;padding:0 16px;.nav-btn{border:none;gap:0;padding:0;.nav-btn-text{display:none}}}.hero-container{height:calc(100vh - 72px);padding:0 16px;.text-container{max-width:100%;.header{font-size:40px;font-weight:400;line-height:48px;margin-bottom:16px}.header,.info{text-align:left}.info{font-size:16px;font-weight:300;letter-spacing:.008em;line-height:24px;margin-bottom:40px}.btn-container{display:flex;gap:24px;&:last-child{margin-top:24px}.hero-btn{align-items:center;border-radius:64px;color:#fff;display:flex;gap:12px;justify-content:center;padding:18px 24px;text-decoration:none}}}.hero-icon{display:none}}}@media only screen and (max-width:600px){body{margin:0;max-width:100%;width:100%}.pink-btn{background-color:transparent;border:1px solid #f859a5;color:#f859a5!important}.hero-container{.text-container{max-width:100%;.header{font-weight:600}.info{margin-bottom:32px}.btn-container{display:flex;flex-direction:column;gap:24px;position:relative;&:last-child{bottom:24px;margin-top:auto;position:absolute;width:calc(100% - 32px)}.hero-btn{padding:10px 24px;.btn-logo{display:none}}}}.hero-icon{display:none}}.form-container{align-items:flex-start;background-color:#fff;display:flex;height:calc(100vh - 72px);justify-content:center;padding:32px 16px;.form{border-radius:0;max-width:100%;padding:0;.form-header{font-size:24px;line-height:32px;margin-bottom:16px}.btn-container{display:flex;flex-direction:column;gap:24px}}}.game{background-color:#fff;height:calc(100vh - 72px);justify-content:flex-start;padding:32px 16px}.game-container{border-radius:0;max-width:100%;padding:0;width:100%}.board{height:100%;margin-bottom:0;width:100%}.normal-cell{height:96px;min-width:96px!important;width:96px}.modal-footer{flex-direction:column;gap:24px;justify-content:flex-start}.btn-pink{display:flex;flex-direction:row-reverse}.numberToWinMobile{display:block!important;position:relative!important}.numberToWin{display:none!important}.textFieldInfo{display:block;padding:0!important;position:absolute!important;right:0;top:14px}.customDialog{.MuiPaper-root{width:100%!important}}}@-webkit-keyframes slide-up{0%{height:0}to{height:154px}}@keyframes slide-up{0%{height:0}to{height:154px}}@-webkit-keyframes slide-down{0%{height:154px}to{height:0}}@keyframes slide-down{0%{height:154px}to{height:0}}
/*# sourceMappingURL=main.e451d385.css.map*/