.v5-locked-science .v5m-transition{max-width:920px;margin:0 0 38px;border-bottom:1px solid #d4d9cc;padding-bottom:28px}.v5-locked-science .v5m-transition p{font:400 clamp(27px,3vw,39px)/1.2 Georgia,serif;margin:0 0 10px;color:#273d36}.v5-locked-science .v5m-transition p:last-child{color:#416c60}.v5-locked-science .v5m-safety{font-size:13px;line-height:1.5;margin:22px 0 0}.v5-locked-science .v5m-caveat{font-size:12px;line-height:1.6;color:#5d665f;margin:12px 0 0;max-width:820px}.scar-v5 .v5-locked-science .v5-mechanism{--v5m-cycle:12s;--v5m-play:paused;display:block;background:#f5f3ec;border:1px solid #e0e3d8;border-radius:8px;padding:24px;color:#273d36;overflow:hidden}.v5-mechanism *{box-sizing:border-box}.v5-mechanism .v5m-canvas{position:relative;max-width:760px;margin:auto}.scar-v5 .v5-locked-science .v5-mechanism svg{display:block;width:100%;height:auto;max-height:none}.v5-mechanism .v5m-stage-status{position:absolute;top:0;right:0;font:12px/1.4 Arial,sans-serif;color:#5d665f;letter-spacing:1px}.v5-mechanism .v5m-layer{transform:translateY(0);opacity:1}.v5-mechanism .v5m-escape-extra{opacity:0}.v5-mechanism .v5m-escape-one{opacity:.55;transform:translateY(-4px) scaleY(.65);transform-origin:432px 207px}.v5-mechanism .v5m-time{opacity:1}.v5-mechanism .v5m-hydration{opacity:.6}.v5-mechanism.is-ready .v5m-layer{animation:v5m-cover var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}.v5-mechanism.is-ready .v5m-layer-label{animation:v5m-layer-note var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}.v5-mechanism.is-ready .v5m-escape-extra{animation:v5m-less-loss var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}.v5-mechanism.is-ready .v5m-escape-one{animation:v5m-small-loss var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}.v5-mechanism.is-ready .v5m-time,.v5-mechanism.is-ready .v5m-result{animation:v5m-time var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}.v5-mechanism.is-ready .v5m-hydration{animation:v5m-hydration var(--v5m-cycle) ease-in-out infinite;animation-play-state:var(--v5m-play)}@keyframes v5m-cover{0%,3%{transform:translateY(-55px);opacity:0}6%{transform:translateY(-50px);opacity:.25}23%,91%{transform:translateY(0);opacity:1}97%,to{transform:translateY(-55px);opacity:0}}@keyframes v5m-layer-note{0%,12%,95%,to{opacity:0}23%,90%{opacity:1}}@keyframes v5m-less-loss{0%,30%,to{opacity:.65;transform:translateY(0)}16%{opacity:.8;transform:translateY(-9px)}48%,92%{opacity:0;transform:translateY(-14px)}}@keyframes v5m-small-loss{0%,30%,to{opacity:.65;transform:translateY(0) scaleY(1)}16%{opacity:.8;transform:translateY(-9px) scaleY(1)}48%,92%{opacity:.5;transform:translateY(-4px) scaleY(.65)}}@keyframes v5m-time{0%,61%,to{opacity:0}70%,90%{opacity:1}}@keyframes v5m-hydration{0%,28%,to{opacity:0}48%,91%{opacity:.7}}.scar-v5 .v5-locked-science .v5m-explanation{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0}.v5m-explanation li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 12px;border-top:1px solid #dce2d7;transition:background .6s ease}.v5m-explanation li[aria-current=step]{background:#e5ece2;border-radius:3px}.v5m-number{font:400 19px/1.4 Georgia,serif;color:#66816d}.scar-v5 .v5-locked-science .v5m-explanation h3{font:400 22px/1.25 Georgia,serif;margin:0 0 5px}.scar-v5 .v5-locked-science .v5m-explanation p{font:15px/1.6 Arial,sans-serif;margin:0;color:#5d665f}.v5m-result{text-align:center;min-height:64px;padding:17px 0 0}.v5m-result p{font:12px/1.5 Arial,sans-serif;margin:0 0 5px;color:#5d665f}.v5m-result strong{font:400 22px/1.3 Georgia,serif}.v5m-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #d4d9cc;padding-top:15px}.v5m-controls button{min-height:44px;border:1px solid #a8b8a4;background:transparent;color:#273d36;border-radius:3px;padding:10px 16px;font:13px/1.5 Arial,sans-serif;cursor:pointer}.v5m-controls button:focus-visible{outline:3px solid #416c60;outline-offset:4px}.v5m-controls span{font:12px/1.5 Arial,sans-serif;color:#5d665f}.v5-mechanism.is-reduced .v5m-controls,.v5-static-mechanism .v5m-controls{display:none}.v5-mechanism.is-reduced *,.v5-static-mechanism .v5-mechanism *{animation:none!important;transition:none!important}@media(max-width:650px){.v5-locked-science .v5m-transition{margin-bottom:27px;padding-bottom:21px}.scar-v5 .v5-locked-science .v5-mechanism{padding:14px 10px}.scar-v5 .v5-locked-science .v5m-explanation h3{font-size:20px}.scar-v5 .v5-locked-science .v5m-explanation p{font-size:15px}.v5m-explanation li{padding:14px 7px;grid-template-columns:26px minmax(0,1fr);gap:8px}.v5m-result strong{font-size:20px}.v5m-controls{align-items:flex-start}.v5m-controls span{max-width:130px}.v5-locked-science .v5m-caveat{font-size:12px}}@media(prefers-reduced-motion:reduce){.v5-mechanism *{animation:none!important;transition:none!important}.v5-mechanism .v5m-layer{transform:none!important;opacity:1!important}.v5-mechanism .v5m-escape-extra{opacity:0!important}.v5-mechanism .v5m-escape-one{opacity:.55!important;transform:translateY(-4px) scaleY(.65)!important}.v5-mechanism .v5m-layer-label,.v5-mechanism .v5m-time,.v5-mechanism .v5m-result{opacity:1!important}.v5-mechanism .v5m-controls{display:none}}@media(min-width:900px){.scar-v5 .v5-locked-science .v5-mechanism{display:grid;grid-template-columns:1.15fr 1fr;gap:16px 25px;align-items:center}.v5-mechanism .v5m-canvas{width:100%}.scar-v5 .v5-locked-science .v5m-explanation{margin:0}.v5-mechanism .v5m-result,.v5-mechanism .v5m-controls{grid-column:1/-1}.scar-v5 .v5-locked-science .v5m-explanation h3{font-size:21px}.v5m-explanation li{padding:14px 8px;grid-template-columns:26px minmax(0,1fr);gap:8px}}@media(max-width:650px){.scar-v5 .v5-locked-science .v5-mechanism svg{aspect-ratio:480/370}.v5-mechanism .v5m-canvas{width:100%;max-width:none}}.v5-mechanism.is-ready .v5m-canvas svg{animation:v5m-loop-boundary var(--v5m-cycle) linear infinite;animation-play-state:var(--v5m-play)}@keyframes v5m-loop-boundary{0%,to{opacity:0}4%,94%{opacity:1}}@keyframes v5m-cover{0%,3%{transform:translateY(-55px);opacity:0}6%{transform:translateY(-50px);opacity:.25}23%,to{transform:translateY(0);opacity:1}}@keyframes v5m-layer-note{0%,12%{opacity:0}23%,to{opacity:1}}@keyframes v5m-less-loss{0%,30%{opacity:.7;transform:translateY(0)}16%{opacity:.85;transform:translateY(-9px)}46%,to{opacity:0;transform:translateY(-14px)}}@keyframes v5m-small-loss{0%,30%{opacity:.7;transform:translateY(0) scaleY(1)}16%{opacity:.85;transform:translateY(-9px) scaleY(1)}46%,to{opacity:.6;transform:translateY(-4px) scaleY(.65)}}@keyframes v5m-hydration{0%,28%{opacity:0}46%,to{opacity:.7}}@keyframes v5m-time{0%,61%{opacity:0}70%,to{opacity:1}}.v5-mechanism.is-reduced .v5m-canvas svg,.v5-static-mechanism .v5m-canvas svg{opacity:1}@media(prefers-reduced-motion:reduce){.v5-mechanism .v5m-canvas svg{opacity:1!important}}.v5-locked-science .v5m-transition .v5m-routine-cta{margin-top:14px;min-height:48px;max-width:100%;white-space:normal;text-align:center}.v5-locked-science .v5-lead{max-width:760px;line-height:1.65}.v5-locked-science .v5-lead p{margin-bottom:16px}.v5-locked-science .v5m-transition{margin-bottom:30px}@media(max-width:650px){.v5-locked-science .v5m-routine-cta{width:100%}.v5-locked-science .v5m-transition{margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/scar-v5-mechanism.css.map */