.box-loyalty[data-v-a1c15809]{background-image:url(../assets/images/components/common/loyalty/bg-info-hover.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;cursor:pointer;overflow:hidden;padding:8px;position:relative;transition:transform .5s ease}.box-loyalty[data-v-a1c15809]:before{background:linear-gradient(90deg,#fff0,#ffffff4d);content:"";display:block;height:100%;left:-75%;position:absolute;top:0;transform:skew(-25deg);width:50%;z-index:2}.box-loyalty .text-loyalty[data-v-a1c15809]{left:10px;max-width:110px;position:absolute;top:23px;z-index:1}.box-loyalty[data-v-a1c15809]:hover{box-shadow:0 0 16px #ffffffe5;transform:scale(1.05)}.box-loyalty[data-v-a1c15809]:hover:before{animation:shine 1.5s}.box-loyalty-wrapper[data-v-a1c15809]{width:100%}.box-loyalty.not-login[data-v-a1c15809]{background:none;display:block;padding:0}.box-loyalty .wrapper[data-v-a1c15809]{align-items:center;display:flex;margin-bottom:3px}.box-loyalty .box-left[data-v-a1c15809]{height:40px;margin-right:4px;min-width:40px;width:40px}.box-loyalty .box-left img[data-v-a1c15809]{height:100%;width:100%}.box-loyalty .box-center[data-v-a1c15809]{min-width:calc(100% - 44px);padding-top:1px;width:calc(100% - 44px)}.box-loyalty .box-center .title[data-v-a1c15809]{align-items:center;color:#30343b;display:flex;font-size:12px;font-weight:400;justify-content:flex-start;line-height:16px}.box-loyalty .box-center .title .title-text[data-v-a1c15809]{align-items:center;display:flex;margin-right:3px;min-width:42px}.box-loyalty .box-center .title .value[data-v-a1c15809]{color:#fb3849;font-size:12px;font-weight:700;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.box-loyalty .money[data-v-a1c15809]{align-items:center;color:#30343b;display:flex;gap:5px;margin-bottom:4px}.box-loyalty .money img[data-v-a1c15809]{height:16px;width:16px}.box-loyalty .point[data-v-a1c15809]{color:#0f56b2;font-size:14px;font-weight:700;line-height:20px}.box-loyalty__rank[data-v-a1c15809]{align-items:center;display:flex;justify-content:space-between}.box-loyalty__rank .text[data-v-a1c15809]{color:#6a778b;font-size:10px;font-weight:400;gap:16px;line-height:16px;margin-bottom:4px}.box-loyalty__progress-bar[data-v-a1c15809]{background:#c7ccd1;border-radius:99px;height:8px;overflow:hidden;position:relative;width:100%}.box-loyalty__progress-value[data-v-a1c15809]{background:#0f56b2;border-radius:99px;height:100%;position:relative}.box-loyalty__progress .max-level[data-v-a1c15809]{color:#6a778b;font-size:10px;font-weight:400;line-height:16px;margin-bottom:4px}.mobile .box-loyalty[data-v-a1c15809]{padding:2.1333333333vw}.mobile .box-loyalty.not-login[data-v-a1c15809]{padding:0}.mobile .box-loyalty.not-login .img-loyalty[data-v-a1c15809]{border-radius:2.1333333333vw;height:23.4666666667vw;-o-object-fit:cover;object-fit:cover;width:100%}.mobile .box-loyalty .text-loyalty[data-v-a1c15809]{left:4.2666666667vw;max-width:29.3333333333vw;top:6.1333333333vw}.mobile .box-loyalty[data-v-a1c15809]:hover{box-shadow:none;transform:none}.mobile .box-loyalty[data-v-a1c15809]:hover:before{animation:none}.mobile .box-loyalty .wrapper[data-v-a1c15809]{margin-bottom:.8vw}.mobile .box-loyalty .box-left[data-v-a1c15809]{height:10.6666666667vw;margin-right:1.0666666667vw;min-width:10.6666666667vw;width:10.6666666667vw}.mobile .box-loyalty .box-center[data-v-a1c15809]{min-width:calc(100% - 11.73333vw);padding-top:.2666666667vw;width:calc(100% - 11.73333vw)}.mobile .box-loyalty .box-center .title[data-v-a1c15809]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.mobile .box-loyalty .box-center .title span[data-v-a1c15809]{margin-right:.8vw;min-width:11.2vw}.mobile .box-loyalty .box-center .title .value[data-v-a1c15809]{font-size:3.2vw;font-weight:700;line-height:4.2666666667vw}.mobile .box-loyalty .money[data-v-a1c15809]{gap:1.3333333333vw;margin-bottom:1.0666666667vw}.mobile .box-loyalty .money img[data-v-a1c15809]{height:4.2666666667vw;width:4.2666666667vw}.mobile .box-loyalty .point[data-v-a1c15809]{font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.mobile .box-loyalty__rank .text[data-v-a1c15809]{font-size:2.6666666667vw;font-weight:400;line-height:4.2666666667vw;margin-bottom:1.0666666667vw}.mobile .box-loyalty__progress-bar[data-v-a1c15809]{border-radius:26.4vw;height:2.1333333333vw}.mobile .box-loyalty__progress .max-level[data-v-a1c15809]{font-size:2.6666666667vw;font-weight:400;line-height:4.2666666667vw;margin-bottom:1.0666666667vw}.mobile .box-loyalty__progress-value[data-v-a1c15809]{border-radius:26.4vw}