.vip-list.is-login{padding-top:120px}.tier-icon{width:25px;height:25px;margin-bottom:12px}.vip-list{background-color:#f7f8fd}.vip-list .container{max-width:var(--fluid-container-width, 1400px);margin:0 auto}.vip-list h1{color:#3d3d3d;text-align:center;font-size:42px;font-weight:600;font-family:Montserrat;line-height:63px}.vip-list .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 auto;align-items:stretch}.vip-list .pricing-column,.vip-list .pricing-column-first{background:#fff;display:flex;flex-direction:column;border-radius:var(--card-radius);overflow:hidden;border:1px solid #e3e5ea;flex:1 0 auto}.vip-list .pricing-column-basic{padding-top:25px;background:radial-gradient(0% 0% at 0% 0%,#d7eaf9,#f8feff 48.22%,#e9f3f7),radial-gradient(0% 0% at 0% 0%,#e2d8d2,#f3efed 47.97%,#e6d6ca)}.vip-list .pricing-column-pro{background:radial-gradient(0% 0% at 0% 0%,#dbdfe5,#eef1f5 47.97%,#cbd0d7),#d2dff5;padding-top:25px}.vip-list .pricing-column-premium{background:radial-gradient(0% 0% at 0% 0%,#f0dfbf,#f4ebdd 47.97%,#efdbbd),#ccb49a;padding-top:25px}.vip-list .vip-list-handle{margin-bottom:48px;padding-top:120px}.vip-list .tier-name{opacity:1;color:#181818;text-align:center;font-size:24px;font-weight:600;font-family:Montserrat;align-items:center;justify-content:center;flex:0 0 auto;display:flex;flex-direction:column}.vip-list .tier-name-firstlist{min-height:129px;display:flex;justify-content:center;opacity:1;color:#181818;text-align:left;font-size:24px;font-weight:600;font-family:Montserrat;align-items:center;padding-left:1rem}.vip-list .tier-price{color:#7e7462;font-size:16px;font-weight:600;font-family:Montserrat;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.vip-list .headerlist{display:flex;margin-bottom:7px;align-items:center;justify-content:center;flex-direction:column}.vip-list .headerlist-first{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.vip-list .feature-row{border-bottom:1px solid #cbe2f5;flex:1 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;min-height:60px;opacity:1;color:#3d3d3d;font-size:16px;font-weight:500;font-family:Montserrat;line-height:24px;padding:0 1rem}.vip-list .feature-row:last-child{border-bottom:0px}.vip-list .pricing-column:first-child .feature-row{justify-content:flex-start;text-align:left;min-height:60px}.vip-list .check,.vip-list .cross{color:#000}.vip-list .image-show-log{border:1px solid #eee;border-radius:8px;background-color:#fff}.vip-list .section{flex:1;padding:0 20px}.vip-list .section:not(:last-child){border-right:1px solid #eee}.vip-list .points-section{flex:1}.vip-list .points{color:#00a19f;text-align:left;font-size:42px;font-weight:600;font-family:Montserrat;margin-bottom:8px}.vip-list .label{color:#000;text-align:left;font-size:16px;font-weight:600;font-family:Montserrat;line-height:24px;margin-bottom:16px}.vip-list .links{display:flex;gap:20px}.vip-list .link{opacity:1;color:#00a19f;text-align:left;font-size:14px;font-weight:500;font-family:Montserrat;display:flex}.vip-list .link:after{content:">";margin-left:17px}.vip-list .help-icon{margin-left:8px}.vip-list .buttons{align-items:center;justify-content:center;display:flex;gap:12px}.vip-list .button{padding:8px 20px;font-size:14px;cursor:pointer;background:transparent;color:#333;border-radius:65px;opacity:1;border:1px solid #000000;background:#fff}.vip-list .button:hover{border-radius:28px;opacity:1;background:#03e5ba}.vip-list .badge{padding:4px 12px;border-radius:16px;font-size:12px}.vip-list .badge-basic{background:#e9ecef;color:#495057}.vip-list .badge-pro{background:#007bff;color:#fff}.vip-list .top-section{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding-left:64px}.vip-list .coming-soon{display:flex;align-items:center}.vip-list .tier-section{background-color:#fff;border-radius:8px;padding:16px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;gap:84px}.vip-list .tier-info{display:flex;align-items:center;gap:12px}.vip-list .badge{padding:4px 12px;border-radius:16px;font-size:12px;background:#007bff;color:#fff}.vip-list .badge-basic{background-color:#e9ecef;color:#495057}.vip-list .badge-pro{background-color:#007bff;color:#fff}.vip-list .spent-info{color:#007bff}.vip-log,.vip-log .vip-log-wapper{position:relative}.vip-log .container{max-width:var(--fluid-container-width, 1400px);margin:0 auto}.vip-log .image-show-log{border:1px solid #eee;background-color:#fff;position:absolute;z-index:1;top:-150px;width:100%}.vip-log .section{flex:1;padding:0 20px}.vip-log .section:not(:last-child){border-right:1px solid #eee}.vip-log .points-section{flex:1;margin:32px 0;position:relative}.vip-log .points-section .g-button{white-space:nowrap}.vip-log .points{font-family:Montserrat;font-size:42px;font-weight:600;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#1790ff}.vip-log .points-section:last-child{display:flex;justify-content:right;align-items:flex-end;gap:10px}.vip-log .points-label{display:flex;align-items:center}.vip-log .points-section:not(:nth-last-child(2)):not(:last-child):before{content:"";position:absolute;top:0;bottom:0;left:calc(50% + 56px);transform:translate(-50%);width:1px;background-color:#d8d8d8;opacity:1}.vip-log .points-section.vip-user-panel__actions{display:flex;flex-direction:column;align-items:flex-end;gap:17px}.vip-log .vip-user-panel__referral-btn{display:inline-flex;align-items:center;gap:5px;color:#1790ff;padding:0;background:transparent;border:none}.vip-log .link-box{display:flex;gap:15px;margin-top:16px}.vip-log .g-button--white{border-radius:24px;border:1px solid #000}.vip-log .link-text{font-family:Montserrat;font-weight:500;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#1790ff;text-decoration:none}.vip-log .label{color:#000;text-align:left;font-size:16px;font-weight:600;font-family:Montserrat;line-height:24px;margin-bottom:16px}.vip-log .links{display:flex;gap:20px}.vip-log .link{opacity:1;color:#00a19f;text-align:left;font-size:14px;font-weight:500;font-family:Montserrat;display:flex}.vip-log .link:after{content:">";margin-left:17px}.vip-log .help-icon{margin-left:8px}.vip-log .buttons{align-items:center;justify-content:center;display:flex;gap:12px}.vip-log .button{padding:8px 20px;font-size:14px;cursor:pointer;background:transparent;color:#333;border-radius:65px;opacity:1;border:1px solid #000000;background:#fff}.vip-log .button:hover{border-radius:28px;opacity:1;background:#03e5ba}.vip-log .badge-basic{background:#e9ecef;color:#495057}.vip-log .badge-pro{background:#007bff;color:#fff}.vip-log .top-section{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding-left:64px;padding-right:34px}.vip-log .coming-soon{display:flex;align-items:center}.vip-log .tier-section{background-color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:84px;border-top:1px solid rgba(216,216,216,.34)}.vip-log .tier-info{display:flex;align-items:center;gap:12px}.vip-log .badge{padding:4px 12px;border-radius:16px;font-size:12px;background:#007bff;color:#fff}.vip-log .badge-basic{background-color:#e9ecef;color:#495057}.vip-log .badge-pro{background-color:#007bff;color:#fff}.vip-log .spent-info{color:#007bff}.vip-log .js_number_animate{transform:translateZ(0)}.brand-panel.is-login{padding-bottom:100px;position:relative}.brand-panel.is-login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f7f8fd;margin:auto}.brand-log{position:relative}.brand-log .image-show-log{border:1px solid #eee;border-radius:8px;background-color:#fff;position:absolute;width:100%;z-index:1;top:-100px}.brand-log .section{flex:1;padding:0 20px}.brand-log .section:not(:last-child){border-right:1px solid #eee}.brand-log .points-section{flex:1;margin:32px 0;position:relative}.brand-log .points{font-family:Montserrat;font-size:42px;font-weight:600;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#1790ff}.brand-log .points-section:last-child{display:flex;justify-content:right;align-items:flex-end;flex-direction:column}.brand-log .points-section:not(:nth-last-child(2)):not(:last-child):before{content:"";position:absolute;top:0;bottom:0;left:calc(50% + 56px);transform:translate(-50%);width:1px;background-color:#d8d8d8;opacity:1}.brand-log .link-box{display:flex;gap:15px;margin-top:16px}.brand-log .button:hover{border-radius:28px;opacity:1;background:#03e5ba}.brand-log .badge-basic{background:#e9ecef;color:#495057}.brand-log .badge-pro{background:#007bff;color:#fff}.brand-log .top-section{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding-left:64px;padding-right:34px}.brand-log .coming-soon{display:flex;align-items:center}.brand-log .tier-section{background-color:#fff;padding:48px;display:flex;justify-content:space-between;align-items:center;font-size:14px;height:146px}.brand-log .tier-info{display:flex;align-items:center;gap:12px;font-family:Montserrat;font-size:28px;font-weight:600;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#000}.brand-log .badge{padding:4px 12px;border-radius:16px;font-size:12px;background:#007bff;color:#fff}.brand-log .badge-basic{background-color:#e9ecef;color:#495057}.brand-log .badge-pro{background-color:#007bff;color:#fff}.brand-log .spent-info{color:#007bff}.brand-log .js_number_animate{transform:translateZ(0)}.brand-log .email-text{font-family:Montserrat;font-size:28px;font-weight:600;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#1790ff}.brand-log .tier-text{font-family:Montserrat;font-size:16px;font-weight:500;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#3d3d3d}.vip-top-section{display:flex;align-items:center;justify-content:space-between}.vip-top-section .vip-points-section-wrapper{flex:1;width:100%}.vip-top-section .vip-points-section{margin:30px 0;position:relative;flex-direction:column;display:flex;align-items:center;gap:15px}.vip-top-section .vip-points-section+:is(.vip-top-section .vip-points-section){border-left:1px solid rgba(216,216,216,.34)}.vip-top-section .vip-points-section .vip-points{font-size:42px;font-weight:600;line-height:normal;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#1790ff}.vip-top-section .vip-user-panel__actions{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 30px}.vip-referral-progress{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 30px 36px;border-top:1px dashed #d8d8d8}.vip-referral-progress__text{flex:1;font-family:Montserrat;font-size:14px;font-weight:500;line-height:24px;color:#3d3d3d}.vip-referral-progress__text p{margin:0}.vip-referral-progress__count{color:#03e5ba;font-weight:600}.vip-referral-progress__bar-wrapper{flex:1;max-width:480px;padding:0 12px}.vip-referral-progress__bar{position:relative;height:18px}.vip-referral-progress__track{position:absolute;top:50%;left:0;right:0;height:4px;background-color:#e3e5ea;border-radius:2px;transform:translateY(-50%)}.vip-referral-progress__fill{position:absolute;top:0;left:0;height:100%;background-color:#03e5ba;border-radius:2px;transition:width .3s ease}.vip-referral-progress__milestones{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.vip-referral-progress__milestone{position:relative;display:flex;flex-direction:column;align-items:center}.vip-referral-progress__dot{display:block;width:14px;height:14px;border-radius:50%;background-color:#d8d8d8;transition:all .3s ease}.vip-referral-progress__milestone.is-active .vip-referral-progress__dot{width:18px;height:18px;background-color:#03e5ba;box-shadow:0 0 0 3px #03e5ba26}.vip-referral-progress__milestone-label{position:absolute;top:calc(100% + 8px);font-family:Montserrat;font-size:12px;font-weight:500;color:#3d3d3d;white-space:nowrap}.vip-referral-progress__milestone-rank{position:absolute;bottom:calc(100% + 8px);font-family:Montserrat;font-size:12px;font-weight:600;color:#3d3d3d;white-space:nowrap}.vip-tier-progress{flex-shrink:0;width:380px;padding-bottom:24px}.vip-tier-progress .vip-referral-progress__bar-wrapper{flex:none;max-width:none;padding:0}.vip-user-panel-vip__wrapper .vip-user-panel-vip__actions-mobile{display:none}.vip-log .badge-bronze{background:radial-gradient(0% 0% at 0% 0%,#d7eaf9,#f8feff 48.22%,#e9f3f7),radial-gradient(0% 0% at 0% 0%,#e2d8d2,#f3efed 47.97%,#e6d6ca);color:#3d3d3d}.vip-log .badge-silver{background:radial-gradient(0% 0% at 0% 0%,#dbdfe5,#eef1f5 47.97%,#cbd0d7),#d2dff5;color:#3d3d3d}.vip-log .badge-gold{background:radial-gradient(0% 0% at 0% 0%,#f0dfbf,#f4ebdd 47.97%,#efdbbd),#ccb49a;color:#3d3d3d}@media screen and (max-width:767px){.vip-list{--pricing-grid-gap: 12px}.vip-list .vip-list-handle{padding-top:40px;font-size:20px;line-height:150%;margin-bottom:24px}.vip-list .pricing-grid{all:unset;display:flex;gap:var(--pricing-grid-gap);overflow:auto}.vip-list .pricing-column{width:calc(100% / 2 - var(--pricing-grid-gap) / 2)}.vip-list .pricing-column-first{position:sticky;left:0;z-index:2;padding-top:16px}.vip-list .headerlist-first,.vip-list .headerlist{margin-bottom:16px}.vip-list .tier-name-firstlist,.vip-list .tier-name{font-size:16px;text-align:center;min-height:65px}.vip-top-section{flex-direction:column}.vip-top-section .vip-points-section-wrapper{border-bottom:1px solid rgba(216,216,216,.34)}.vip-top-section .vip-points-section{margin:12px 0}.vip-top-section .vip-points-section .vip-points{font-size:20px;font-weight:600}.vip-top-section .vip-points-section .vip-points-label{font-size:12px;font-weight:500}.vip-top-section .vip-user-panel__actions{flex-direction:row;padding:12px}.vip-top-section .vip-user-panel__actions .g-button{font-size:12px;line-height:20px;padding-bottom:8px;padding-top:8px}.vip-top-section .vip-user-panel__actions .vip-user-panel__referral-btn{font-size:12px;font-weight:500}.vip-referral-progress{flex-direction:column;align-items:stretch;gap:20px;padding:16px 12px 28px}.vip-referral-progress__text{font-size:12px;line-height:20px}.vip-referral-progress__bar-wrapper{padding:0 18px;max-width:100%}.vip-referral-progress__milestone-label,.vip-referral-progress__milestone-rank{font-size:11px}.vip-log .vip-user-panel-referral__wrapper{top:-120px}.vip-log .vip-user-panel-vip__wrapper{padding:13px 12px}.vip-log .vip-user-panel-vip__wrapper .top-section{all:unset;display:flex}.vip-log .vip-user-panel-vip__wrapper .top-section .points-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px 0}.vip-log .vip-user-panel-vip__wrapper .top-section .points-section:before{content:none!important}.vip-log .vip-user-panel-vip__wrapper .top-section .points-section+:is(.vip-log .vip-user-panel-vip__wrapper .top-section .points-section){border-left:1px solid rgba(216,216,216,.34)}.vip-log .vip-user-panel-vip__wrapper .top-section .points-section .points{font-size:20px;font-weight:600}.vip-log .vip-user-panel-vip__wrapper .top-section .points-section .points-label{font-size:12px;font-weight:500}.vip-log .vip-user-panel-vip__wrapper .top-section .vip-user-panel-vip__actions{display:none}.vip-log .vip-user-panel-vip__wrapper .tier-section{padding:12px 0;gap:17px;flex-wrap:wrap}.vip-log .vip-user-panel-vip__wrapper .tier-section .tier-info{gap:8px;font-size:12px}.vip-log .vip-user-panel-vip__wrapper .tier-section .spent-info{font-size:12px;font-weight:600;white-space:nowrap}.vip-log .vip-user-panel-vip__wrapper .tier-section .vip-tier-progress{width:100%;margin-top:4px;padding-bottom:20px}.vip-log .vip-user-panel-vip__wrapper .tier-section .vip-tier-progress .vip-referral-progress__bar-wrapper{padding:0 2px}.vip-log .vip-user-panel-vip__wrapper .vip-user-panel-vip__actions-mobile{display:flex;gap:16px;padding-top:12px;border-top:1px solid rgba(216,216,216,.34)}.vip-log .vip-user-panel-vip__wrapper .vip-user-panel-vip__actions-mobile .g-button{font-size:12px;line-height:20px;padding-bottom:8px;padding-top:8px}.brand-log .image-show-log{top:-40px}.brand-log .tier-section{flex-direction:column;height:auto;gap:20px;padding:13px 12px}.brand-log .tier-info,.brand-log .email-text{font-size:16px}}@media screen and (max-width:384px){.vip-log .vip-user-panel-referral__wrapper{top:-140px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vip-list.css.map */