@charset "UTF-8";.rank-infor[data-v-8146048f]{align-items:center;background:url(../assets/images/components/common/loyalty/bg.webp) no-repeat top;background-size:100% 985px;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 0 0;width:100%}.rank-infor .container[data-v-8146048f]{padding:0}.rank-infor__header[data-v-8146048f]{align-items:center;display:flex;justify-content:center}.rank-infor__header img[data-v-8146048f]{height:276px;left:23px;position:relative}.rank-infor__box[data-v-8146048f]{background:#01371f;border-radius:16px;color:#f0f1f5;margin-bottom:32px;padding:24px;position:relative}.rank-infor__title[data-v-8146048f]{align-items:center;display:flex;font-size:32px;font-weight:700;justify-content:center;line-height:46px;margin-bottom:24px;position:relative}.rank-infor__title .icon-arrow-left[data-v-8146048f]{cursor:pointer;font-size:32px;left:0;position:absolute;top:8px}.rank-infor[data-v-8146048f] .loading-container{background:transparent!important;min-height:470px}.rank-infor__table[data-v-8146048f]{border:1px solid #025e2f;border-radius:16px;overflow:hidden}.rank-infor__tab[data-v-8146048f]{background:#052719;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;width:100%}.rank-infor__tab-item[data-v-8146048f]{align-items:center;cursor:pointer;display:flex;font-size:22px;font-weight:700;gap:8px;line-height:32px;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .2s ease}.rank-infor__tab-item[data-v-8146048f]:before{background:linear-gradient(180deg,#148e2f -30%,#06280d00);height:100%}.rank-infor__tab-item[data-v-8146048f]:after,.rank-infor__tab-item[data-v-8146048f]:before{content:"";left:0;opacity:0;position:absolute;top:0;transition:all .2s ease;width:100%}.rank-infor__tab-item[data-v-8146048f]:after{background:#f4dc03;height:4px}.rank-infor__tab-item[data-v-8146048f]:last-child{padding-bottom:9px}.rank-infor__tab-item.active[data-v-8146048f]:after,.rank-infor__tab-item.active[data-v-8146048f]:before{opacity:1}.rank-infor__tab-item[data-v-8146048f]:not(.active):hover:before{background:#025e2f;opacity:1}.rank-infor__tab-item img[data-v-8146048f]{background:radial-gradient(50% 50% at 50% 50%,#fff200 30%,#fcf41800);height:64px;width:64px}.rank-infor__tab-item .name[data-v-8146048f],.rank-infor__tab-item img[data-v-8146048f]{position:relative;z-index:1}@media (max-width:1330px){.rank-infor__tab-item[data-v-8146048f]{font-size:18px;font-weight:700;line-height:20px;padding:14px 16px}.rank-infor__tab-item img[data-v-8146048f]{height:50px;width:50px}}@media (max-width:1130px){.rank-infor__tab-item[data-v-8146048f]{font-size:16px;font-weight:700;line-height:24px;padding:14px 10px}.rank-infor__tab-item img[data-v-8146048f]{height:40px;width:40px}}.rank-infor__content[data-v-8146048f]{border-left:1px solid #025e2f}.rank-infor__content-header[data-v-8146048f]{background:#00703e;display:grid;font-size:14px;font-weight:700;grid-template-columns:78px 145px 177px 140px 149px;justify-content:space-between;line-height:16px;line-height:20px;padding:12px 22px;text-align:center}.rank-infor__content-header div[data-v-8146048f]:first-child{text-align:left}.rank-infor__content-body-item[data-v-8146048f]{color:#f4dc03;display:grid;font-size:14px;font-weight:700;grid-template-columns:78px 145px 177px 140px 149px;justify-content:space-between;line-height:16px;line-height:20px;padding:17px 22px 15px;position:relative;text-align:center}.rank-infor__content-body-item[data-v-8146048f]:after{background:#025e2f;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.rank-infor__content-body-item .level[data-v-8146048f]{color:#fff;font-size:14px;font-weight:400;line-height:16px;line-height:20px;text-align:left}.rank-infor__content-body-item[data-v-8146048f]:last-child:after{content:none}.rank-infor__rule[data-v-8146048f]{background:#01371f;border-radius:16px;color:#f0f1f5;font-size:16px;font-weight:400;line-height:24px;min-height:308px;padding:24px}.rank-infor__rule.empty[data-v-8146048f]{align-items:center;display:flex;justify-content:center}.rank-infor__rule[data-v-8146048f] .line .title{display:flex;font-size:20px;font-weight:700;line-height:24px;line-height:28px;margin-bottom:22px}.rank-infor__rule[data-v-8146048f] .line .title b,.rank-infor__rule[data-v-8146048f] .line .title strong{font-weight:700}.rank-infor__rule[data-v-8146048f] .line ul{margin:0;padding:0}.rank-infor__rule[data-v-8146048f] .line ul li{list-style:none;padding-left:24px;position:relative}.rank-infor__rule[data-v-8146048f] .line ul li .note{display:block;font-size:16px;font-style:italic;font-weight:400;line-height:24px;position:relative}.rank-infor__rule[data-v-8146048f] .line ul li .note:before{content:"📝";font-size:16px;font-style:normal;left:-2px;position:absolute;top:-2px}.rank-infor__rule[data-v-8146048f] .line ul li .note:first-letter{margin-left:24px}.rank-infor__rule[data-v-8146048f] .line ul li:before{background:#fff;border-radius:50%;content:"";height:6px;left:10px;position:absolute;top:10px;width:6px}.rank-infor__rule[data-v-8146048f] .line ul li:has(>ul){font-size:20px;font-weight:700;line-height:24px;line-height:28px;margin-bottom:25px;padding-left:0}.rank-infor__rule[data-v-8146048f] .line ul li:has(>ul)>b{display:inline-block;line-height:28px}.rank-infor__rule[data-v-8146048f] .line ul li:has(>ul) b{font-weight:700}.rank-infor__rule[data-v-8146048f] .line ul li:has(>ul):before{content:none}.rank-infor__rule[data-v-8146048f] .line ul li>ul{font-size:16px;font-weight:400;line-height:24px;margin-top:26px}.rank-infor__rule[data-v-8146048f] .line ul li>ul li{margin-bottom:0}.rank-infor__rule[data-v-8146048f] .line ul.information-point{margin-bottom:24px;margin-top:7px!important}.rank-infor__rule[data-v-8146048f] .line ul.information-point li{margin-bottom:0;padding-left:24px}.rank-infor__rule[data-v-8146048f] .line ul.information-point li:not(:first-child){padding-left:21px}.rank-infor__rule[data-v-8146048f] .line ul.information-point li:not(:first-child):before{content:none}.rank-infor__rule[data-v-8146048f] .line ul.information-point li:not(:first-child):after{align-items:center;background:#fff;color:#f0f1f5;content:"";display:flex;font-size:10px;height:8px;justify-content:center;left:4px;position:absolute;top:6px;transform:rotate(45deg);width:8px}.rank-infor__rule[data-v-8146048f] .line:nth-child(2) .title{display:flex;font-size:20px;font-weight:700;line-height:24px;line-height:28px;margin-bottom:24px;margin-top:25px}.rank-infor__rule[data-v-8146048f] .line:nth-child(2) .title b{font-weight:700}.rank-infor__rule[data-v-8146048f] .line:last-child .title{font-size:20px;font-weight:700;line-height:24px;margin-top:-2px}.rank-infor__rule[data-v-8146048f] .line:last-child .title b{font-weight:700;line-height:28px}.rank-infor__rule[data-v-8146048f] .line:last-child ul li{margin-bottom:0}.rank-infor__rule[data-v-8146048f] .line:has(>ul+ul)>ul:first-of-type{margin-top:21px}.rank-infor[data-v-6f4c7250]{background:url(../assets/images/components/common/loyalty/bg-mb.webp) no-repeat top;background-size:100% 134.1333333333vw;color:#f0f1f5;width:100%}.rank-infor__header[data-v-6f4c7250]{align-items:center;display:flex;justify-content:center;min-height:33.0666666667vw;padding:4.2666666667vw 0}.rank-infor__header img[data-v-6f4c7250]{width:52.5333333333vw}.rank-infor__title[data-v-6f4c7250]{align-items:center;background:linear-gradient(90deg,#025e2f,#04c462);color:#fff;display:flex;font-size:4.8vw;font-weight:700;justify-content:center;line-height:4.8vw;min-height:13.8666666667vw;position:relative}.rank-infor__title .icon-caret-left[data-v-6f4c7250]{font-size:6.4vw;left:4.2666666667vw;position:absolute;top:4.2666666667vw}.rank-infor__box[data-v-6f4c7250]{background:#052719;overflow:hidden}.rank-infor__tab[data-v-6f4c7250]{align-items:center;background:#01371f;display:flex;gap:2.1333333333vw;margin-bottom:3.2vw;overflow-x:auto;overscroll-behavior:auto;position:relative;z-index:1;-webkit-user-drag:none}.rank-infor__tab[data-v-6f4c7250]::-webkit-scrollbar{display:none;height:0}.rank-infor__tab-item[data-v-6f4c7250]{align-items:center;color:#9cd0a0;display:flex;flex-direction:column;font-size:3.7333333333vw;font-weight:400;gap:1.8666666667vw;line-height:4.2666666667vw;min-width:23.4666666667vw;padding:2.1333333333vw 0 2.4vw;position:relative;text-transform:uppercase}.rank-infor__tab-item .icon[data-v-6f4c7250]{background:radial-gradient(50% 50% at 50% 50%,#fff200 30%,#fcf41800);width:12.8vw}.rank-infor__tab-item[data-v-6f4c7250]:before{background:#f4dc03;content:"";height:.8vw;left:0;opacity:0;position:absolute;top:0;width:100%}.rank-infor__tab-item.active[data-v-6f4c7250]{background:linear-gradient(180deg,#148e2f -50%,#06280d00);color:#fff;font-weight:700}.rank-infor__tab-item.active[data-v-6f4c7250]:before{opacity:1}.rank-infor[data-v-6f4c7250] .loading-container{background:transparent!important}.rank-infor__content[data-v-6f4c7250]{display:flex;flex-direction:column;gap:3.2vw;margin-right:1.3333333333vw;max-height:80vw;overflow-y:auto;overscroll-behavior:auto;padding:0 1.0666666667vw 3.2vw 3.2vw}.rank-infor__content[data-v-6f4c7250]::-webkit-scrollbar{width:1.0666666667vw}.rank-infor__content[data-v-6f4c7250]::-webkit-scrollbar-thumb{background:silver;border-radius:2.4vw}.rank-infor__content-item[data-v-6f4c7250]{background:#052719;border:.2666666667vw solid #025e2f;border-radius:2.1333333333vw;color:#9cd0a0;display:flex;flex-direction:column;font-size:3.2vw;font-weight:400;gap:1.0666666667vw;line-height:4.2666666667vw;padding:2.1333333333vw 4.2666666667vw 1.6vw 2.1333333333vw}.rank-infor__content-item .text[data-v-6f4c7250]{align-items:center;display:flex;height:5.3333333333vw;justify-content:space-between}.rank-infor__content-item .text span[data-v-6f4c7250]{color:#f4dc03;font-size:3.7333333333vw;font-weight:700;line-height:4.2666666667vw;line-height:5.3333333333vw}.rank-infor__content-item .text .text-label[data-v-6f4c7250]{color:#9cd0a0;font-size:3.2vw;font-weight:400;line-height:4.2666666667vw;line-height:5.3333333333vw}.rank-infor__content-item .text .level[data-v-6f4c7250]{color:#f0f1f5}.rank-infor__rule[data-v-6f4c7250]{background:#01371f;padding:3.2vw 4.2666666667vw 24vw}.rank-infor__rule[data-v-6f4c7250] .line{font-size:3.7333333333vw;font-weight:400;line-height:4.2666666667vw;line-height:5.3333333333vw;position:relative;z-index:1}.rank-infor__rule[data-v-6f4c7250] .line .title{display:flex;font-size:4.2666666667vw;font-weight:700;line-height:6.4vw;margin-bottom:2.1333333333vw}.rank-infor__rule[data-v-6f4c7250] .line .title strong{font-weight:700}.rank-infor__rule[data-v-6f4c7250] .line ul{margin:0;padding:0}.rank-infor__rule[data-v-6f4c7250] .line ul li{list-style:none;padding-left:5.6vw;position:relative}.rank-infor__rule[data-v-6f4c7250] .line ul li .note{display:block;font-size:3.7333333333vw;font-style:italic;font-weight:400;line-height:4.2666666667vw;position:relative}.rank-infor__rule[data-v-6f4c7250] .line ul li .note:before{content:"📝";font-size:3.7333333333vw;font-style:normal;left:-.5333333333vw;position:absolute;top:-.5333333333vw}.rank-infor__rule[data-v-6f4c7250] .line ul li .note:first-letter{margin-left:4.8vw}.rank-infor__rule[data-v-6f4c7250] .line ul li:before{background:#f0f1f5;border-radius:50%;content:"";height:1.3333333333vw;left:1.8666666667vw;position:absolute;top:1.8666666667vw;width:1.3333333333vw}.rank-infor__rule[data-v-6f4c7250] .line ul li:has(>ul){font-size:4.2666666667vw;font-weight:700;line-height:6.4vw;margin-bottom:6.1333333333vw;padding-left:0}.rank-infor__rule[data-v-6f4c7250] .line ul li:has(>ul):before{content:none}.rank-infor__rule[data-v-6f4c7250] .line ul li>ul{font-size:3.7333333333vw;font-weight:400;line-height:4.2666666667vw;margin-top:6.6666666667vw}.rank-infor__rule[data-v-6f4c7250] .line ul li>ul li{margin-bottom:0}.rank-infor__rule[data-v-6f4c7250] .line ul.information-point{margin-bottom:6.4vw;margin-top:0!important}.rank-infor__rule[data-v-6f4c7250] .line ul.information-point li{margin-bottom:0;padding-left:0}.rank-infor__rule[data-v-6f4c7250] .line ul.information-point li:before{content:none}.rank-infor__rule[data-v-6f4c7250] .line ul.information-point li:not(:first-child){padding-left:4.5333333333vw}.rank-infor__rule[data-v-6f4c7250] .line ul.information-point li:not(:first-child):after{align-items:center;background:#f0f1f5;content:"";display:flex;height:2.1333333333vw;justify-content:center;left:.8vw;position:absolute;top:1.0666666667vw;transform:rotate(45deg);width:2.1333333333vw}.rank-infor__rule[data-v-6f4c7250] .line:last-child .title,.rank-infor__rule[data-v-6f4c7250] .line:nth-child(2) .title{font-size:4.2666666667vw;font-weight:700;line-height:6.4vw;margin-top:2.1333333333vw}.rank-infor__rule[data-v-6f4c7250] .line:last-child ul li{margin-bottom:0}.rank-infor__rule[data-v-6f4c7250] .line:has(>ul+ul)>ul:first-of-type{margin-top:6.1333333333vw}.rank-infor__rule[data-v-6f4c7250] .line b,.rank-infor__rule[data-v-6f4c7250] .line strong{font-weight:700}.rank-infor__rule.empty[data-v-6f4c7250]{color:#f0f1f5;font-size:3.7333333333vw;font-weight:400;line-height:4.2666666667vw;padding:3.2vw 4.2666666667vw 32vw;text-align:center}