@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}.common-dialog:has(.reward-dialog){width:500px}.common-dialog:has(.reward-dialog) .common-dialog__content{width:initial;margin-right:30px;margin-left:30px}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__title{color:#000;font-weight:500;font-size:28px;line-height:36px;text-align:center}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__tips{margin-top:16px;color:#000;font-size:22px;line-height:29px;text-align:left}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:26px;margin-bottom:32px}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:120px}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item .reward-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:106px;height:106px;background:#eee7f5;border-radius:6px}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item .reward-title{margin-top:12px;color:#473452;font-size:15px;line-height:19px;text-align:center}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item .reward-copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:3px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#93549b;font-size:15px;line-height:19px;cursor:pointer}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item .reward-copy .mec-icon{color:#93549b;font-size:14px}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.gift .reward-inner{width:84px;height:45px;padding-top:6px;background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-reward-dialog-gift.png);background-repeat:no-repeat;background-size:contain}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.gift .reward-inner .reward-text1{color:#fff;font-weight:500;font-size:18px;line-height:21px;text-align:center}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.gift .reward-inner .reward-text2{color:#fff;font-weight:500;font-size:14px;line-height:18px;text-align:center}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.points .reward-inner{width:82px;height:44px;padding-top:3px;background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-reward-dialog-points.png);background-repeat:no-repeat;background-size:contain}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.points .reward-inner .reward-text1{color:#473452;font-weight:500;font-size:18px;line-height:21px;text-align:center}.common-dialog:has(.reward-dialog) .common-dialog__content .reward-dialog__list__item.points .reward-inner .reward-text2{color:#473452;font-weight:500;font-size:14px;line-height:18px;text-align:center}.check-in-records-dialog.mec-modal-default-container{width:500px;min-width:500px}.check-in-records-dialog.mec-modal-default-container .records-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:300px}.check-in-records-dialog.mec-modal-default-container .records-list{min-height:300px}.check-in-records-dialog.mec-modal-default-container .records-list__item{position:relative;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;height:80px}.check-in-records-dialog.mec-modal-default-container .records-list__item__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:90px;height:80px;background:#eee7f5;border-radius:5px}.check-in-records-dialog.mec-modal-default-container .records-list__item__left .reward-value-info{width:74px;height:40px;background-repeat:no-repeat;background-size:contain}.check-in-records-dialog.mec-modal-default-container .records-list__item__left .reward-value-info .reward-text1{margin-top:3px;color:#473452;font-weight:500;font-size:14px;line-height:19px;text-align:center}.check-in-records-dialog.mec-modal-default-container .records-list__item__left .reward-value-info .reward-text2{color:#473452;font-weight:500;font-size:12px;line-height:15px;text-align:center}.check-in-records-dialog.mec-modal-default-container .records-list__item__right{-webkit-box-flex:1;-ms-flex:1;flex:1;height:80px}.check-in-records-dialog.mec-modal-default-container .records-list__item__right .record-reward-title{color:#000;font-size:18px;line-height:24px}.check-in-records-dialog.mec-modal-default-container .records-list__item__right .record-reward-date{margin-top:4px;color:#0009;font-size:16px;line-height:20px}.check-in-records-dialog.mec-modal-default-container .records-list__item__right .record-reward-code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:4px;color:#0009;font-size:16px;line-height:20px}.check-in-records-dialog.mec-modal-default-container .records-list__item__right .record-reward-code .copy-icon{cursor:pointer}.check-in-records-dialog.mec-modal-default-container .records-list__item__right .record-reward-code .copy-icon .mec-icon{font-size:16px}.check-in-records-dialog.mec-modal-default-container .records-list__item+.records-list__item{margin-top:12px}.check-in-records-dialog.mec-modal-default-container .records-list__item:not(:last-child) .records-list__item__right{border-bottom:1px solid #dcdee0}.check-in-records-dialog.mec-modal-default-container .records-list__item.gift .reward-value-info{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-reward-dialog-gift.png)}.check-in-records-dialog.mec-modal-default-container .records-list__item.gift .reward-value-info .reward-text1,.check-in-records-dialog.mec-modal-default-container .records-list__item.gift .reward-value-info .reward-text2{color:#fff}.check-in-records-dialog.mec-modal-default-container .records-list__item.points .reward-value-info{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-reward-dialog-points.png)}.check-in-records-dialog.mec-modal-default-container .records-empty,check-in-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.check-in-records-dialog.mec-modal-default-container .records-empty{gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:300px}.check-in-records-dialog.mec-modal-default-container .records-empty__icon{width:160px;height:137px;margin-top:44px}.check-in-records-dialog.mec-modal-default-container .records-empty__text{color:#c8c9cc;font-size:14px;line-height:24px;text-align:center}check-in-details{gap:32px;margin:32px 60px;padding:32px 50px;background:#f1ecf7;border-radius:16px}check-in-details .calendar,check-in-details .check-in-info{position:relative;min-width:0}check-in-details .check-in-info .email-carousel__wrapper{position:absolute;top:0;left:0;width:100%;height:44px;overflow:hidden}check-in-details .check-in-info .email-carousel__email{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:24px;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%}check-in-details .check-in-info .email-carousel__email--animation{-webkit-animation:scroll-left 300s linear infinite;animation:scroll-left 300s linear infinite}check-in-details .check-in-info .email-carousel__email__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 16px;color:#000c;font-weight:400;font-size:20px;line-height:24px;background-color:#fbf9fd;border-radius:21px}check-in-details .check-in-info .email-carousel__email__item .mec-icon{color:#ae7ab5;font-size:21px}check-in-details .check-in-info .title-wrapper{position:relative;display:flow-root;height:300px}check-in-details .check-in-info .title-wrapper .title-column{position:absolute;top:66px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}check-in-details .check-in-info .title-wrapper .check-in-title{color:#c133f2;font-weight:500;font-size:48px;line-height:57px}check-in-details .check-in-info .title-wrapper .check-in-subtitle{margin-top:8px;color:#7728b1;font-weight:600;font-size:38px;line-height:46px;text-align:right}check-in-details .check-in-info .title-wrapper .buttons-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:24px}check-in-details .check-in-info .title-wrapper .buttons-row__item{height:46px;padding:10px 44px;color:#93549b;font-size:20px;line-height:26px;text-align:center;background-color:#f1ecf7;border:1px solid #ae7ab5;border-radius:23px;cursor:pointer}check-in-details .check-in-info .check-in-progress-wrapper{position:relative;padding:48px 44px;background:#fbf9fd;border-radius:16px}check-in-details .check-in-info .check-in-progress-wrapper .your-progress-text{color:#000;font-weight:400;font-size:19px;line-height:24px}check-in-details .check-in-info .check-in-progress-wrapper .your-progress-text .day-highlight{color:#c133f2;font-weight:500px;font-size:26px;line-height:31px}check-in-details .check-in-info .check-in-progress-wrapper .your-progress-tips{margin-top:24px;color:#0006;font-weight:400;font-size:19px;line-height:24px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-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:100%;height:32px;margin-top:48px;padding-right:48px;padding-left:48px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar:before{position:absolute;top:12px;right:0;left:0;height:8px;background:#eaeaea4d;border-radius:4px;-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.32);box-shadow:inset 0 0 10px #00000052;content:" "}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar__progress{position:absolute;top:12px;left:0;width:0%;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(#d7b2db),to(#ae7ab5));background:linear-gradient(180deg,#d7b2db 0,#ae7ab5);border-radius:4px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar__mark{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background:#d5d5d5;border:2px solid #fff;border-radius:16px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar__mark .mec-icon{display:none;font-size:28px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar__mark.check-in{background:#fff}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress-bar__mark.check-in .mec-icon{display:block}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-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;margin-top:16px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item{-webkit-box-flex:0;-ms-flex:0 1 125px;flex:0 1 125px;height:174px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item__reward{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:120px;margin:0 2px;background:#4734521a;border-radius:16px}check-in-details .calendar__days__item__wrapper .reward-text,check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item__reward__text{margin-top:24px;color:#93549b;font-weight:500;font-size:19px;line-height:23px;text-align:center}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item__reward__icon{width:44px;height:44px;margin-top:13px;background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-pending.png);background-repeat:no-repeat;background-size:contain}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item__info{margin-top:21px;color:#0006;font-weight:400;font-size:19px;font-style:normal;line-height:24px;text-align:center}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item.gift{cursor:pointer}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item.gift .streak-progress__item__reward__icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-gift-pending.png)}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item.reached .streak-progress__item__reward{background:#ae7ab533;border:2px solid rgba(174,122,181,.9);border-radius:12px}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item.reached .streak-progress__item__reward .streak-progress__item__reward__icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-check-in.png)}check-in-details .check-in-info .check-in-progress-wrapper .streak-progress__item.reached.gift .streak-progress__item__reward__icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-gift-check-in.png)}check-in-details .check-in-info .check-in-progress-wrapper .check-in-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:44px;padding:0 56px}check-in-details .check-in-info .check-in-progress-wrapper .check-in-button .mec-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:88px;color:#fff;font-size:24px;line-height:34px;text-align:center;background:#c133f2;border-radius:44px}check-in-details .check-in-info .check-in-progress-wrapper .check-in-button[disabled=true]{opacity:1}check-in-details .check-in-info .check-in-progress-wrapper .check-in-button[disabled=true] .mec-btn{background:#dfcae1!important}check-in-details .calendar{padding:0 36px 32px;background-color:#fbf9fd;border-radius:16px}check-in-details .calendar__title{position:relative;padding:32px 0 24px;color:#000;font-weight:500;font-size:21px;font-style:normal;line-height:32px;text-align:center}check-in-details .calendar__title:after,check-in-details .calendar__title:before{position:absolute;top:40px;left:calc(50% - 120px);width:16px;height:16px;background-color:#473452;border-radius:8px;opacity:.1;content:" "}check-in-details .calendar__title:after{left:calc(50% + 112px)}check-in-details .calendar__day-of-week{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:74px;color:#00000080;font-size:20px;line-height:26px;text-align:center;border-top:1px solid rgba(71,52,82,.2)}check-in-details .calendar__day-of-week__day{-webkit-box-flex:1;-ms-flex:1;flex:1}check-in-details .calendar__days{display:grid;grid-template-rows:repeat(4,152px);grid-template-columns:repeat(7,1fr);grid-gap:32px 1.6vw;gap:32px 1.6vw}check-in-details .calendar__days__item__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:116px;background:#ae7ab533;border:2px solid rgba(174,122,181,.9);border-radius:48px}check-in-details .calendar__days__item__wrapper .reward-text{margin-top:19px}check-in-details .calendar__days__item__wrapper .reward-icon{width:44px;height:44px;background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-pending.png);background-repeat:no-repeat;background-size:contain}check-in-details .calendar__days__item__text{margin-top:12px;color:#0006;font-weight:400;font-size:20px;line-height:24px;text-align:center}check-in-details .calendar__days__item:first-child{grid-column-start:4}check-in-details .calendar__days__item.check-in{cursor:pointer}check-in-details .calendar__days__item.check-in.points .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-check-in.png)}check-in-details .calendar__days__item.check-in.gift .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-gift-check-in.png)}check-in-details .calendar__days__item.no-check-in .calendar__days__item__wrapper{background:#fff6;border:2px solid rgba(71,52,82,.2)}check-in-details .calendar__days__item.no-check-in.points .reward-text{color:#0009}check-in-details .calendar__days__item.no-check-in.points .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-no-check-in.png)}check-in-details .calendar__days__item.no-check-in.gift .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-gift-no-check-in.png)}check-in-details .calendar__days__item.pending .calendar__days__item__wrapper,check-in-details .calendar__days__item.today.no-check-in .calendar__days__item__wrapper{background:#4734521a;border:2px solid transparent}check-in-details .calendar__days__item.pending.points .reward-icon,check-in-details .calendar__days__item.today.no-check-in.points .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-points-pending.png)}check-in-details .calendar__days__item.pending.gift .reward-icon,check-in-details .calendar__days__item.today.no-check-in.gift .reward-icon{background-image:url(https://shop.luvmehair.com/cdn/shop/files/check-in-gift-pending.png)}check-in-details .calendar__days__item.today .calendar__days__item__text{color:#93549b;font-weight:500}check-in-details .calendar__not-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:176px}check-in-details .calendar__not-login__icon{width:300px;height:195px}check-in-details .calendar__not-login__link{margin-top:44px;color:#0006;font-weight:400;font-size:20px;line-height:24px;text-align:center}check-in-details .calendar__not-login__link .login-link{color:#93549b;cursor:pointer;text-decoration-line:underline}check-in-details .loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fbf9fd;border-radius:48px}
/*# sourceMappingURL=/cdn/shop/t/1212/assets/sections-check-in-details-index@min-width-768px.css.map */