@charset "UTF-8";.loyalty-page[data-v-8182eed0]{align-items:center!important;background-image:url(../assets/images/components/common/loyalty/bg.webp);background-position:top -60px center;background-repeat:no-repeat;background-size:contain;display:flex!important;flex-direction:column!important;height:-moz-max-content;height:max-content;justify-content:center!important;overflow:hidden;width:100%}.loyalty-page[data-v-8182eed0]:after,.loyalty-page[data-v-8182eed0]:before{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loyalty-page[data-v-8182eed0]:before{background:radial-gradient(50% 50% at 50% 50%,#ff83b0e6 0,#faafe900);background-position:100% 100%;background-size:1560px 1560px;height:890px;left:0;top:0;width:870px}.loyalty-page[data-v-8182eed0]:after,.loyalty-page[data-v-8182eed0]:before{content:"";mix-blend-mode:color-dodge;opacity:.2;pointer-events:none;position:absolute;z-index:0}.loyalty-page[data-v-8182eed0]:after{background:radial-gradient(50% 50% at 50% 50%,#ff83b0e6 0,#faafe900);background-position:0 0;background-size:2170px 2170px;bottom:0;height:1249px;right:0;width:1680px}.loyalty-page__container[data-v-8182eed0]{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 auto;max-width:1284px;padding:24px 0 0;width:100%}.loyalty-page__header[data-v-8182eed0]{align-items:center;display:flex;height:210px;justify-content:center;position:relative;width:100%}.loyalty-page__header .navigate-back[data-v-8182eed0]{cursor:pointer;height:40px;left:0;position:absolute;top:0;width:40px}.loyalty-page__header .navigate-back .icon-arrow-left[data-v-8182eed0]{font-size:40px}.loyalty-page__header .navigate-back .icon-arrow-left[data-v-8182eed0]:before{color:#cdc8d7}.loyalty-page__header .header-title[data-v-8182eed0]{height:auto;width:624px}.loyalty-page .rank-info[data-v-8182eed0]{background:url(../assets/images/components/common/loyalty/bg.webp) no-repeat top;background-size:100% 212px;padding:27px 0 24px}.loyalty-page .rank-info__box[data-v-8182eed0]{border-radius:12px;margin-bottom:24px;padding:21px 24px;position:relative}.loyalty-page .rank-info[data-v-8182eed0] .loading-container{background:transparent!important;min-height:470px}.loyalty-page .rank-info__table[data-v-8182eed0]{border-radius:0 0 16px 16px;overflow:visible}.loyalty-page .rank-info__tab[data-v-8182eed0]{background:#141c36;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;position:relative;z-index:1}.loyalty-page .rank-info__tab-item[data-v-8182eed0]{align-items:center!important;border-radius:12px 12px 0 0;color:#8b92b5;cursor:pointer;display:flex!important;flex-direction:column!important;font-size:20px;font-weight:700;gap:8px;height:140px;justify-content:center!important;line-height:28px;padding:12px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.loyalty-page .rank-info__tab-item[data-v-8182eed0]:after,.loyalty-page .rank-info__tab-item[data-v-8182eed0]:before{background:linear-gradient(180deg,#0c1125,#ff4186);border-radius:0;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%}.loyalty-page .rank-info__tab-item[data-v-8182eed0]:after{background:#ff41864d}.loyalty-page .rank-info__tab-item[data-v-8182eed0]:hover:after{opacity:1;visibility:visible}.loyalty-page .rank-info__tab-item.active[data-v-8182eed0]{color:#fff}.loyalty-page .rank-info__tab-item.active[data-v-8182eed0]:before{opacity:1;visibility:visible}.loyalty-page .rank-info__tab-item.active[data-v-8182eed0]:hover:after{opacity:1;visibility:hidden}.loyalty-page .rank-info__tab-item.active .icon[data-v-8182eed0]{height:120px;margin-top:-40px;transition:all .3s ease;width:120px}.loyalty-page .rank-info__tab-item .icon[data-v-8182eed0]{height:80px;position:relative;width:80px;z-index:2}.loyalty-page .rank-info__tab-item .name[data-v-8182eed0]{position:relative;z-index:2}.loyalty-page .rank-info__content[data-v-8182eed0]{border-radius:0 0 16px 16px;overflow:hidden;z-index:10}.loyalty-page .rank-info__content-header[data-v-8182eed0]{background:#ff4186;color:#fff;display:grid;font-size:14px;font-weight:400;gap:138.25px;grid-template-columns:78px 139px 177px 140px 149px;line-height:20px;padding:12px 24px}.loyalty-page .rank-info__content-header-item[data-v-8182eed0]{align-items:center;display:flex;height:100%;justify-content:center;transform:translateY(1px);width:100%}.loyalty-page .rank-info__content-header-item[data-v-8182eed0]:first-child{justify-content:flex-start}.loyalty-page .rank-info__content-header-item[data-v-8182eed0]:last-child{justify-content:flex-end}.loyalty-page .rank-info__content-body-item[data-v-8182eed0]{background:#141c36;color:#ffdb7f;display:grid;font-size:14px;font-weight:700;gap:138.25px;grid-template-columns:78px 126px 177px 140px 149px;justify-content:space-between;line-height:20px;padding:16px 24px;position:relative;text-align:center;transform:translateY(1px)}.loyalty-page .rank-info__content-body-item .level[data-v-8182eed0]{color:#cdc8d7;font-size:14px;font-weight:400;line-height:20px;text-align:left}.loyalty-page .rank-info__content-body-item>div[data-v-8182eed0]{z-index:1}.loyalty-page .rank-info__content-body-item[data-v-8182eed0]:nth-child(2n):before{background:linear-gradient(270deg,#263050,#ff41864d 25%,#ff41864d,#ff41864d 75%,#263050);content:"";height:100%;left:0;opacity:.33;position:absolute;top:0;width:100%;z-index:0}.loyalty-page .rank-info__rule[data-v-8182eed0]{background:transparent;border-radius:12px;color:#cdc8d7;padding:24px 0}.loyalty-page .rank-info__rule[data-v-8182eed0] .line{font-size:16px;font-weight:400;line-height:24px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line b,.loyalty-page .rank-info__rule[data-v-8182eed0] .line strong{font-weight:700}.loyalty-page .rank-info__rule[data-v-8182eed0] .line .title{color:#fff;display:flex;font-size:24px;font-weight:700;line-height:28px;margin-bottom:29px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul{margin:0;padding:0}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li{list-style:none;padding-left:24px;position:relative}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li .note{display:block;font-size:16px;font-style:italic;font-weight:400;line-height:24px;position:relative}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li .note:before{content:"📝";font-size:16px;font-style:normal;left:-2px;position:absolute;top:-2px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li .note:first-letter{margin-left:24px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li:before{background:#cdc8d7;border-radius:50%;content:"";height:4px;left:10px;position:absolute;top:10px;width:4px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li:has(>ul){font-size:16px;font-weight:700;line-height:24px;line-height:26px;margin-bottom:25px;padding-left:0}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li:has(>ul):before{content:none}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li>ul{font-size:16px;font-weight:400;line-height:24px;margin-top:26px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul li>ul li{margin-bottom:0}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul.information-point{margin-bottom:24px;margin-top:7px!important}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul.information-point li{margin-bottom:0;padding-left:24px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul.information-point li:not(:first-child):before{content:none}.loyalty-page .rank-info__rule[data-v-8182eed0] .line ul.information-point li:not(:first-child):after{align-items:center;background:#0063c5;color:#cdc8d7;content:"";display:flex;font-size:10px;height:8px;justify-content:center;left:8px;position:absolute;top:6px;transform:rotate(45deg);width:8px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line:nth-child(2) .title{display:flex;font-size:24px;font-weight:700;line-height:28px;margin-bottom:29px;margin-top:25px}.loyalty-page .rank-info__rule[data-v-8182eed0] .line:last-child ul li{margin-bottom:0}.loyalty-page .rank-info__rule[data-v-8182eed0] .line:has(>ul+ul)>ul:first-of-type{margin-top:21px}.loyalty-page .content-rule[data-v-8182eed0]{width:100%}.loyalty-page[data-v-d48b7031],.loyalty-page__container[data-v-d48b7031]{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;width:100%}.loyalty-page__container[data-v-d48b7031]{margin:0 auto;max-width:100%;overflow-x:hidden;padding:0;position:relative}.loyalty-page__container[data-v-d48b7031] .page-header{margin-left:0;margin-top:0}.loyalty-page__container[data-v-d48b7031] .page-header .title{font-size:4.8vw;font-weight:700;line-height:6.9333333333vw}.loyalty-page__header[data-v-d48b7031]{align-items:center;display:flex;justify-content:center;width:100%}.loyalty-page__header .header-title[data-v-d48b7031]{height:auto;width:100%}.loyalty-page__content[data-v-d48b7031]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:4.2666666667vw;justify-content:center!important;padding:4.2666666667vw 0 0;width:100%}.loyalty-page .rank-info__box[data-v-d48b7031]{border-radius:12px;margin-bottom:24px;padding:21px 24px;position:relative}.loyalty-page .rank-info[data-v-d48b7031] .loading-container{background:transparent!important;min-height:470px}.loyalty-page .rank-info__table[data-v-d48b7031]{background:linear-gradient(180deg,#ff4186,#0c1125);overflow:visible;width:100%}.loyalty-page .rank-info__tab[data-v-d48b7031]{display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:1.0666666667vw 0 0;position:relative;z-index:1}.loyalty-page .rank-info__tab-item[data-v-d48b7031]{align-items:center!important;background:#141c36;color:#8b92b5;cursor:pointer;display:flex!important;flex-direction:column!important;font-size:3.2vw;font-weight:700;gap:1.0666666667vw;height:22.4vw;justify-content:center!important;line-height:4.2666666667vw;padding:2.1333333333vw 0;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.loyalty-page .rank-info__tab-item[data-v-d48b7031]:before{background:linear-gradient(180deg,#0c1125,#ff4186);border-radius:0;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%}.loyalty-page .rank-info__tab-item.active[data-v-d48b7031]{color:#fff;height:23.4666666667vw;margin-top:-1.0666666667vw}.loyalty-page .rank-info__tab-item.active[data-v-d48b7031]:before{opacity:1;visibility:visible}.loyalty-page .rank-info__tab-item.active .icon[data-v-d48b7031]{height:17.0666666667vw;margin-top:-3.2vw;transition:all .3s ease;width:17.0666666667vw}.loyalty-page .rank-info__tab-item .icon[data-v-d48b7031]{height:12.8vw;position:relative;width:12.8vw;z-index:2}.loyalty-page .rank-info__tab-item .name[data-v-d48b7031]{position:relative;text-align:center;width:-moz-max-content;width:max-content;z-index:2}.loyalty-page .rank-info__content[data-v-d48b7031]{display:flex!important;flex-direction:column!important;gap:3.2vw;max-height:83.2vw;overflow:auto;overscroll-behavior:auto;padding:3.2vw 0 6.4vw 4.2666666667vw}.loyalty-page .rank-info__content[data-v-d48b7031]::-webkit-scrollbar{width:0}.loyalty-page .rank-info__content[data-v-d48b7031]::-webkit-scrollbar-thumb{border-radius:2.4vw}.loyalty-page .rank-info__content-item[data-v-d48b7031]{background:#0c1125;border-radius:2.1333333333vw;color:#cdc8d7;display:flex!important;flex-direction:column!important;font-size:3.2vw;font-weight:400;gap:1.0666666667vw;line-height:4.2666666667vw;max-width:91.4666666667vw;min-height:35.2vw;outline:.2666666667vw solid #263050;outline-offset:-.2666666667vw;padding:2.1333333333vw 2.1333333333vw 4.2666666667vw;width:100%}.loyalty-page .rank-info__content-item .text[data-v-d48b7031]{align-items:center;display:flex;justify-content:space-between}.loyalty-page .rank-info__content-item .text span[data-v-d48b7031]{color:#ffdb7f;font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.loyalty-page .rank-info__content-item .text .level[data-v-d48b7031]{color:#fff}.loyalty-page .rank-info__rule[data-v-d48b7031]{background:transparent;color:#cdc8d7;padding:4.2666666667vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line{font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line .title{color:#fff;display:flex;font-size:4.8vw;font-weight:700;line-height:6.9333333333vw;margin-bottom:5.0666666667vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line b,.loyalty-page .rank-info__rule[data-v-d48b7031] .line strong{font-weight:700}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul{margin:0;padding:0}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li{list-style:none;padding-left:5.6vw;position:relative}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li .note{display:block;font-size:3.7333333333vw;font-style:italic;font-weight:400;line-height:5.3333333333vw;position:relative}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li .note:before{content:"📝";font-size:4.2666666667vw;font-style:normal;left:-.5333333333vw;position:absolute;top:-.5333333333vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li .note:first-letter{margin-left:6.4vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li:before{background:#cdc8d7;border-radius:50%;content:"";height:.8vw;left:2.4vw;position:absolute;top:2.1333333333vw;width:.8vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li:has(>ul){font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;margin-bottom:3.2vw;padding-left:0}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li:has(>ul):before{content:none}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li>ul{font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw;margin-top:3.2vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul li>ul li{margin-bottom:0}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul.information-point{margin:1.8666666667vw 0 3.2vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul.information-point li{margin-bottom:0;padding-left:6.4vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul.information-point li:not(:first-child){padding-left:5.6vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul.information-point li:not(:first-child):before{content:none}.loyalty-page .rank-info__rule[data-v-d48b7031] .line ul.information-point li:not(:first-child):after{align-items:center;background:#0063c5;color:#cdc8d7;content:"";display:flex;font-size:2.6666666667vw;height:2.1333333333vw;justify-content:center;left:1.0666666667vw;position:absolute;top:1.6vw;transform:rotate(45deg);width:2.1333333333vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line:nth-child(2) .title{display:flex;font-size:4.8vw;font-weight:700;line-height:6.9333333333vw;margin:5.0666666667vw 0}.loyalty-page .rank-info__rule[data-v-d48b7031] .line:last-child .title{font-size:4.8vw;font-weight:700;line-height:6.9333333333vw;margin-bottom:5.0666666667vw;margin-top:5.0666666667vw}.loyalty-page .rank-info__rule[data-v-d48b7031] .line:last-child:first-child .title{margin-top:0}.loyalty-page .rank-info__rule[data-v-d48b7031] .line:has(>ul+ul)>ul:first-of-type{margin-top:3.2vw}