#tangent-recommendation-page{margin:40px auto;padding:0 20px}#recommendation-loader,#recommendation-error{text-align:center;font-size:18px;padding:40px 0}#tangent-recommendation-page{font-family:var(--font-body-family)}.routine-page-heading{text-align:center;margin:30px 0}.routine-page-heading h2{color:#2b3c4b;font-family:var(--font-heading-family);font-size:42px;font-weight:600;margin:0 0 12px}.routine-page-heading p{font-size:18px;color:#666;margin:0}.product-title a,.recommendation-image a{font-size:18px;font-weight:600;font-family:var(--font-body-family);color:inherit;text-decoration:none}.product-title a:hover{text-decoration:underline}#recommendation-banner{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-bottom:50px;background:#7197b4;box-sizing:border-box}.recommendation-banner-wrapper{display:flex;align-items:flex-start;width:90%;max-width:85%;margin:0 auto;gap:5%;padding:40px 0;box-sizing:border-box}.recommendation-banner-wrapper.no-image{justify-content:center}.recommendation-banner-image{flex:0 0 26%;width:26%;max-width:260px;display:flex;flex-direction:column;align-items:center;overflow:visible;background:transparent}.recommendation-selfie-frame{position:relative;width:100%;max-width:240px}.recommendation-banner-image img,.recommendation-selfie-frame img,#selfie_img{display:block;width:100%;max-width:240px;height:auto!important;object-fit:contain!important;object-position:center top;margin:0 auto}#selfie_canvas{position:absolute;top:0;left:0;z-index:2;pointer-events:none;display:block;visibility:hidden}.highlight-controls{display:none;justify-content:center;gap:12px;width:100%;margin-top:12px}.highlight-controls.is-visible{display:flex}.highlight-controls button{color:#fff;background:transparent;border:0;cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px}#showHighlight{display:none}#skin-health-title-container{display:none;width:100%;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.45);text-align:left;color:#fff}#skin-health-title{font-size:22px;font-weight:600;margin:0 0 6px;color:#fff}#skin-health-title-container p{margin:0;font-size:14px;color:#fff}#facemap_all_scores_container{display:none;flex-wrap:wrap;justify-content:flex-start;width:100%;margin-top:16px;gap:12px 8px}.facemap_single_score_container{display:none;align-items:center;flex-direction:column}.facemap_score{width:55px;height:55px;border:2px solid;border-radius:50%;font-size:20px;color:#2b3c4b;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;margin:0 8px}.facemap_label{color:#fff;font-size:12px;margin-top:4px;text-align:center}#tangent_score_description{display:none;width:100%;margin:16px 0 0;text-align:left;font-size:12px;font-style:italic;color:#fff}.recommendation-banner-content{flex:1;color:#fff;font-size:16px;line-height:1.5}.recommendation-banner-content p{margin:0}.recommendation-banner-content h1,.recommendation-banner-content h2,.recommendation-banner-content h3{font-family:var(--font-heading-family);margin:0 0 10px;color:#000;line-height:1.15}.recommendation-banner-content h1{font-size:42px;font-weight:600;color:#fff}.recommendation-banner-content h1+br{display:none}.recommendation-banner-content h2{font-size:34px;font-weight:600}.recommendation-banner-content h3{font-size:28px;font-weight:600}.product-timing{display:flex;align-items:center;justify-content:center;gap:6px;background:#dceaf5;padding:6px 10px;text-align:center;font-weight:400;font-size:12px}.product-timing svg{width:12px;height:12px;display:block;flex:0 0 auto}.recommendation-routine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px;align-items:start;margin-bottom:60px}.recommendation-routine-section{width:100%}.recommendation-section{animation:fade .3s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,320px);justify-content:center;width:100%;gap:30px;margin-bottom:24px}.recommendation-add-all-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 50px}.recommendation-add-all-promo{margin:12px 0 0;font-size:16px;line-height:1.4;color:#2b3c4b;text-underline-offset:3px}.recommendation-add-all-promo strong{color:#2b3c4b;font-weight:600;font-style:italic}.recommendation-add-all-wrap[hidden]{display:none}.add-all-to-cart-btn{min-width:240px;height:45px;padding:0 32px;font-size:18px;font-weight:600;background-color:#7197b4;color:#fff!important;letter-spacing:.3px;border:none;border-radius:40px;cursor:pointer}.add-all-to-cart-btn:hover{background-color:#2b3c4b;color:#fff;opacity:.85}.add-all-to-cart-btn:disabled{opacity:.7;cursor:default}.recommendation-ingredient{max-width:900px;margin:0 auto 60px;padding:20px 0 40px}.recommendation-ingredient h1,.recommendation-ingredient h2,.recommendation-ingredient h3{font-family:var(--font-heading-family);color:#000;margin:0 0 20px;text-align:center}.recommendation-ingredient h2{font-size:34px;font-weight:600}.recommendation-ingredient p{font-size:18px;line-height:1.8;color:#3a3a3a;margin:0 0 16px}.recommendation-how-to-use{--sk-ink: #3A3A3A;--sk-heading: #232323;--sk-blue: #7197B4;--sk-blue-deep: #2B3C4B;--sk-line: #E7E7E7;--sk-tip: #5F7E9B;--sk-serif: var(--font-heading-family), Garamond, Georgia, serif;--sk-sans: var(--font-body-family), "acumin-pro", sans-serif;max-width:900px;margin:0 auto 60px;padding:20px 0 40px;color:var(--sk-ink);font-family:var(--sk-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.recommendation-how-to-use .sk-routine-head{margin:0 0 8px;text-align:left}.recommendation-how-to-use .sk-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sk-blue-deep);margin:0 0 12px}.recommendation-how-to-use h1,.recommendation-how-to-use h2,.recommendation-how-to-use h3{font-family:var(--sk-serif);color:var(--sk-heading);text-align:left;margin:0 0 12px}.recommendation-how-to-use h2,.recommendation-how-to-use .sk-routine-head .sk-title,.recommendation-how-to-use h2.sk-title{font-size:36px;font-weight:400;line-height:1.12;margin:0 0 12px}.recommendation-how-to-use .sk-lead,.recommendation-how-to-use p.sk-lead{font-size:18px;line-height:1.7;color:var(--sk-ink);margin:0 0 36px;max-width:none}.recommendation-how-to-use .sk-product-item{padding:0 0 6px}.recommendation-how-to-use .sk-product-item.is-first-in-step{padding-top:28px;margin-top:4px;border-top:1px solid var(--sk-line)}.recommendation-how-to-use .sk-product-item.is-section-start{border-top:0;padding-top:0;margin-top:0}.recommendation-how-to-use .sk-product-item.is-continued-step{padding-top:4px}.recommendation-how-to-use .sk-step-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--sk-serif);font-size:24px;font-weight:400;line-height:1.2;color:var(--sk-heading);margin:0 0 16px}.recommendation-how-to-use .sk-body{font-size:18px;line-height:1.65;color:var(--sk-ink)}.recommendation-how-to-use .sk-plink{color:var(--sk-blue-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.recommendation-how-to-use .sk-plink:hover{opacity:.72}.recommendation-how-to-use .sk-tip,.recommendation-how-to-use p.sk-tip{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.55;color:var(--sk-tip);font-style:italic;margin:10px 0 18px}.recommendation-how-to-use .sk-tip-avatar-wrap{flex:0 0 auto;width:40px;height:40px;border-radius:50%;overflow:hidden}.recommendation-how-to-use .sk-tip-avatar{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.55);transform-origin:50% 18%}.recommendation-how-to-use .sk-tip-copy{flex:1 1 auto;color:#2b3c4b}.recommendation-how-to-use .sk-tip-label{font-weight:700;font-style:italic;color:#2b3c4b}.recommendation-how-to-use p{font-size:16px;line-height:1.7;color:var(--sk-ink);margin:0 0 16px}.recommendation-how-to-use ul,.recommendation-how-to-use ol{font-size:16px;line-height:1.7;color:var(--sk-ink);margin:0 0 16px;padding-left:24px}.how-to-use-timing{display:inline-flex;align-items:center;margin-left:6px;padding:5px 12px;border-radius:999px;background:#7197b4;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;vertical-align:middle;text-decoration:none}.sk-ing-desc{font-size:18px!important;line-height:1.7;color:var(--sk-ink);margin:0 0 16px}.recommendation-card{display:flex;flex-direction:column;height:100%;text-align:center;background:#fff;border:1px solid #e8e8e8;padding:24px;transition:.3s}.recommendation-card:hover{box-shadow:0 8px 24px #00000014}.variant-wrapper{display:flex;flex-direction:column;justify-content:flex-start;min-height:100px;margin-bottom:25px}.variant-placeholder{visibility:hidden}.recommendation-image{width:100%}.recommendation-image a{position:relative;display:block}.recommendation-image img{width:100%;height:320px;object-fit:contain;display:block}.recommendation-image-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .25s ease}.recommendation-image-primary{transition:opacity .25s ease}@media(hover:hover){.recommendation-card:hover .recommendation-image.has-hover-image .recommendation-image-primary{opacity:0}.recommendation-card:hover .recommendation-image.has-hover-image .recommendation-image-hover{opacity:1}}.recommendation-content{display:flex;flex-direction:column;flex:1}.product-step{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;color:#fff;gap:8px;padding:12px;background:#2b3c4b;border-bottom:1px solid #e5e5e5}.step-number{font-size:16px;font-weight:600;color:#2b3c4b;text-transform:uppercase}.step-title{font-weight:600;color:#000}.step-divider{color:#999}.product-title{margin:10px 0 8px;font-family:var(--font-heading-family);font-size:18px;font-weight:400;line-height:1.2}.product-price{font-size:18px;font-weight:400;margin-bottom:10px;color:#000}.variant-wrapper{margin-bottom:5px}.variant-label{font-weight:400;margin-bottom:5px}.variant-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.variant-btn{min-width:72px;padding:12px 18px;background:#fff;border:1px solid #ddd;cursor:pointer;transition:.25s;border-radius:5px;font-size:14px}.variant-btn:hover{border-color:#000}.variant-btn.active{background:#000;color:#fff;border-color:#000}.variant-btn:disabled{opacity:.4;cursor:not-allowed}.recommendation-skin-type{margin:0 0 18px;font-size:28px;font-weight:600;color:#fff;line-height:1.2}.recommendation-skin-type strong{font-weight:700}.add-to-cart-btn{width:100%;height:45px;margin-top:auto;font-size:18px;font-weight:600;background-color:#7197b4;color:#fff!important;letter-spacing:.3px;border:none;border-radius:40px}.subscribe-btn{width:100%;height:45px;margin-top:auto;font-size:18px;font-weight:600;background-color:#2b3c4b;color:#fff!important;letter-spacing:.3px;border:none;border-radius:40px}.add-to-cart-btn:hover,.subscribe-btn:hover{background-color:#2b3c4b;border-color:#2b3c4b;color:#fff;opacity:.85;cursor:pointer}.subscribe-btn{margin-top:10px}@media(max-width:768px){#tangent-recommendation-page{padding:0 16px}.recommendation-routine{display:flex;flex-direction:column;gap:50px}.recommendation-banner-wrapper{flex-direction:column;align-items:center;justify-content:center;text-align:center;width:90%;gap:20px;padding:24px 0}.recommendation-banner-image{flex:none;width:100%;max-width:200px;margin:0 auto}.recommendation-selfie-frame,.recommendation-banner-image img,.recommendation-selfie-frame img,#selfie_img{max-width:200px;height:auto!important;object-fit:contain!important;border-radius:20px}.highlight-controls{margin-top:10px}.facemap_label{font-size:11px}#skin-health-title-container,#tangent_score_description{text-align:center}#skin-health-title{font-family:var(--font-heading-family);font-size:18px}#facemap_all_scores_container{justify-content:center}.recommendation-banner-content{width:100%;font-size:16px;text-align:center}.recommendation-ingredient{margin-bottom:40px;padding:10px 0 20px}.recommendation-ingredient h2{font-size:28px}.recommendation-ingredient p{font-size:16px}.recommendation-how-to-use{margin-bottom:40px;padding:10px 0 20px}.recommendation-how-to-use h2,.recommendation-how-to-use .sk-routine-head .sk-title,.recommendation-how-to-use h2.sk-title{font-size:30px}.recommendation-how-to-use .sk-step-title{font-size:22px;margin-bottom:14px}.recommendation-how-to-use .sk-lead,.recommendation-how-to-use p.sk-lead,.recommendation-how-to-use .sk-body,.recommendation-how-to-use p,.recommendation-how-to-use ul,.recommendation-how-to-use ol{font-size:16px}.recommendation-how-to-use .sk-product-item.is-first-in-step{padding-top:22px}.recommendation-how-to-use .sk-tip,.recommendation-how-to-use p.sk-tip{margin-left:0;font-size:14px}.recommendation-routine{gap:60px}.routine-title{font-size:28px}.product-step{background:#2b3c4b;color:#fff;min-height:50px;padding:8px 10px;font-size:14px;line-height:1.2}.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:16px}.recommendation-card{padding:12px}.recommendation-image img{height:180px}.product-title{margin:0;font-size:16px}.product-price{font-size:16px}.add-to-cart-btn{width:100%;height:40px;margin-top:auto;font-size:15px;font-weight:600;background-color:#7197b4;color:#fff!important;letter-spacing:.3px;border:none;border-radius:40px}.add-all-to-cart-btn{width:100%;min-width:0;height:40px;font-size:15px}.subscribe-btn{width:100%;height:40px;margin-top:auto;font-size:15px;font-weight:600;background-color:#2b3c4b;color:#fff!important;letter-spacing:.3px;border:none;border-radius:40px}.add-to-cart-btn:hover,.subscribe-btn:hover{background-color:#2b3c4b;border-color:#2b3c4b;color:#fff;opacity:.85;cursor:pointer}.subscribe-btn{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/373/assets/tangent-recommendation.css.map */