.complete-your-routine{margin:24px 0}.complete-your-routine__heading{font-size:18px;font-weight:600;margin-bottom:12px}.routine-radios{display:flex;gap:20px;margin-bottom:16px}.routine-radio{display:inline-flex;align-items:center;gap:6px;font-size:16px}.routine-radio input{accent-color:#000}.routine-card{display:none}.routine-card.is-active{display:grid}.routine-card__skincare,.routine-card__makeup{display:grid;grid-template-columns:100px 1fr auto;align-items:center;padding:8px;border:1px solid #f0f0f0;background:#fff}.routine-card__media{display:grid;justify-items:center;row-gap:6px}.routine-card__packshot img{width:65px;height:85px;object-fit:contain;display:block}.routine-card__back_image img{height:88%;width:88%;max-height:128px;object-fit:cover}.routine-card__more-info{display:inline-grid;grid-auto-flow:column;column-gap:0;justify-content:left;background:none;border:none;padding:0;font-size:12px;color:#757575;cursor:pointer}.routine-card__info-icon{width:10px;height:10px;border-radius:50%;border:1px solid #757575;position:relative;align-self:center}.routine-card__info-text{padding-left:4px}.routine-card__info-icon:after{content:"i";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:6px;font-weight:600;color:#757575}.routine-card__content{display:grid;row-gap:0;align-content:center}.routine-card__title{font-size:14px;font-weight:700;color:#4d4d4d}.routine-card__subtitle{font-size:12px;font-weight:500;color:#757575}.routine-card__description{font-size:12px;line-height:18px;color:#757575}.routine-card__description-skincare{font-size:12px;line-height:19px;color:#757575}.routine-card__pricing{display:grid;height:50%;margin-top:auto;align-content:space-between;justify-items:center}.routine-card__add{background:none;border:none;font-size:14px;text-decoration:underline;color:#4d4d4d;cursor:pointer}.routine-card__price{margin-top:auto;font-size:14px;font-weight:600;color:#4d4d4d}.routine-card__image-primary,.routine-card__image-secondary{display:none}.routine-card__more-info-panel{grid-column:1 / -1;padding-top:12px;overflow:hidden;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.routine-card__details{font-size:14px;line-height:15px;color:#757575}.js-skin-back{display:none}.routine-card__skincare.js-skin-back{display:none;padding:8px;background:#fff;font-family:sofia-pro,sans-serif}.routine-card__skincare.js-skin-back.is-active{display:flex}.routine-card__content-col{display:flex;flex-direction:column;width:118px}.routine-card__content-col>div{display:flex;flex-direction:column;min-height:54px}.routine-card__content-col h4{margin:0;color:#4d4d4d;font-size:12px;font-weight:700;text-transform:uppercase;line-height:15px}.routine-card__content-col p{margin:0;color:#757575;font-size:12px}.skincare-back-text{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px}.two-line-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.three-line-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.routine-card__skincare{position:relative}.routine-card__side-trigger{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.icon-plus{transition:transform .3s ease}.rotate-icon{transform:rotate(-45deg)}.routine-card__makeup{position:relative}.routine-card__side-trigger--makeup{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid #cfcfcf;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.routine-card__side-trigger--makeup img{width:12px;height:12px}.routine-card__side-trigger--makeup .icon-cross,.routine-card__makeup.is-open .icon-plus{display:none}.routine-card__makeup.is-open .icon-cross{display:block}
/*# sourceMappingURL=/cdn/shop/t/111/assets/complete-your-routine.css.map */