.login-reward-modal,.no-login-reward-modal{position:absolute;top:50%;left:50%;max-height:80vh;border-radius:3.2vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-reward-modal{width:88.53333333vw;overflow:auto;overflow-x:hidden;background-color:#fff}.login-reward-modal .close{top:2.66666667vw;right:2.66666667vw;position:absolute}.login-reward-modal .close::after,.no-login-reward-modal .close::after{position:absolute;top:-3.2vw;right:-3.2vw;bottom:-3.2vw;left:-3.2vw;content:''}.login-reward-modal .close .icon{width:4.26666667vw;height:4.26666667vw}.login-reward-modal .title{margin:4.26666667vw 6.4vw 0;color:rgba(0,0,0,.8);font-weight:500;font-size:4.8vw;line-height:6.93333333vw;text-align:center}.login-reward-modal .desc{margin:2.13333333vw 4.26666667vw 0;color:rgba(0,0,0,.8);font-size:4vw;line-height:4.8vw;text-align:left}.login-reward-modal .coupon{position:relative;width:80vw;height:27.2vw;margin:5.33333333vw 4.26666667vw 0;padding:2.66666667vw 4.26666667vw 1.06666667vw;background-image:url(https://luvmelacehair.com/cdn/shop/files/login-register-reward-mobile.png);background-size:80vw 27.2vw}.login-reward-modal .coupon__title-box,.login-reward-modal .coupon__title-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.login-reward-modal .coupon__title-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-reward-modal .coupon__title-box{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.login-reward-modal .coupon__title{color:#fff;font-weight:500;font-size:4.8vw;line-height:6.93333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__code{color:#fff;font-size:3.2vw;line-height:5.33333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__copy{display:block;width:14.93333333vw;height:6.93333333vw;padding:0;color:#473452;font-weight:500;font-size:3.46666667vw;line-height:6.93333333vw;text-align:center;background:#fff;border:0;border-radius:4.26666667vw}.login-reward-modal .coupon__expire-row{position:absolute;bottom:1.06666667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:71.46666667vw;color:#fff;font-size:3.2vw;line-height:6.13333333vw}.login-reward-modal .coupon__expire-date,.login-reward-modal .coupon__extra-info{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__extra-info{text-align:right}.login-reward-modal .points{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1.6vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80vw;height:16vw;margin:5.33333333vw 4.26666667vw 0;padding:4vw 4.26666667vw;color:#473452;font-weight:500;font-size:4vw;line-height:6.93333333vw;background-color:rgba(71,52,82,.2);border-radius:1.06666667vw}.login-reward-modal .points__icon{width:6.93333333vw;height:6.66666667vw}.login-reward-modal .points__value{color:#473452;font-size:4.8vw;line-height:6.93333333vw}.login-reward-modal .coupon+.points{margin-top:2.66666667vw}.login-reward-modal .ok-button{width:80vw;height:9.6vw;margin:5.33333333vw 4.26666667vw 6.4vw;padding:0;color:#fff;font-weight:500;font-size:4.26666667vw;font-family:Futura,Futura;line-height:6.93333333vw;text-align:center;background:#473452;border-radius:4.8vw}.no-login-reward-modal{width:80vw;overflow:hidden;background:#fff;background-image:url(https://luvme-test.myshopify.com/cdn/shop/files/user_info_collect_modal_bg.webp);background-repeat:no-repeat;background-position:top;background-size:cover}.no-login-reward-modal .close{top:2.66666667vw;right:2.66666667vw;position:absolute}.no-login-reward-modal .close .icon{width:4.26666667vw;height:4.26666667vw}.no-login-reward-modal .message{margin:8.53333333vw 2.66666667vw 0;color:#000;font-size:4vw;line-height:6.4vw;text-align:center}.no-login-reward-modal .ok-button{display:block;width:40vw;height:9.6vw;margin:6.66666667vw auto;padding:0;color:#fff;font-weight:500;font-size:4vw;line-height:6.93333333vw;text-align:center;background:#473452;border:0;border-radius:4.8vw}@media (min-width:768px){.login-reward-modal,.no-login-reward-modal{position:absolute;top:50%;left:50%;width:456px;max-height:80vh;overflow:auto;background-color:#fff;border-radius:12px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-reward-modal .close{top:16px;right:16px;position:absolute}.login-reward-modal .close::after,.no-login-reward-modal .close::after{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;content:''}.login-reward-modal .close .icon{width:28px;height:28px}.login-reward-modal .title{margin:32px 28px 0;color:rgba(0,0,0,.8);font-weight:500;font-size:28px;line-height:36px;text-align:center}.login-reward-modal .desc{margin:12px 28px 0;color:rgba(0,0,0,.8);font-size:20px;line-height:26px}.login-reward-modal .coupon{position:relative;width:400px;height:136px;margin:24px 28px 0;padding:12px 20px 6px;background-image:url(https://luvmelacehair.com/cdn/shop/files/login-register-reward-pc.png);background-size:400px 136px}.login-reward-modal .coupon__title-box,.login-reward-modal .coupon__title-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.login-reward-modal .coupon__title-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-reward-modal .coupon__title-box{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.login-reward-modal .coupon__title{color:#fff;font-weight:500;font-size:26px;line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__code{margin-top:5px;color:#fff;font-size:16px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__copy{display:block;width:68px;height:36px;padding:0;color:#473452;font-weight:500;font-size:15px;line-height:26px;text-align:center;background:#fff;border:0;border-radius:18px}.login-reward-modal .coupon__expire-row{position:absolute;bottom:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:360px;color:#fff;font-size:16px;line-height:26px}.login-reward-modal .coupon__expire-date,.login-reward-modal .coupon__extra-info{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-reward-modal .coupon__extra-info{text-align:right}.login-reward-modal .points{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:400px;height:76px;margin:24px 28px 0;padding:18px 24px;color:#614c73;font-weight:500;font-size:20px;line-height:37px;background-color:rgba(71,52,82,.2);border-radius:6px}.login-reward-modal .points__icon{width:32px;height:31px}.login-reward-modal .coupon+.points{margin-top:16px}.login-reward-modal .ok-button{width:400px;height:44px;margin:24px 28px;padding:0;color:#fff;font-weight:500;font-size:20px;line-height:26px;background:#473452;border-radius:22px}.no-login-reward-modal{overflow:hidden;background-image:url(https://luvme-test.myshopify.com/cdn/shop/files/user_info_collect_modal_bg.webp);background-repeat:no-repeat;background-position:top;background-size:cover}.no-login-reward-modal .close{top:16px;right:16px;position:absolute}.no-login-reward-modal .close .icon{width:28px;height:28px}.no-login-reward-modal .message{margin:44px 30px 0;color:#000;font-size:20px;line-height:35px;text-align:center}.no-login-reward-modal .ok-button{display:block;width:252px;height:46px;margin:26px auto 32px;padding:0;color:#fff;font-weight:500;font-size:16px;line-height:26px;text-align:center;background:#473452;border:0;border-radius:23px}}