.routine-guide{width:100%;padding-bottom:12rem;overflow:hidden;background:var(--color-surface-primary)}.routine-guide__intro{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:12rem var(--space-4) 4rem;text-align:center}.routine-guide__heading,.routine-guide__description,.routine-guide__detail-title{margin:0}.routine-guide__heading{color:var(--color-gray-pure-black);font-family:var(--font-headline-family);font-size:var(--pc-h3-size);font-style:normal;font-weight:var(--font-weight-bold);line-height:var(--pc-h3-line-height);letter-spacing:var(--pc-h3-letter-spacing)}.routine-guide__description{color:var(--color-text-secondary);font-family:var(--font-copy-family);font-size:var(--pc-body3-size);font-weight:var(--font-weight-regular);line-height:var(--pc-body3-line-height)}.routine-guide__steps{display:flex;width:100%;height:80.5rem;margin:0;padding:0;list-style:none}.routine-guide__step{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden;background:var(--color-surface-muted);isolation:isolate;transition:flex-grow .6s ease,flex-basis .6s ease}.routine-guide__step[data-active=true]{flex:0 0 48.75%}.routine-guide__media,.routine-guide__media picture,.routine-guide__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.routine-guide__image{max-width:none;object-fit:cover;object-position:center}div.routine-guide__shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;background:#0009;transition:opacity .4s ease}.routine-guide__step[data-active=true] .routine-guide__shade{opacity:0}.routine-guide__summary{position:absolute;z-index:2;right:0;bottom:4.8rem;left:0;display:flex;justify-content:center;color:var(--color-gray-white);text-align:center;pointer-events:none;transition:opacity .25s ease}.routine-guide__step[data-active=true] .routine-guide__summary{opacity:0}.routine-guide__summary-copy{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:100%;padding-inline:1.2rem}.routine-guide__eyebrow{display:block;font-family:var(--font-copy-family);font-size:1.4rem;font-weight:var(--font-weight-semibold);line-height:1.5;white-space:nowrap}.routine-guide__step-title{display:block;font-family:var(--font-headline-family);font-size:var(--pc-h4-size);font-style:normal;font-weight:var(--font-weight-semibold);line-height:var(--pc-h4-line-height);overflow-wrap:normal;letter-spacing:var(--pc-h4-letter-spacing)}.routine-guide__trigger{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.routine-guide__trigger:focus-visible{outline:.3rem solid var(--color-gray-white);outline-offset:-.5rem}.routine-guide__detail{position:absolute;z-index:4;right:4.8rem;bottom:4.8rem;left:4.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3.2rem 2.4rem;background:#0009;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);color:var(--color-gray-white);text-align:center;opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease}.routine-guide__step[data-active=true] .routine-guide__detail{opacity:1;pointer-events:auto;transform:translateY(0)}.routine-guide__detail-title{color:inherit;font-family:var(--font-headline-family);font-size:var(--pc-h6-size);font-style:normal;font-weight:var(--font-weight-bold);line-height:var(--pc-h6-line-height);overflow-wrap:anywhere;letter-spacing:var(--pc-h6-letter-spacing)}.routine-guide__plus{display:none}.routine-guide__empty{margin:0;padding:var(--space-6);text-align:center}@media screen and (max-width:749px){.routine-guide{padding-bottom:6rem}.routine-guide__intro{gap:.8rem;padding:6rem var(--space-4) 2.4rem}.routine-guide__heading{font-size:var(--mo-h2-size);line-height:var(--mo-h2-line-height);letter-spacing:var(--mo-h2-letter-spacing)}.routine-guide__description{font-size:var(--mo-body2-size);line-height:var(--mo-body2-line-height)}.routine-guide__steps{display:block;height:auto}.routine-guide__step,.routine-guide__step[data-active=true]{width:100%;height:10rem;transition:height .5s ease}.routine-guide__step[data-active=true]{height:49.8rem}.routine-guide__step[data-active=true][data-sample-image=master] .routine-guide__image{transform:scale(1.27)}.routine-guide__summary{top:0;right:1.6rem;bottom:0;left:1.6rem;align-items:center;justify-content:space-between;text-align:left}.routine-guide__summary-copy{align-items:flex-start;gap:.4rem}.routine-guide__eyebrow{font-size:1.2rem;line-height:1.4}.routine-guide__step-title{font-size:2rem;line-height:1.3}.routine-guide__plus{position:relative;display:block;width:2.4rem;height:2.4rem}.routine-guide__plus:before,.routine-guide__plus:after{position:absolute;top:50%;left:50%;width:1.1rem;height:1px;background:currentColor;content:"";transform:translate(-50%,-50%)}.routine-guide__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.routine-guide__detail{right:1.6rem;bottom:1.6rem;left:1.6rem;gap:.8rem;padding:2rem 1.6rem}.routine-guide__detail-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.routine-guide__step,.routine-guide__shade,.routine-guide__summary,.routine-guide__detail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-routine-guide.css.map */