.loyalty-reward-tab__list[data-v-08d9b5ef]{align-items:center;display:flex;gap:8px}.loyalty-reward-tab__item[data-v-08d9b5ef]:not(.mobile){align-items:center;background-color:#1e2235;border:1px solid #394f7f;border-radius:8px;color:#afb6bd;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:16px;overflow:hidden;padding:11px 19px;transition:all .3s ease}.loyalty-reward-tab__item:not(.mobile).active[data-v-08d9b5ef]{background-color:#2c314c;border:1px solid #ffc759;color:#ffc759}.loyalty-reward-tab__item[data-v-08d9b5ef]:not(.mobile):hover:not(.active){background-color:#2c314c}.loyalty-reward-item[data-v-a8ce49c6]{border:1px solid #394f7f;border-radius:8px;height:311px;min-width:100%;overflow:hidden;width:100%}.loyalty-reward-item.disabled[data-v-a8ce49c6]:before{opacity:1;visibility:visible}.loyalty-reward-item[data-v-a8ce49c6]:before{background:#0006;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2}.loyalty-reward-item__gold[data-v-a8ce49c6]{align-items:center;background:url(../assets/images/components/common/loyalty/reward_bg_gold.webp) no-repeat 50%;background-size:100% 100%;display:flex;gap:4px;height:28px;justify-content:flex-end;padding:0 6px;right:0;width:77px;z-index:1}.loyalty-reward-item__gold-price[data-v-a8ce49c6]{color:#ffc759;font-size:12px;font-weight:700;line-height:16px}.loyalty-reward-item__gold-icon[data-v-a8ce49c6]{align-items:center;display:flex;height:16px;width:16px}.loyalty-reward-item__thumb[data-v-a8ce49c6]{height:251.6px;width:100%}.loyalty-reward-item__thumb>img[data-v-a8ce49c6]{aspect-ratio:194.67/251.6;-o-object-fit:cover;object-fit:cover}.loyalty-reward-item__thumb-text[data-v-a8ce49c6]{background:#00000080;border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;color:#f7f7f8;font-size:10px;font-weight:700;left:50%;line-height:16px;max-width:193px;overflow:hidden;padding:8px;position:absolute;text-overflow:ellipsis;transform:translate(-50%);transition:all .3s ease;white-space:nowrap;width:-moz-max-content;width:max-content;z-index:1}.loyalty-reward-item__thumb.disabled .loyalty-reward-item__btn-exchange[data-v-a8ce49c6],.loyalty-reward-item__thumb:hover:where(.hover) .loyalty-reward-item__btn-exchange[data-v-a8ce49c6]{opacity:1;visibility:visible}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6]{left:50%;opacity:0;top:62%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:3}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button{height:44px!important;min-width:150px!important;width:150px!important}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button.disabled{pointer-events:none}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button .base-button--content{font-size:16px;font-weight:600;line-height:20px}.loyalty-reward-item__content[data-v-a8ce49c6]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px}.loyalty-reward-item__content-title[data-v-a8ce49c6]{color:#f7f7f8;font-size:14px;font-weight:700;line-height:20px}.loyalty-reward-item__content-title-price[data-v-a8ce49c6]{color:#ffc759}.loyalty-reward-item__content-description[data-v-a8ce49c6]{color:#5e6985;font-size:10px;font-weight:400;line-height:12px}@media (max-width:63.99em){.loyalty-reward-item[data-v-a8ce49c6]{border-radius:2.1333333333vw;height:72.8vw}.loyalty-reward-item__gold[data-v-a8ce49c6]{background:url(../assets/images/components/common/loyalty/reward_bg_gold-mb.webp) no-repeat 50%;background-size:100% 100%;gap:1.0666666667vw;height:6.9333333333vw;padding:0 1.6vw;width:20.5333333333vw}.loyalty-reward-item__gold-price[data-v-a8ce49c6]{font-size:3.2vw;font-weight:600;line-height:4.2666666667vw}.loyalty-reward-item__gold-icon[data-v-a8ce49c6]{align-items:center;display:flex;height:4.2666666667vw;width:4.2666666667vw}.loyalty-reward-item__thumb[data-v-a8ce49c6]{height:58.6666666667vw}.loyalty-reward-item__thumb>img[data-v-a8ce49c6]{aspect-ratio:165.5/221}.loyalty-reward-item__thumb.disabled[data-v-a8ce49c6]{pointer-events:none}.loyalty-reward-item__thumb-text[data-v-a8ce49c6]{border-top-left-radius:2.1333333333vw;border-top-right-radius:2.1333333333vw;font-size:2.6666666667vw;font-weight:700;line-height:4.2666666667vw;max-width:44.2666666667vw;padding:1.6vw 2.1333333333vw}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button{height:10.6666666667vw!important;min-width:34.6666666667vw!important;width:34.6666666667vw!important}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button.disabled{pointer-events:none}.loyalty-reward-item__btn-exchange[data-v-a8ce49c6] .base-button .base-button--content{font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.loyalty-reward-item__content[data-v-a8ce49c6]{gap:1.0666666667vw;height:13.6vw;padding:2.1333333333vw}.loyalty-reward-item__content-title[data-v-a8ce49c6]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;word-break:break-word}.loyalty-reward-item__content-description[data-v-a8ce49c6]{font-size:2.6666666667vw;font-weight:400;line-height:3.2vw;text-align:center}}.modal-reward-loyalty[data-v-f6ac8b73]{background-color:#141825;border-radius:16px;box-shadow:0 0 16px #011a3126;padding:32px;position:relative;width:480px}.modal-reward-loyalty .icon-close[data-v-f6ac8b73]{cursor:pointer;position:absolute;right:12px;top:12px;z-index:8}.modal-reward-loyalty .icon-close span[data-v-f6ac8b73]{font-size:32px}.modal-reward-loyalty .icon-close span[data-v-f6ac8b73]:before{color:#a9b5d0}.modal-reward-loyalty .content[data-v-f6ac8b73],.modal-reward-loyalty .content .content-top[data-v-f6ac8b73]{display:flex;flex-direction:column;gap:24px;justify-content:center}.modal-reward-loyalty .content .content-top[data-v-f6ac8b73]{align-items:center}.modal-reward-loyalty .content .image[data-v-f6ac8b73]{text-align:center}.modal-reward-loyalty .content .image img[data-v-f6ac8b73]{height:128px;width:128px}.modal-reward-loyalty .content .title[data-v-f6ac8b73]{color:#f7f7f8;font-size:20px;font-style:normal;font-weight:700;line-height:24px;margin-bottom:-12px;text-align:center}.modal-reward-loyalty .content .description[data-v-f6ac8b73]{color:#afb6bd;font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-align:center}.modal-reward-loyalty .content .btn-modal-left[data-v-f6ac8b73],.modal-reward-loyalty .content .btn-modal-right[data-v-f6ac8b73]{font-size:16px;font-style:normal;font-weight:600;line-height:20px}.modal-reward-loyalty .action[data-v-f6ac8b73]{display:flex;gap:24px;justify-content:space-between}@media screen and (max-width:768px){.mobile .modal-reward-loyalty[data-v-f6ac8b73]{border-radius:4.2666666667vw;height:90.6666666667vw;padding:4.2666666667vw;width:91.4666666667vw}.mobile .modal-reward-loyalty .icon-close[data-v-f6ac8b73]{right:1.0666666667vw;top:3.4666666667vw;z-index:8}.mobile .modal-reward-loyalty .icon-close span[data-v-f6ac8b73]{font-size:8.5333333333vw}.mobile .modal-reward-loyalty .content[data-v-f6ac8b73]{align-items:center;display:flex;flex-direction:column;gap:4.2666666667vw;height:100%;justify-content:center}.mobile .modal-reward-loyalty .content .content-top[data-v-f6ac8b73]{flex:1;gap:6.4vw;width:100%}.mobile .modal-reward-loyalty .content .image img[data-v-f6ac8b73]{height:21.3333333333vw;width:21.3333333333vw}.mobile .modal-reward-loyalty .content .title[data-v-f6ac8b73]{color:#f7f7f8;font-size:5.3333333333vw;line-height:7.4666666667vw;margin-bottom:-3.2vw;white-space:break-spaces}.mobile .modal-reward-loyalty .content .description[data-v-f6ac8b73]{font-size:3.7333333333vw;line-height:5.3333333333vw}.mobile .modal-reward-loyalty .content .btn-modal-left[data-v-f6ac8b73]{font-size:3.7333333333vw;line-height:5.3333333333vw;padding:0;width:100%}.mobile .modal-reward-loyalty .content .btn-modal-left.btn-modal-left-success[data-v-f6ac8b73]{flex:1}.mobile .modal-reward-loyalty .content .btn-modal-right[data-v-f6ac8b73]{font-size:3.7333333333vw;line-height:5.3333333333vw;padding:0}.mobile .modal-reward-loyalty .content .btn-modal-right.btn-modal-right-success[data-v-f6ac8b73]{width:42.1333333333vw!important}.mobile .modal-reward-loyalty .action[data-v-f6ac8b73]{display:flex;gap:4.2666666667vw;height:10.6666666667vw;justify-content:space-between;width:100%}}[data-v-f6ac8b73] .modal-content{background-color:transparent!important;border-radius:16px}@media (min-width:576px){[data-v-f6ac8b73] .modal-sm{max-width:327px}}[data-v-f6ac8b73] .modal-body{padding:0}@media (max-width:768px){[data-v-f6ac8b73] .modal-dialog{max-width:unset!important}}@media (min-width:576px){[data-v-f6ac8b73] .modal-md{max-width:343px}}
