.font-anuphan{font-family:Anuphan,sans-serif}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease-out}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(100%)}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-pop{animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.slide-vertical-enter-active,.slide-vertical-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.slide-vertical-enter-from,.slide-vertical-leave-to{opacity:0;transform:translateY(20px)}@keyframes bounce-custom{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(0)}70%{transform:translateY(-5px)}}.animate-bounce-custom{animation:bounce-custom .6s ease-in-out}@keyframes pulse-attention{0%{box-shadow:0 0 #10b981b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.05)}to{box-shadow:0 0 #10b98100;transform:scale(1)}}.animate-pulse-attention{animation:pulse-attention 2s infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-wiggle{animation:wiggle 2s ease-in-out infinite}.animate-wiggle:hover{animation:none}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}.animate-marquee-vertical{animation:marquee-vertical 20s linear infinite}.group:hover .animate-marquee-vertical{animation-play-state:paused}.accordion-enter-active,.accordion-leave-active{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.accordion-enter-from,.accordion-leave-to{max-height:0;opacity:0}.accordion-enter-to,.accordion-leave-from{max-height:1000px;opacity:1}.confetti-particle{border-radius:50%;height:5px;pointer-events:none;position:fixed;width:5px;z-index:9999}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .25s ease-out}.slide-left-enter-from{opacity:0;transform:translate(20px)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-20px)}.slide-right-leave-to{opacity:0;transform:translate(20px)}.pred-ai-cell{overflow:visible}.pred-match-table tbody tr:has(.ai-peek-btn-wrap:hover){position:relative;z-index:30}.ai-peek-btn-wrap{display:inline-flex;isolation:isolate;margin:0 auto;position:relative}.ai-peek-mascot{border-radius:9999px;bottom:4px;box-shadow:0 3px 10px #4f46e547;height:22px;left:50%;margin-left:-11px;-o-object-fit:cover;object-fit:cover;opacity:0;outline:2px solid #fff;pointer-events:none;position:absolute;transform:translateY(6px) scale(.35);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;width:22px;z-index:0}.ai-peek-btn{position:relative;transition:transform .2s ease;z-index:1}.ai-peek-btn-wrap:hover .ai-peek-mascot{opacity:1;transform:translateY(-20px) scale(1) rotate(-6deg);z-index:2}.ai-peek-btn-wrap:hover .ai-peek-btn{transform:translateY(0)}.ai-peek-btn-wrap--disabled .ai-peek-mascot,.ai-peek-btn-wrap--disabled:hover .ai-peek-mascot{opacity:0;transform:translateY(6px) scale(.35)}.ai-peek-btn-wrap--disabled:hover .ai-peek-btn{transform:none}@media(prefers-reduced-motion:reduce){.ai-peek-mascot{transition:opacity .15s ease}.ai-peek-btn-wrap:hover .ai-peek-mascot{transform:translateY(-20px) scale(1)}}.pred-match-table,.pred-match-table tbody,.pred-match-table tbody tr,.pred-match-table td{overflow:visible}.pred-match-table tbody .pred-match-row{transition:background-color .15s ease}.pred-match-table tbody .pred-match-row:hover{background-color:#ecfdf580}