.routine{--routine-collapse-duration: .3s;--routine-collapse-ease: cubic-bezier(.4, 0, .2, 1);--routine-reveal-duration: .5s;--routine-reveal-delay: .5s;--routine-reveal-ease: ease;--routine-reveal-rise: 10px;background-color:var(--primary-bg-color)}.routine__layout{display:grid;padding:0 5px 10px;margin-top:15px;gap:7px}@media screen and (min-width:1024px){.routine__layout{gap:10px;padding:0 20px 20px;margin-top:0;grid-template-columns:repeat(2,1fr)}}.routine__media{position:relative}@media screen and (max-width:1023.98px){.routine__media{aspect-ratio:380/462}.routine__media .routine__media-item{height:100%}}.routine__media-item{display:none;position:relative}.routine__media-item.is-active{display:block}.routine__media-asset{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:5 / 6}@media screen and (min-width:1024px){.routine__media-asset{aspect-ratio:6 / 7}}.routine__type-icon{position:absolute;top:16px;left:16px;z-index:2}.routine__video-toggle{position:absolute;right:16px;bottom:16px}@media screen and (max-width:1023.98px){.routine__video-toggle{right:unset;left:10px;bottom:10px;padding:0}}.routine__media-product{display:none}@media screen and (max-width:1023.98px){.routine__media-product{display:block;position:absolute;right:10px;bottom:8px;z-index:2;aspect-ratio:80/99;background-color:var(--primary-bg-color)}}.routine__panel{--routine-label-width: 44px;--routine-label-gap: 11px;--routine-content-inset: calc(var(--routine-label-width) + var(--routine-label-gap));display:grid;gap:20px;align-content:space-between}@media screen and (min-width:1024px){.routine__panel{max-width:max(377px,54.2%);margin-left:auto;padding-top:7px}}.routine__step{display:grid;grid-template-columns:var(--routine-label-width) minmax(0,1fr);column-gap:var(--routine-label-gap);align-items:start}@media screen and (max-width:1023.98px){.routine__step{column-gap:45px;border-bottom:1px solid var(--color-detail);position:relative}}.routine__step:has(.routine__step-trigger:hover) .routine__step-label,.routine__step:has(.routine__step-trigger:hover) .routine__step-trigger{color:var(--color-green-n1)}.routine__steps{gap:10px}@media screen and (min-width:1024px){.routine__steps{padding-right:20px}}.routine__step-label{padding:10px 0 0;text-align:left;cursor:pointer;transition:text-decoration-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing)}@media screen and (min-width:1024px){.routine__step-label{padding:14px 0 0 6px}}@media screen and (min-width:1024px){.routine__step-content{position:relative;border-bottom:1px solid var(--color-detail)}}.routine__step-content:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:var(--video-timeline-progress, 0%);background-color:var(--color-green-n1)}.routine__step-trigger{gap:10px;width:100%;padding-block:10px 18px;text-align:left;cursor:pointer}@media screen and (max-width:1023.98px){.routine__step-trigger{padding-block:8px 13px}}.routine__step-plus{width:30px;height:30px;visibility:hidden}@media screen and (max-width:1023.98px){.routine__step-plus{width:20px;height:20px;margin-right:10px}}.routine__step.is-active .routine__step-plus{visibility:visible}.routine__step-body{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows var(--routine-collapse-duration) var(--routine-collapse-ease),margin-top var(--routine-collapse-duration) var(--routine-collapse-ease)}.routine__step.is-active .routine__step-body{grid-template-rows:1fr;margin-top:-6px}@media screen and (min-width:1024px){.routine__step.is-active .routine__step-body{margin-top:5px}}.routine__step-body-clip{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear var(--routine-collapse-duration)}.routine__step.is-active .routine__step-body-clip{visibility:visible;transition-delay:0s}.routine__step-body-inner{display:grid;gap:30px;justify-items:start;padding-bottom:7px;padding-right:10px;opacity:0;transform:translateY(var(--routine-reveal-rise));transition:opacity var(--routine-reveal-duration) var(--routine-reveal-ease),transform var(--routine-reveal-duration) var(--routine-reveal-ease)}@media screen and (min-width:1024px){.routine__step-body-inner{gap:40px;padding-bottom:17px;padding-right:0}}.routine__step.is-active .routine__step-body-inner{opacity:1;transform:none;transition-delay:var(--routine-reveal-delay)}.routine__step-description{display:grid;gap:15px}@media screen and (max-width:1023.98px){.routine__step-description{margin-top:7px}}.routine__products{display:none}@media screen and (min-width:1024px){.routine__products{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1px;margin-inline-start:var(--routine-content-inset)}}.routine__product{padding:0;cursor:pointer;filter:blur(3px);transition:filter .4s ease,opacity .4s ease;background-color:var(--secondary-bg-color)}.routine__product.is-active{filter:none;opacity:1}.routine__video-toggle-icon{color:var(--color-black)}@media(prefers-reduced-motion:reduce){.routine__step-body-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-routine.css.map */