@font-face{font-family:Fredoka;src:url(Fredoka-VariableFont_wdth.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}.viliv-metabolic-science-section{background:#050507}.viliv-metabolic-science{--ns-text: #ffffff;--ns-text-soft: rgba(255, 255, 255, .88);--ns-text-muted: rgba(255, 255, 255, .96);--ns-line: rgba(255, 255, 255, .1);--ns-panel: radial-gradient(120% 96% at 84% 8%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, rgba(37, 37, 42, .82) 0%, rgba(13, 13, 17, .78) 100%);--ns-accent: #d7d7dc;--ns-icon: #232329;--ns-icon-hover: #34343c;--ns-panel-border: rgba(255, 255, 255, .08);--ns-panel-shadow: 0 22px 42px rgba(0, 0, 0, .34);--ns-control-shadow: drop-shadow(0 6px 12px rgba(0, 0, 0, .18));--ns-control-ink: #f3f3f6;--ns-progress-track: rgba(255, 255, 255, .12);--ns-progress-fill: rgba(255, 255, 255, .72);position:relative;height:calc(100dvh - 64px);overflow:hidden;isolation:isolate;color:var(--ns-text);font-family:Fredoka,sans-serif;background:#050507}@supports not (height: 100dvh){.viliv-metabolic-science{height:calc(100svh - 64px)}}.viliv-metabolic-science *{box-sizing:border-box;font-family:Fredoka,sans-serif}.viliv-metabolic-science__slides{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.viliv-nutrafol-science__slides-track,.viliv-nutrafol-science__copy-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .5s ease}.viliv-nutrafol-science__slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;height:100%;pointer-events:none;background:#081216}.viliv-nutrafol-science__slide.is-active{pointer-events:auto}.viliv-nutrafol-science__bg,.viliv-nutrafol-science__bg picture,.viliv-nutrafol-science__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viliv-nutrafol-science__bg img{object-fit:cover}.viliv-nutrafol-science__slide-inner{position:relative;z-index:1;height:100%;padding:16px;overflow:hidden}.viliv-nutrafol-science__slide-frame{display:flex;width:100%;height:100%;min-height:0;flex-direction:column}.viliv-nutrafol-science__visual-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.viliv-nutrafol-science__panel-reserve{display:block!important;width:100%;min-height:280px;flex-shrink:0}.viliv-nutrafol-science__panel{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;flex-direction:column;padding:16px;background:var(--ns-panel);border-radius:4px;border:1px solid var(--ns-panel-border);box-shadow:var(--ns-panel-shadow);backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px)}.viliv-nutrafol-science__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.viliv-nutrafol-science__progress{order:2;display:flex;gap:4px}.viliv-nutrafol-science__progress-button{position:relative;flex:1;height:2px;margin:0;padding:0;border:0;background:var(--ns-progress-track);cursor:pointer}.viliv-nutrafol-science__progress-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ns-progress-fill);opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease,opacity .28s ease}.viliv-nutrafol-science__progress-button.is-complete:after,.viliv-nutrafol-science__progress-button.is-active:after{opacity:1;transform:scaleX(1)}.viliv-nutrafol-science__eyebrow-row{order:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.viliv-nutrafol-science__eyebrow,.viliv-nutrafol-science__counter{margin:0;font-size:11px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:400}.viliv-nutrafol-science__counter{color:var(--ns-text-muted);white-space:nowrap}.viliv-nutrafol-science__copy{position:relative;flex:1;display:flex;align-items:stretch;min-height:0;overflow:hidden}.viliv-nutrafol-science__copy-slide{display:flex;flex:0 0 100%;width:100%;min-width:100%;height:100%;flex-direction:column;justify-content:flex-end;padding-bottom:12px}.viliv-nutrafol-science__copy-title{margin:0 0 16px;font-size:clamp(30px,3vw,36px);line-height:1;text-transform:uppercase;color:#fff;font-weight:500}.viliv-nutrafol-science__copy-text{margin:0;font-size:16px;line-height:1.1875;color:var(--ns-text-soft);font-weight:400}.viliv-nutrafol-science__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--ns-line)}.viliv-nutrafol-science__control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#22202f;cursor:pointer}.viliv-nutrafol-science__control svg{display:block;width:24px;height:24px;filter:var(--ns-control-shadow)}.viliv-nutrafol-science__control svg path:not(.icon-bg){fill:var(--ns-control-ink)}.viliv-nutrafol-science__control .icon-bg{fill:var(--ns-icon);transition:fill .18s ease,opacity .18s ease}.viliv-nutrafol-science__control:hover .icon-bg{fill:var(--ns-icon-hover)}.viliv-nutrafol-science__control:focus-visible .icon-bg{fill:var(--ns-icon-hover)}.viliv-nutrafol-science__control[disabled]{cursor:default;opacity:.5}.viliv-nutrafol-science__control[disabled] .icon-bg{fill:var(--ns-icon)}.viliv-nutrafol-science__ingredient-visual{position:relative;width:80%;max-width:375px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.viliv-nutrafol-science__ingredient-orb,.viliv-nutrafol-science__ingredient-orb-border{display:block!important;position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);border-radius:50%;z-index:3;pointer-events:none}.viliv-nutrafol-science__ingredient-orb{background:#fff3;backdrop-filter:blur(8.7765960693px);-webkit-backdrop-filter:blur(8.7765960693px);transform:scale(5);will-change:transform}.viliv-nutrafol-science__ingredient-orb-border{border:1px solid #fff;opacity:0;will-change:opacity}.viliv-nutrafol-science__ingredient-orb:before,.viliv-nutrafol-science__ingredient-orb:after{content:none}.viliv-nutrafol-science__ingredient-orb-border:before,.viliv-nutrafol-science__ingredient-orb-border:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#fff;transform-origin:center}.viliv-nutrafol-science__ingredient-orb-border:before{transform:rotate(45deg)}.viliv-nutrafol-science__ingredient-orb-border:after{transform:rotate(-45deg)}.viliv-nutrafol-science__ingredient-image{display:block;width:100%;max-width:100%;height:auto}.viliv-nutrafol-science__ingredient-image--back,.viliv-nutrafol-science__ingredient-image--front{will-change:opacity}.viliv-nutrafol-science__ingredient-image--back{opacity:1}.viliv-nutrafol-science__ingredient-image--front{position:absolute;top:0;left:0;z-index:3;opacity:0}.viliv-nutrafol-science__slide.is-animating .viliv-nutrafol-science__ingredient-orb{animation:ns-ingredient-orb-reveal 1s cubic-bezier(.215,.61,.355,1) 0ms forwards}.viliv-nutrafol-science__slide.is-animating .viliv-nutrafol-science__ingredient-orb-border{animation:ns-ingredient-border-reveal .3s cubic-bezier(.215,.61,.355,1) 1s forwards}.viliv-nutrafol-science__slide.is-animating .viliv-nutrafol-science__ingredient-image--back{animation:ns-ingredient-back-fade .5s linear .75s forwards}.viliv-nutrafol-science__slide.is-animating .viliv-nutrafol-science__ingredient-image--front{animation:ns-ingredient-front-fade .5s cubic-bezier(.215,.61,.355,1) .75s forwards}@keyframes ns-ingredient-orb-reveal{0%{transform:scale(5)}to{transform:scale(1)}}@keyframes ns-ingredient-border-reveal{0%{opacity:0}to{opacity:1}}@keyframes ns-ingredient-back-fade{0%{opacity:1}to{opacity:0}}@keyframes ns-ingredient-front-fade{0%{opacity:0}to{opacity:1}}@media(max-width:1023px){.viliv-nutrafol-science__copy-title{margin-bottom:12px}.viliv-nutrafol-science__copy-text{max-width:none}}@media(max-width:767px){.viliv-metabolic-science{height:auto;min-height:700px}@supports not (height: 100dvh){.viliv-metabolic-science{min-height:700px}}.viliv-nutrafol-science__slide-inner{padding:12px}.viliv-nutrafol-science__visual-stage{padding:10px 0 60px}.viliv-nutrafol-science__panel-reserve{min-height:220px}.viliv-nutrafol-science__panel{left:24px;right:24px;bottom:24px;padding:14px}.viliv-nutrafol-science__ingredient-visual{width:74%;max-width:320px;transform:translateY(-22px)}.viliv-nutrafol-science__meta{gap:10px;margin-bottom:10px}.viliv-nutrafol-science__copy-slide{padding-bottom:0}.viliv-nutrafol-science__copy-title{font-size:24.3px;margin-bottom:10px}.viliv-nutrafol-science__copy-text{font-size:16px;line-height:1.1875}.viliv-nutrafol-science__controls{margin-top:12px;padding-top:14px}}@supports (height: 100svh){@media(max-width:767px){.viliv-metabolic-science{min-height:max(calc(100svh - 52px),700px)}}}@media(min-width:768px){.viliv-metabolic-science{height:calc(100dvh - 58px)}@supports not (height: 100dvh){.viliv-metabolic-science{height:calc(100svh - 58px)}}.viliv-nutrafol-science__slide-inner{padding:40px 32px}.viliv-nutrafol-science__panel{left:32px;right:32px;bottom:40px}.viliv-nutrafol-science__panel-reserve{min-height:256px}}@media(min-width:1024px){.viliv-metabolic-science{height:calc(100dvh - 64px)}@supports not (height: 100dvh){.viliv-metabolic-science{height:calc(100svh - 64px)}}.viliv-nutrafol-science__slide-inner{padding:32px 32px 40px}.viliv-nutrafol-science__slide-frame{flex-direction:row}.viliv-nutrafol-science__panel-reserve{width:40%;max-width:596px;min-height:0;height:auto}.viliv-nutrafol-science__panel{top:32px;bottom:32px;left:auto;right:64px;width:37.25%;max-width:596px;padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/viliv-metabolic-science.css.map */