.my-routine-main{display:flex;flex-direction:column}.my-routine__top-background{position:absolute;left:0;top:0;height:60vh;width:100%;display:block!important;background-position-y:top;background-repeat:no-repeat;z-index:-1}.my-routine__top-container .connect-profile-img{border-radius:var(--border-radius-xs);margin-bottom:16px;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.my-routine__step__bottom__recommendations .product-recommendations li .product-image{margin-bottom:16px;border-radius:var(--border-radius-xs);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:240px;height:240px;object-fit:cover}.my-routine__top-background.am{background:linear-gradient(180deg,#d8f143b3,#00d4ff00)}.my-routine__top-background.pm{background:linear-gradient(180deg,#f77d0eb3,#00d4ff00)}@media screen and (min-width: 750px){.my-routine__top-background{position:absolute;left:0;top:-50px;height:70vh;display:block!important;background-position-x:center;background-repeat:no-repeat}.my-routine__top-background.am{background:linear-gradient(180deg,#d8f143b3,#00d4ff00)}.my-routine__top-background.pm{background:linear-gradient(180deg,#f77d0eb3,#00d4ff00)}}.my-routine__top-container{display:flex;align-items:center;flex-direction:column;max-width:512px;margin:90px auto 64px}@media screen and (max-width: 749px){.my-routine__top-container{max-width:calc(100vw - 48px);margin:90px 40px 64px}}.my-routine__top-container .my-routine__top-container__title{text-transform:uppercase;margin:0 0 12px;line-height:30px}.my-routine__top-container .body2{margin:0 0 32px;line-height:21px;text-align:center}.my-routine__top-container__am-pm-wrapper{background-color:#ffffff4d;border:.5px solid rgba(255,255,255,1);border-radius:var(--border-radius-pill);padding:4px;margin-bottom:32px;line-height:24px}.my-routine__top-container__am-pm-wrapper span{padding:6px 16px;border-radius:var(--border-radius-pill);cursor:pointer;line-height:26px}.my-routine__top-container__am-pm-wrapper .active{color:var(--text-color);background-color:#fff}.my-routine__top-container__categories-wrapper{width:100%;display:flex;justify-content:center}.my-routine__top-container__categories-wrapper ul{list-style-type:none;padding:0;margin:0;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.my-routine__top-container__categories-wrapper ul::-webkit-scrollbar{display:none}@media screen and (max-width: 749px){.my-routine__top-container__categories-wrapper ul{overflow-y:hidden;overflow-x:auto;margin:0 -64px;padding:0 64px}}.my-routine__top-container__categories-wrapper ul li{display:inline-block}.my-routine__top-container__categories-wrapper ul li a{border:1px solid rgba(51,51,51,1);padding:4px 12px;border-radius:var(--border-radius-pill);line-height:14px;text-transform:uppercase;margin:0 4px;display:block;text-decoration:none;color:var(--accent-1)}.my-routine__top-container__categories-wrapper ul li a.active{border:none}.my-routine__top-container__categories-wrapper.am ul li a.active,.my-routine__steps-wrapper.am .my-routine__step .my-routine__step__top .step-header-wrapper p.caption1.active{background-color:var(--accent-4)}.my-routine__top-container__categories-wrapper.pm ul li a.active,.my-routine__steps-wrapper.pm .my-routine__step .my-routine__step__top .step-header-wrapper p.caption1.active{background-color:#faa71d}.my-routine__step{padding:64px 0;flex-direction:column;align-items:center}.my-routine__step .my-routine__step__top{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.my-routine__step .my-routine__step__top .step-header-wrapper{display:flex;margin-bottom:13px;justify-content:center}.my-routine__step .my-routine__step__top .step-header-wrapper h3{text-transform:uppercase;margin:0;line-height:24px}.my-routine__steps-wrapper .my-routine__step .my-routine__step__top .step-header-wrapper p.caption1{border:1px solid var(--accent-1);color:var(--accent-1);padding:4px 12px;border-radius:var(--border-radius-pill);line-height:14px;text-transform:uppercase;margin:0 12px;text-align:center}.my-routine__step .my-routine__step__top .step-header-wrapper p.caption1.active{border:none;line-height:16px}.my-routine__step .my-routine__step__top .body2{margin:0;max-width:525px;text-align:center}.my-routine__step__bottom .body3{text-transform:uppercase;text-align:center;margin:0 0 12px}.my-routine__step__bottom .view-alternatives{display:block;cursor:pointer;margin:12px auto;max-width:fit-content}@media screen and (min-width: 750px){.my-routine__step__bottom__recommendations{display:flex;justify-content:center}}.my-routine__step__bottom__recommendations ul.product-recommendations{list-style-type:none;padding:0;margin-top:0;margin-bottom:0;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap;overflow-x:auto}.my-routine__step__bottom__recommendations ul.product-recommendations.active{cursor:grabbing}.my-routine__step__bottom__recommendations ul.product-recommendations::-webkit-scrollbar{display:none}@media screen and (max-width: 749px){.my-routine__step__bottom__recommendations ul.product-recommendations{overflow-y:hidden;overflow-x:auto;white-space:nowrap;margin:0 -20px;padding:0 24px}}.my-routine__step__bottom__recommendations .product-recommendations>li.recommendation-item{display:inline-block;border:1px solid var(--accent-1-20);padding:24px;border-radius:var(--border-radius-xs);margin:0 8px;width:288px;height:630px;white-space:normal;background-color:#fff;position:relative}.my-routine__step__bottom__recommendations .product-recommendations>li.recommendation-item:hover{border:1px solid var(--accent-4)}@media screen and (max-width: 749px){.my-routine__step__bottom__recommendations .product-recommendations>li:first-of-type{margin-left:calc((100vw - 288px)/2 - 28px)}}.my-routine__step__bottom__recommendations.alternatives.hidden{display:none}.my-routine__step__bottom__recommendations .product-recommendations>li .item-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.my-routine__step__bottom__recommendations .product-recommendations>li .item-content.empty{justify-content:center;align-items:center;text-transform:uppercase;color:var(--text-color-dark)}.my-routine__step__bottom__recommendations .product-recommendations li .product-tags{list-style-type:none;padding:0;margin:0 0 16px;height:56px;overflow-y:hidden}.my-routine__step__bottom__recommendations .product-recommendations li .product-tags li{display:inline-block;padding:4px 8px;background-color:#eee;border-radius:var(--border-radius-pill);margin:0 2px}.my-routine__step__bottom__recommendations .product-recommendations li .match-percentage{position:absolute;background-color:var(--accent-4);border-radius:100%;width:72px;height:72px;right:16px;top:16px;line-height:72px;text-align:center;background-image:url(/cdn/shop/files/match_percentage_circle.png?v=1718792214);background-repeat:no-repeat;background-position:50%;font-weight:700;font-size:20px}.my-routine__step__bottom__recommendations .product-recommendations li .match-percentage>span{font-weight:500;font-size:12px;display:inline-block;margin-top:-2px;vertical-align:top}.my-routine__step__bottom__recommendations .product-recommendations li .product-image{margin-bottom:16px;border-radius:var(--border-radius-xs)}.my-routine__step__bottom__recommendations .product-recommendations li .product-vendor{margin:0 0 4px;text-transform:uppercase}.my-routine__step__bottom__recommendations .product-recommendations li h3.product-title{margin-top:0;color:#000;line-height:32px;height:64px;overflow-y:hidden}.my-routine__step__bottom__recommendations .product-recommendations li .button{width:100%;color:var(--text-color);margin-bottom:4px}.my-routine__step__bottom__recommendations .product-recommendations li .button:before,.my-routine__step__bottom__recommendations .product-recommendations li .button:after{content:unset}.my-routine__step__bottom__recommendations .product-recommendations li .add-to-routine{border:none;text-transform:uppercase}.my-routine__steps-wrapper.am .add-to-routine,.my-routine__steps-wrapper.am .my-routine__step__bottom__recommendations .product-recommendations li .match-percentage{background-color:var(--accent-4)}.my-routine__steps-wrapper.pm .add-to-routine,.my-routine__steps-wrapper.pm .my-routine__step__bottom__recommendations .product-recommendations li .match-percentage{background-color:#faa71d}.my-routine__step__bottom__recommendations .product-recommendations li .button.remove-from-routine{background-color:var(--accent-1);color:var(--accent-1-20);text-transform:uppercase}.my-routine__step__bottom__recommendations .product-recommendations li .read-more{background-color:transparent;border:none}.my-routine__retake-quiz-wrapper{align-self:center;margin:64px 0}.my-routine__retake-quiz-wrapper p,.my-routine__connect-cta-wrapper p{margin:0}.my-routine__retake-quiz-wrapper .button,.my-routine__connect-cta-wrapper .button{display:flex;text-transform:uppercase;margin-top:24px}.my-routine__retake-quiz-wrapper .button svg,.my-routine__connect-cta-wrapper .button svg{margin-left:6px;margin-top:-2px}.my-routine__retake-quiz-wrapper .button svg>path{fill:var(--accent-1-20)}.my-routine__connect-cta-wrapper .button svg>path{fill:#1c1b1f}.my-routine__step__bottom__recommendations .product-recommendations li .price-atc-wrapper{display:flex;justify-content:space-between}.my-routine__step__bottom__recommendations .product-recommendations li .price-atc-wrapper h3{margin:0;line-height:32px}.my-routine__top-container .connect-profile-img{border-radius:var(--border-radius-xs);margin-bottom:16px;object-fit:cover}.my-routine__top-container .connect-full-name,.my-routine__top-container .connect-bio,.my-routine__top-container .connect-tags{width:100%;text-align:left;margin-top:0;margin-bottom:12px}.my-routine__top-container .connect-bio{word-break:break-all}.my-routine__top-container .connect-tags{list-style-type:none;padding:0;margin:0}.my-routine__top-container .connect-tags li{display:inline-block;padding:5px 8px 4px;background-color:var(--accent-1-20);border-radius:var(--border-radius-pill);color:var(--text-color-dark);margin:0 2px}.my-routine__top-container .my-routine__top-container__title-connect{margin:32px 0}.my-routine__connect-cta-wrapper{display:flex;background-color:var(--accent-1);color:var(--text-color-inverse);justify-content:center;padding:0 24px}.my-routine__connect-cta-wrapper h2{color:var(--text-color-inverse);margin:0 0 12px}.my-routine__connect-cta-content{max-width:512px;margin:64px auto}.my-routine__connect-cta-wrapper .button{color:var(--accent-1)}.my-routine__connect-cta-wrapper.am .button{background-color:var(--accent-4)}.my-routine__connect-cta-wrapper.pm .button{background-color:#faa71d}.my-routine__actions{margin-bottom:30px;text-align:center}.add-all-btn{display:inline-flex;align-items:center;gap:10px;background:#333;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-all-btn:hover{background:#555;transform:translateY(-2px)}.add-all-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-my-routine.css.map */