@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");@font-face{font-family:AlibabaPuHuiTi_65Medium;src:url(/fonts/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:AlibabaPuHuiTi_75Medium;src:url(/fonts/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:AlibabaPuHuiTi_85Medium;src:url(/fonts/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf) format("truetype");font-style:normal;font-display:swap}.FontPuHuiTi65{font-family:AlibabaPuHuiTi_65Medium!important}.FontPuHuiTi75{font-family:AlibabaPuHuiTi_75Medium!important}html.lang-vn .FontPuHuiTi65,html.lang-vn .FontPuHuiTi75{font-family:Roboto,Arial,Helvetica,sans-serif!important}.text-base{nav{box-shadow:none!important}}.menu{.menu-title{font-size:16px;color:#333}a{font-family:AlibabaPuHuiTi_65Medium;color:#5a5a5a}}.custom-scrollbar{&::-webkit-scrollbar{width:7px}&::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:4px 0}&::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:10px;-webkit-transition:background .2s;transition:background .2s}&::-webkit-scrollbar-thumb:hover{background:#dcdcdc}scrollbar-width:thin;scrollbar-color:#e5e5e5 transparent}.sidebar-scrollbar{&::-webkit-scrollbar{width:7px}&::-webkit-scrollbar-track{background:#fff;border-radius:10px;margin:8px 2px}&::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:#dcdcdc}}.platform-active{position:relative;background:linear-gradient(-90deg,rgba(59,77,215,.1),transparent)}.platform-title-active{color:#3b4dd7!important}.ranking-menu-item{position:relative;display:flex;align-items:center;padding:5px 16px 5px 48px;margin:3px 0;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;line-height:40px;height:40px;box-sizing:border-box;&:hover{background-color:rgba(59,77,215,.05);color:#3b4dd7}.ranking-menu-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ranking-menu-item-active{background:linear-gradient(-90deg,rgba(59,77,215,.25),transparent);color:#3b4dd7!important}.menu-active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background-color:#3b4dd7;animation:indicatorFadeIn .3s ease}.ranking-bottom-item{display:flex;align-items:center;justify-content:left;.menu-active-indicator{left:8px}}@keyframes indicatorFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.platform-menu-bg{background-color:rgba(247,247,250,.8);position:relative}.menu-content{width:100%;flex:1;overflow-y:auto;padding-bottom:12px;max-height:calc(100vh - 180px)}.menu-bottom{background:white;width:100%;padding:8px 0 16px;border-top:1px solid #f0f0f0;flex-shrink:0}.upgrade-button{width:100%;padding:6px 16px;background:linear-gradient(90deg,#ae59fe,#ecaa1b);color:white;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;&:hover{background:linear-gradient(90deg,#9b32ff,#ef9609);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,77,215,.3)}&:active{transform:translateY(0)}}.page-tab{width:-moz-fit-content;width:fit-content;min-width:150px;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:30px;font-size:18px;padding:6px;font-family:AlibabaPuHuiTi_75Medium;gap:8px;>span{padding:8px 16px;border-radius:30px;cursor:pointer;white-space:nowrap;flex-shrink:0;text-align:center;&:hover{color:#3b4dd7}&.active{background:linear-gradient(45deg,#b67ee4,#24b8dd,#3b4dd7);color:#fff}}}.buy-button{width:100%;border-radius:20px;background:linear-gradient(180deg,#3b4dd7,#583bd7);color:#fff;padding:8px 0;font-size:14px;font-weight:700;border:none;cursor:pointer;&:hover{background:linear-gradient(180deg,#4798f3,#5c36ff)}}.flip-container{perspective:1000px;display:inline-block;position:relative;width:150px;height:60px;vertical-align:bottom}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.flipping .flipper{transform:rotateX(90deg)}.back,.front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.front{transform:rotateX(0deg)}.back{transform:rotateX(-90deg)}.price-number{font-size:48px;color:#333;font-weight:700;line-height:1}.flip-simple{display:inline-block;position:relative;animation:flip .6s ease-in-out}@keyframes flip{0%{transform:rotateX(0);opacity:1}50%{transform:rotateX(90deg);opacity:.3}to{transform:rotateX(0);opacity:1}}.card-flip{animation:cardFlip .6s cubic-bezier(.455,.03,.515,.955) both}@keyframes cardFlip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.roll-up{animation:rollUp .6s ease-out}@keyframes rollUp{0%{transform:translateY(0) rotateX(0);opacity:1}50%{transform:translateY(-30px) rotateX(90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.buy-head-tab{>span{border-top-left-radius:12px;border-top-right-radius:12px;padding:10px 20px;cursor:pointer;display:flex;align-items:center;&.active{background:#fff;color:#333}}}.buy-content{.left{width:68%;.plan-validity{position:relative;padding:16px 0;text-align:center;border:1px solid #d5d4db;border-radius:10px;width:320px;cursor:pointer;&:hover{border:1px solid #6944e9;background:rgba(174,150,255,.05)}&.active{border:2px solid #6944e9;background:rgba(174,150,255,.1);img{position:absolute;bottom:-1px;right:-1px}}}}}.pay-box{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:12px 0}.feature-item:not(:last-child){border-bottom:1px solid #f0f0f0}table{thead{background:#f6f6f9!important}}.tag-detail-base{padding:0 8px;margin-right:6px;border-radius:6px;font-size:12px;height:24px;line-height:24px}.loginInput{background:red;.css-1fydb3a-MuiFormControl-root-MuiTextField-root .MuiInputBase-root input{height:40px!important}}