[data-v-f702d164]{box-sizing:border-box}img[width][height][data-v-f702d164]{aspect-ratio:attr(width)/attr(height);height:auto}.main-image-slide[data-v-f702d164],.splide__slide[data-v-f702d164]{contain:layout style paint;will-change:transform}.main-image-slide img[data-v-f702d164],.splide__slide img[data-v-f702d164]{display:block;height:auto;transform:translateZ(0);width:100%}.provider-image[data-v-f702d164]{contain:layout style paint;contain-intrinsic-size:48px 48px;content-visibility:auto}.game-card[data-v-f702d164]{contain:layout style}.game-card img[data-v-f702d164]{contain-intrinsic-size:100px 100px;content-visibility:auto}.loading-skeleton[data-v-f702d164],.skeleton[data-v-f702d164]{animation:shimmer-f702d164 1.5s infinite;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2),rgba(255,255,255,.1) 75%);background-size:200% 100%;border-radius:4px}@keyframes shimmer-f702d164{0%{background-position:200% 0}to{background-position:-200% 0}}[style*=aspect-ratio][data-v-f702d164]{contain:layout}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(./Sarabun-Bold.Bk-xOl67.woff) format("woff")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:500;src:url(./Sarabun-Medium.BpT_VFx-.woff) format("woff")}body[data-v-f702d164]{font-family:Sarabun,system-ui,-apple-system,sans-serif;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn[data-v-f702d164],button[data-v-f702d164]{contain:layout style;min-height:44px}.base-container-small[data-v-f702d164],.events-wrapper[data-v-f702d164]{contain:layout;max-width:100%;width:100%}.animate__animated[data-v-f702d164]{backface-visibility:hidden;will-change:transform,opacity}.splide[data-v-f702d164]{contain:layout style}.splide__track[data-v-f702d164]{overflow:hidden}.splide__list[data-v-f702d164]{display:flex;will-change:transform}.splide__slide[data-v-f702d164]{contain:layout style paint;flex-shrink:0}.nav[data-v-f702d164],.tabs-list[data-v-f702d164]{contain:layout style}.modal-backdrop[data-v-f702d164]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);contain:layout style paint}.bg-login-wrapper[data-v-f702d164]{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--bg-primary);background:radial-gradient(circle at 0 14.5%,var(--primary) -14%,transparent 24%),radial-gradient(circle at 96.5% 90.2%,var(--text-secondary) -14%,transparent 18%);background-repeat:repeat-y;background-size:100%}.bg-login-wrapper[data-v-f702d164],.bg-login-wrapper .bg-wrapper[data-v-f702d164],.bg-register-wrapper[data-v-f702d164]{-webkit-tap-highlight-color:transparent}.bg-register-wrapper[data-v-f702d164]{background-color:var(--bg-primary);background:radial-gradient(circle at 0 96.5%,var(--primary) -14%,transparent 24%),radial-gradient(circle at 96% 0,var(--text-secondary) -10%,transparent 24%);background-repeat:repeat-y;background-size:100%}.bg-register-wrapper .bg-wrapper[data-v-f702d164]{-webkit-tap-highlight-color:transparent}.isAuth-input[data-v-f702d164]{color:var(--text-primary)!important}.isAuth-input input[data-v-f702d164]:-webkit-autofill,.isAuth-input input[data-v-f702d164]:-webkit-autofill:active,.isAuth-input input[data-v-f702d164]:-webkit-autofill:focus,.isAuth-input input[data-v-f702d164]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--card-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.base-input-wrapper.input-sm span[data-v-f702d164]{font-size:18px}.base-input-wrapper.input-sm span+div[data-v-f702d164]{height:44px;padding:0 16px}.base-input-wrapper.input-sm input[data-v-f702d164]::-ms-clear,.base-input-wrapper.input-sm input[data-v-f702d164]::-ms-reveal{display:none}.base-input-wrapper.input-md span[data-v-f702d164]{font-size:18px}.base-input-wrapper.input-md span+div[data-v-f702d164]{height:48px;padding:0 24px}.base-input-wrapper input[data-v-f702d164]{background-color:var(--card-secondary);caret-color:var(--text-title)}.base-input-wrapper input[data-v-f702d164]::-ms-clear,.base-input-wrapper input[data-v-f702d164]::-ms-reveal{display:none}.base-input-wrapper .main-input[data-v-f702d164]:focus-within{border:1px solid var(--primary)}.base-input-wrapper .main-input[data-v-f702d164]{color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.base-input-wrapper .main-input input[data-v-f702d164]:-webkit-autofill,.base-input-wrapper .main-input input[data-v-f702d164]:-webkit-autofill:active,.base-input-wrapper .main-input input[data-v-f702d164]:-webkit-autofill:focus,.base-input-wrapper .main-input input[data-v-f702d164]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--input-disabled) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.base-input-wrapper .main-input input[type=text][data-v-f702d164],.base-input-wrapper .main-input textarea[data-v-f702d164]{background-color:transparent}.base-input-wrapper .main-input .error[data-v-f702d164]{border:1px solid var(--danger)!important}.base-input-wrapper .main-input .success[data-v-f702d164]{border:1px solid var(--success)!important}.base-input-wrapper .error[data-v-f702d164]{border:1px solid var(--danger)!important}.base-input-wrapper .success[data-v-f702d164]{border:1px solid var(--success)!important}.base-input-wrapper .required[data-v-f702d164]:after{color:var(--danger);content:"*";position:absolute;right:-15px;top:0}.login-input-wrapper span[data-v-f702d164]{font-size:16px}.login-input-wrapper span+div[data-v-f702d164]{height:44px;padding:0 16px}.login-input-wrapper input[data-v-f702d164]{background-color:var(--card-secondary);caret-color:var(--text-title)}.login-input-wrapper input[data-v-f702d164]::-ms-clear,.login-input-wrapper input[data-v-f702d164]::-ms-reveal{display:none}.login-input-wrapper .main-input[data-v-f702d164]:focus-within{border:1px solid var(--primary)}.login-input-wrapper .error[data-v-f702d164]{border:1px solid var(--danger)!important}.login-input-wrapper .success[data-v-f702d164]{border:1px solid var(--success)!important}.main-input[data-v-f702d164]{color:var(--text-primary)!important}.main-input input[data-v-f702d164]:-webkit-autofill,.main-input input[data-v-f702d164]:-webkit-autofill:active,.main-input input[data-v-f702d164]:-webkit-autofill:focus,.main-input input[data-v-f702d164]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--card-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important}
