.routine-builder{display:flex;align-items:flex-start;gap:var(--padding-grid-40);align-self:stretch}.routine-builder__in-your-routine{flex:1 0 0;display:flex;flex-direction:column;gap:var(--padding-grid-20)}.routine-builder__in-your-routine-title{display:flex;align-items:center;gap:var(--padding-grid-8);font-family:var(--font-primary);font-size:var(--text-size-body-s);line-height:var(--text-line-height-s);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;margin:0;color:rgb(var(--color-foreground))}.routine-builder__in-your-routine-title:before{content:"";width:8px;height:8px;background:rgba(var(--color-foreground))}.routine-builder__steps{display:flex;flex-wrap:wrap;gap:var(--padding-grid-8)}.routine-builder__step{display:flex;padding:var(--padding-grid-4) var(--padding-grid-10);flex-direction:column;align-items:flex-start;gap:var(--padding-grid-10);background:var(--color-gray-80);color:var(--color-gray-500);font-family:var(--font-navigation);font-size:var(--text-size-body-xs);font-style:normal;font-weight:400;line-height:normal;letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;white-space:nowrap}.routine-builder__step--active{background:var(--color-gray-900)!important;color:var(--color-gray-20)!important}.routine-builder__content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--padding-grid-20);align-self:stretch;padding-top:var(--padding-grid-20)}.routine-builder__section{display:flex;padding:0 var(--padding-grid-20);align-items:flex-start;gap:var(--padding-grid-20);border-left:1px solid var(--color-gray-200)}.routine-builder__section-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-grid-16);flex:1 0 0}.routine-builder__section-title{font-family:"Rand Medium",var(--font-primary);font-size:var(--text-size-h6);line-height:var(--text-line-height-s);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;margin:0;color:rgb(var(--color-foreground))}.routine-builder__section-content{font-family:var(--font-primary);font-size:var(--text-size-body-s);line-height:var(--text-line-height-m);letter-spacing:var(--text-letter-spacing-m);color:rgb(var(--color-text-primary))}.routine-builder__section-content p{margin:0}.routine-builder__complete{flex:1 0 0;display:flex;flex-direction:column;gap:var(--padding-grid-20)}.routine-builder__complete-title{display:flex;align-items:center;gap:var(--padding-grid-8);color:rgb(var(--color-foreground));font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:400;line-height:var(--text-line-height-s);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;margin:0}.routine-builder__complete-title:before{content:"";width:8px;height:8px;background:rgba(var(--color-foreground))}.routine-builder-product{display:grid;grid-template-columns:var(--routine-builder-image-width) 1fr auto;align-items:center;gap:var(--padding-grid-12);align-self:stretch;margin-bottom:var(--padding-grid-12);background:var(--color-white)}.routine-builder-product:last-child{margin-bottom:0}.routine-builder-product__image-wrapper{display:inherit;width:var(--routine-builder-image-width);max-width:var(--routine-builder-image-width);height:auto;padding:0;justify-content:flex-start;align-items:flex-start;gap:10px;position:relative;flex-shrink:0;overflow:hidden}.routine-builder-product__image-link{position:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none;color:inherit;z-index:1}.routine-builder-product__image-wrapper .routine-builder-product__image-link .routine-builder-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto;object-fit:contain;object-position:center}.m-cart-drawer__items-list .cart-item .routine-builder-product__image{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain}.m-cart-drawer__items-list .cart-item.cart-item--free-gift .routine-builder-product__image,.m-cart-drawer__items-list .cart-item.cart-item--loyalty-redeemed .routine-builder-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mini-product__wrapper .routine-builder-product__image-wrapper .routine-builder-product__image,.routine-builder-product.mini-product--highlighted .routine-builder-product__image-wrapper .routine-builder-product__image,.routine-builder-product.mini-product--border .routine-builder-product__image-wrapper .routine-builder-product__image{object-fit:cover;object-position:center}.routine-builder-product__content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:var(--padding-grid-10) 0}.routine-builder-product__title{flex-shrink:0}.routine-builder-product__price-volume{display:flex;align-items:center;gap:8px;flex-shrink:0}.routine-builder-product__price{color:rgb(var(--color-foreground));font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:500;line-height:normal;letter-spacing:var(--text-letter-spacing-l)}.routine-builder-product__volume{color:rgb(var(--color-foreground));text-align:center;font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:300;line-height:normal;letter-spacing:var(--text-letter-spacing-l);display:inline-flex;align-items:center}.routine-builder-product__volume:before{content:"";display:inline-block;width:8px;height:8px;background:rgba(var(--color-foreground));margin-right:8px;vertical-align:middle;flex-shrink:0}.routine-builder-product__quick-add-wrapper{display:flex;align-items:center;justify-content:center}.routine-builder-product__title a{color:inherit;text-decoration:none}.routine-builder-product__volume{color:rgb(var(--color-foreground));font-family:var(--font-primary);font-size:var(--text-size-body-m);line-height:var(--text-line-height-m);letter-spacing:var(--text-letter-spacing-m);display:inline-flex;align-items:center}@media screen and (max-width:63.99em){.routine-builder{flex-direction:column;gap:var(--padding-grid-20)}.routine-builder__in-your-routine{gap:var(--padding-grid-20)}.routine-builder__steps{display:flex;align-items:flex-start;align-content:flex-start;gap:2px;align-self:stretch;flex-wrap:wrap}.routine-builder__content{grid-template-columns:1fr;grid-template-rows:auto}.routine-builder__section{border-left:1px solid var(--color-gray-200);padding:0 var(--padding-grid-20);align-items:flex-start}.routine-builder-product__price,.routine-builder-product__volume{font-size:var(--text-size-body-s)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/routine-builder.css.map */