@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";
:root{--geist-background:#fff;--accent-color:#000;--text-color:#000;--geist-foreground:#000;--gray-scale-color:#f4f5f7;--overlay-color:#00000080;--divider-color:#0000001a;--color-info:#577efe;--error-color:#e11d48;--success-color:#22c55e;--app-shell-foreground:#fff;--app-shell-surface:#ffffff1f;--app-shell-surface-hover:#fff3;--app-shell-border:#ffffff3d;--app-shell-backdrop-base:#0c111f;--app-shell-backdrop-mid:#1a1f2e;--app-shell-backdrop-elevated:#2a2f3e;--app-shell-overlay-top:#00000080;--app-shell-overlay-middle:#0000004d;--app-shell-overlay-bottom:#000000b3;--app-shell-overlay-accent-start:#4088da33;--app-shell-overlay-accent-end:#ee76231f;--coin-surface:#ffffff1a;--coin-border:#fff3;--coin-glow:#fcd34d4d;--coin-gold-50:#fef3c7;--coin-gold-200:#fcd34d;--coin-gold-400:#f59e0b;--coin-gold-600:#d97706;--coin-gold-900:#78350f;--coin-value-gradient:linear-gradient(180deg, var(--coin-gold-50) 0%, var(--coin-gold-200) 40%, var(--coin-gold-400) 100%);--coin-floating-gradient:linear-gradient(180deg, var(--coin-gold-50) 0%, var(--coin-gold-200) 25%, var(--coin-gold-400) 60%, var(--coin-gold-600) 100%);--coin-text-shadow:0 1px 2px #0000001a;--coin-count-shadow:0 0 20px #fcd34d, 0 0 40px #f59e0b;--coin-value-drop-shadow:drop-shadow(0 0 8px #fcd34dcc);--coin-floating-drop-shadow:drop-shadow(0 2px 4px #0006);--brand-primary-color:#ee7623;--brand-primary-color-hover:#ee7623e6;--brand-primary-color-outline:#ee762399;--brand-color-2:#ffcd00;--brand-primary-color-soft:#ffba76;--brand-primary-color-focus:#ff800080;--brand-grandient-color:linear-gradient(90deg, var(--brand-primary-color) 0%, var(--brand-color-2) 100%);--text-primary-rgb:0, 0, 0;--text-primary:rgb(var(--text-primary-rgb));--text-secondary:rgba(var(--text-primary-rgb), .6);--text-muted:rgba(var(--text-primary-rgb), .4)}:root[class~=dark]{--geist-background:#151a2e;--accent-color:#fff;--text-color:#fff;--geist-foreground:#fff;--gray-scale-color:#0c111f;--overlay-color:#000000b3;--divider-color:#ffffff1a;--text-primary-rgb:255, 255, 255;--text-primary:rgb(var(--text-primary-rgb));--text-secondary:rgba(var(--text-primary-rgb), .6);--text-muted:rgba(var(--text-primary-rgb), .4)}:root{--w-hairline:100;--w-thin:200;--w-light:300;--w-regular:400;--w-medium:500;--w-semi-bold:600;--w-bold:700;--w-extrabold:800;--w-black:900;--font-size-1:12px;--font-size-2:14px;--type-display:2.25rem;--type-title:1.875rem;--type-heading:1.5rem;--type-subheading:1.25rem;--type-lead:1.125rem;--type-body:1rem;--type-body-sm:.875rem;--type-caption:.75rem;--type-chat-lg:1.125rem;--type-chat-md:1rem;--type-chat-sm:.875rem;--type-chat-xs:.8125rem;--type-chat-code:.875rem;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", monospace;--max-width:1280px;--input-height:3.125rem;--header-height-mktp:100px;--header-height-no-login:64px;--app-padding:1.25rem;--app-padding-secondary:1.5rem;--app-padding-tertiary:3rem;--gap-1:5rem;--gap-2:2.5rem;--geist-radius:.625rem;--geist-radius-mini:.625rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-dock:1.5rem;--shadow-1:0 6px 12px 0 #0000000a, 0 0 0 1px #0000000a;--glass-blur:20px;--glass-blur-mobile:16px;--glass-bg:#ffffffb8;--glass-bg-elevated:#ffffffd9;--glass-bg-subtle:#ffffff7a;--glass-border:#ffffff8c;--glass-shadow:0 4px 24px #1018200f, 0 1px 2px #1018200a;--glass-shadow-elevated:0 8px 40px #1018201a, 0 2px 8px #1018200f;--glass-shadow-brand:0 4px 24px #ee762324, inset 0 1px 0 #ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #0000001a}50%{box-shadow:0 12px 40px #00000026}}@keyframes searchPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes loader-skeleton{0%{background-position-x:0}to{background-position-x:200%}}@keyframes glass-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradientMove1{0%{transform:translate(-100%)translateY(-100%)rotate(0)scale(1)}25%{transform:translate(100%)translateY(-50%)rotate(90deg)scale(1.2)}50%{transform:translate(150%)translateY(100%)rotate(180deg)scale(1)}75%{transform:translate(-50%)translateY(150%)rotate(270deg)scale(1.1)}to{transform:translate(-100%)translateY(-100%)rotate(360deg)scale(1)}}@keyframes gradientMove2{0%{transform:translate(100%)translateY(100%)rotate(0)scale(1.1)}25%{transform:translate(-50%)translateY(50%)rotate(-90deg)scale(1)}50%{transform:translate(-100%)translateY(-100%)rotate(-180deg)scale(1.3)}75%{transform:translate(150%)translateY(-50%)rotate(-270deg)scale(1)}to{transform:translate(100%)translateY(100%)rotate(-360deg)scale(1.1)}}@keyframes gradientMove3{0%{transform:translate(0%)translateY(0%)rotate(45deg)scale(1)}33%{transform:translate(-100%)translateY(100%)rotate(135deg)scale(1.2)}66%{transform:translate(100%)translateY(-100%)rotate(225deg)scale(.9)}to{transform:translate(0%)translateY(0%)rotate(405deg)scale(1)}}@keyframes gradientPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes blink{50%{border-color:#0000}}.animate-fadeIn{animation:.3s ease-out forwards fadeIn}.animate-slideUp{animation:.6s ease-out forwards slideUp}.animate-slideInLeft{animation:.5s ease-out forwards slideInLeft}.animate-slideInRight{animation:.5s ease-out forwards slideInRight}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover\:scale-102:hover{transform:scale(1.02)}.search-icon-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite searchPulse}.search-typing-placeholder{border-right:2px solid #2563eb;animation:1s step-end infinite blink}*{box-sizing:border-box;font-family:var(--font-inter),sans-serif!important}::selection{background:var(--brand-primary-color);color:var(--geist-background)}html,body{scroll-behavior:smooth;max-width:100vw;margin:0;padding:0;scroll-padding:6rem;overflow-x:hidden;font-family:Inter,sans-serif!important}body{margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top)}a{color:inherit;-webkit-tap-highlight-color:#0000;text-decoration:none}a:focus-visible,button:focus-visible{outline:none}::-ms-reveal{display:none}::-ms-clear{display:none}label{-webkit-tap-highlight-color:#0000;font-family:inherit}button{-webkit-user-select:none;user-select:none;cursor:pointer;font-size:inherit;-webkit-tap-highlight-color:#0000;border:none;font-family:inherit}hr{border:0;border-top:1px solid var(--accent-color);height:1px;margin:var(--app-padding) 0;padding:0;display:block}pre{white-space:pre-wrap;font-size:var(--font-size-2)!important}#message{font-family:inherit}#noResize{resize:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-moz-placeholder{color:#b3b3b3!important}::placeholder,.react-select__placeholder,input[type=date]:invalid{color:#b3b3b3!important}.mwid label{width:100%}.input__label__text{font-size:var(--font-size-2);text-align:left;color:var(--accent-color);display:inline-block}.Toastify__toast{font-family:inherit}nextjs-portal{left:2px!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:1rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffff80;transition:all .3s ease-out}.glass-card:hover{background:var(--glass-bg-elevated);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 #fff9;border-color:#ffffffa6}.glass-card--elevated{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(200%);box-shadow:var(--glass-shadow-elevated),inset 0 1px 0 #fff9;border-color:#ffffffb3}.glass-card--subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(12px)saturate(150%);box-shadow:var(--glass-shadow);border-color:#fff6}.glass-card--brand{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);box-shadow:var(--glass-shadow-brand);border-color:#ee762338}@media (max-width:768px){.glass-card,.glass-card--elevated,.glass-card--subtle,.glass-card--brand{-webkit-backdrop-filter:blur(var(--glass-blur-mobile)) saturate(160%)}}@media (prefers-reduced-transparency:reduce){.glass-card,.glass-card--elevated,.glass-card--subtle,.glass-card--brand{-webkit-backdrop-filter:blur(4px);background:#fffffff5}}@media (prefers-contrast:more){.glass-card,.glass-card--elevated,.glass-card--subtle,.glass-card--brand{border:1.5px solid #00000040;box-shadow:0 0 0 1px #00000026}}.cardProfile{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.5rem;padding:1.5rem}.glass-skeleton{background:linear-gradient(90deg,#fff6 25%,#ee762314 50%,#fff6 75%) 0 0/200% 100%;border-radius:6px;animation:1.8s ease-in-out infinite glass-skeleton-shimmer}.glass-divider{background:linear-gradient(90deg,#0000,#ffffff80 20%,#fff9 50%,#ffffff80 80%,#0000);border:none;height:1px;margin:.75rem 0}.shadow-glass{box-shadow:var(--glass-shadow)}.shadow-glass-lg{box-shadow:var(--glass-shadow-elevated)}.role-card-3d{perspective:1000px;transform-style:preserve-3d}.modal-backdrop{z-index:-1;color:#0000;position:absolute;inset:0}.alert div:first-child{width:100%;margin-right:0!important}.react-select__control{border-radius:var(--geist-radius-mini)!important;background-color:var(--gray-scale-color)!important;border:1px solid var(--divider-color)!important;padding:5px 0!important}.react-select__option:hover{background-color:var(--brand-primary-color-soft)!important}.react-select__option--is-selected{background-color:var(--brand-primary-color)!important}.react-select__control--is-focused,.react-select__control--menu-is-open{box-shadow:0 0 0 3px var(--brand-primary-color)!important;background-color:var(--geist-background)!important}.react-select__control.react-select-error{box-shadow:0 0 0 3px var(--error-color)!important;background-color:var(--geist-background)!important}.newHeight{min-height:calc(100vh - var(--header-height-mktp))}.maxWidth{max-width:var(--max-width);margin:0 auto}.escalate{transform:scale(1.05)}.balance{text-wrap:balance}.layout_section{max-width:var(--max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:1rem;overflow-x:hidden}@media only screen and (min-width:768px){.layout_section{padding:1.5rem}}@media only screen and (min-width:992px){.layout_section{padding:var(--gap-2)}}.minScreenSize{min-height:calc(100vh - var(--header-height-no-login) - 46px)}@media only screen and (min-width:541px){.minScreenSize{min-height:calc(100vh - var(--header-height-no-login) - 40px)}}.minScreenSize2{min-height:calc(100vh - 159px)}@media only screen and (min-width:541px){.minScreenSize2{min-height:calc(100vh - var(--header-height-no-login))}}.layout_section2{max-width:var(--max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:0 1rem 1rem;overflow-x:hidden}@media only screen and (min-width:992px){.layout_section2{padding:0rem var(--gap-2) var(--gap-2) var(--gap-2)}}.layout_section_full{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:1rem;overflow-x:hidden}@media only screen and (min-width:768px){.layout_section_full{padding:1.5rem}}@media only screen and (min-width:992px){.layout_section_full{padding:1.5rem 2rem}}@media only screen and (min-width:1200px){.layout_section_full{padding:2rem 3rem}}@media only screen and (min-width:1480px){.layout_section_full{padding:2rem 4rem}}.layout_section_marketplace{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:1rem;overflow-x:hidden}@media only screen and (min-width:768px){.layout_section_marketplace{padding:1.5rem}}@media only screen and (min-width:992px){.layout_section_marketplace{padding:1.5rem}}@media only screen and (min-width:1200px){.layout_section_marketplace{padding:2rem}}@media only screen and (min-width:1480px){.layout_section_marketplace{padding:2rem}}.pagination{margin:0 auto;margin-top:var(--gap-2);grid-template-columns:repeat(7,max-content);gap:8px;display:grid}.pagination__arrow{width:32px;height:32px;color:var(--accent-color);border-radius:4px;justify-content:center;align-items:center;display:flex}.pagination__arrow:disabled{opacity:.5}.pagination__button{background-color:var(--geist-background);border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pagination__button.active{background:var(--brand-grandient-color);color:var(--geist-background)}.rc-pagination-item-active{border-color:var(--brand-primary-color)!important;color:var(--accent-color)!important}.swiper-button-next,.swiper-button-prev{color:var(--brand-primary-color)!important}.swiper{width:100%;height:100%;padding:2rem 0}@media only screen and (min-width:992px){.swiper{padding:2rem 3rem!important}}.swiper-slide{text-align:center;font-size:var(--font-size-2);background:#fff;justify-content:center;align-items:center;display:flex}.swiper-slide img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.slider-container{width:100%;max-width:96vw;padding-bottom:0;overflow:hidden}.container-slick{max-width:var(--max-width);box-sizing:initial;gap:1rem;margin:0 auto;padding:1rem}@media only screen and (min-width:992px){.container-slick{padding:var(--gap-2) var(--gap-2)}}.not-gap .slick-track{gap:0!important}.container-slick .slick-track:before,.slick-track:after{display:none!important}.slick-dots{position:relative!important;bottom:0!important}.slick-dots li.slick-active button:before{color:var(--brand-primary-color)!important;opacity:1!important}.slick-dots li button:before{color:var(--brand-primary-color)!important}.slick-track{gap:1rem!important;display:flex!important}.badget .slick-track{gap:1rem!important}.one .slick-track{gap:0!important;display:flex!important}.index .slick-track{gap:0!important}[data-loading=true]{border-radius:inherit;position:relative}[data-loading=true] *{opacity:0;display:none}[data-loading=true]:before{content:"";z-index:5;border-radius:inherit;background-image:linear-gradient(90deg,#f4f4f4 0,#e5e5e5 40px,#f4f4f4 80px);background-size:200%;width:100%;height:100%;animation:2s linear infinite reverse loader-skeleton;position:absolute;inset:0}.shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200px 100%;animation:1.5s infinite shimmer}.search-container{animation:.3s ease-out fadeInUp;position:relative}.search-loading-shimmer{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer;position:relative;overflow:hidden}.search-result-item{transition:all .2s ease-out;position:relative}.search-result-item:hover{transform:translate(4px)}.search-result-item:before{content:"";opacity:0;background:linear-gradient(#2563eb,#9333ea);width:3px;transition:opacity .2s ease-out;position:absolute;top:0;bottom:0;left:0}.search-result-item:hover:before{opacity:1}.search-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d}.search-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 8px 32px #1f268726}.search-result-item:first-child{animation-delay:50ms}.search-result-item:nth-child(2){animation-delay:.1s}.search-result-item:nth-child(3){animation-delay:.15s}.search-result-item:nth-child(4){animation-delay:.2s}.search-result-item:nth-child(5){animation-delay:.25s}.search-result-item:nth-child(6){animation-delay:.3s}.search-result-item:nth-child(7){animation-delay:.35s}.search-result-item:nth-child(8){animation-delay:.4s}.search-result-item:nth-child(9){animation-delay:.45s}.search-result-item:nth-child(10){animation-delay:.5s}.search-highlight{color:#2563eb;background:linear-gradient(120deg,#2563eb1a 0%,#9333ea1a 100%);border-radius:4px;padding:2px 4px;font-weight:600}.search-empty-state{opacity:0;animation:.4s ease-out .2s forwards fadeIn}@media (max-width:640px){.search-desktop-only{display:none}}@media (min-width:641px){.search-mobile-only{display:none}}.search-input:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (prefers-color-scheme:dark){.search-container{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.search-modal-content{background:#111827f2;border:1px solid #4b55634d}.search-highlight{color:#60a5fa;background:linear-gradient(120deg,#3b82f633 0%,#a855f733 100%)}}.animated-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.animated-background:before,.animated-background:after,.animated-background .gradient-orb{content:"";filter:blur(40px);opacity:.3;border-radius:50%;position:absolute}.animated-background:before{background:linear-gradient(135deg, var(--brand-primary-color), var(--brand-color-2));width:400px;height:400px;animation:20s ease-in-out infinite gradientMove1;top:20%;left:10%}.animated-background:after{background:linear-gradient(45deg, #3b82f6, var(--color-info));width:300px;height:300px;animation:25s ease-in-out infinite reverse gradientMove2;bottom:32%;right:10%}.animated-background .gradient-orb-1{background:linear-gradient(225deg, var(--brand-primary-color), #f97316);width:250px;height:250px;animation:30s ease-in-out infinite gradientMove3;top:60%;left:70%}.animated-background .gradient-orb-2{background:linear-gradient(315deg, var(--color-info), #1d4ed8);opacity:.25;width:350px;height:350px;animation:35s ease-in-out infinite reverse gradientMove1;top:10%;right:30%}.animated-background .gradient-orb-3{background:linear-gradient(90deg, var(--brand-color-2), #fbbf24);width:200px;height:200px;animation:15s ease-in-out infinite gradientPulse;bottom:52%;left:20%}@media (max-width:768px){.animated-background:before,.animated-background:after,.animated-background .gradient-orb{filter:blur(30px)}.animated-background:before{width:250px;height:250px}.animated-background:after{width:200px;height:200px}.animated-background .gradient-orb-1{width:150px;height:150px}.animated-background .gradient-orb-2{width:200px;height:200px}.animated-background .gradient-orb-3{width:120px;height:120px}}.disabled{pointer-events:none!important}#portal{z-index:10000;pointer-events:none;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.driver-popover.driverjs-theme{background-color:f6f6f6;color:var(--accent-color);z-index:10002;border-radius:20px;padding:1.4rem}.driver-popover.driverjs-theme .driver-popover-title{justify-content:space-between;align-items:center;width:100%;font-size:16px;font-weight:500;gap:1rem!important;display:flex!important}.driver-popover.driverjs-theme .driver-popover-title,.driver-popover.driverjs-theme .driver-popover-description,.driver-popover.driverjs-theme .driver-popover-progress-text{color:var(--accent-color);font-size:16px}.driver-popover.driverjs-theme button{text-align:center;color:#f6f6f6;width:40px;height:40px;text-shadow:none;background-color:var(--brand-primary-color);border-radius:99px;flex:1;justify-content:center;align-items:center;padding:4px;font-size:20px}.driver-popover.driverjs-theme button:hover,.driver-popover.driverjs-theme button:focus{background-color:var(--brand-primary-color);color:#f6f6f6}.driver-popover-navigation-btns{justify-content:space-between;gap:3px;display:flex;flex-grow:unset!important}.driver-popover.driverjs-theme .driver-popover-navigation-btns{justify-content:space-between;gap:3px}.driver-popover.driverjs-theme .driver-popover-close-btn{color:#9b9b9b}.driver-popover.driverjs-theme .driver-popover-close-btn:hover{color:var(--accent-color)}.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:#f6f6f6}.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:#f6f6f6}.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:#f6f6f6}.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:#f6f6f6}.driver-popover *{font-family:Inter,sans-serif!important}.driver-popover-footer{flex-wrap:wrap;justify-content:space-between;display:flex}.driver-close-btn{color:#8d8d8d;text-align:center;width:17px;height:17px;text-shadow:none;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:2px;font-size:16px;display:flex}