.vpb.vpb--film{overflow:hidden;padding:0 0 18px;border:1px solid rgb(255 255 255 / 6%);border-radius:24px;background:#070b08;color:#fff;box-shadow:0 18px 44px #070b083d}.vpb-sheet--film .vhp-sheet__panel{padding:0;background:#070b08;box-shadow:0 -12px 40px #0006}.vpb-sheet--film .vpb-sheet__head{position:absolute;top:0;right:0;left:0;z-index:3;padding-top:8px;pointer-events:none}.vpb-sheet--film .vhp-sheet__handle{background:#ffffff52;pointer-events:auto}.vpb-sheet--film .vpb-sheet__close{top:10px;right:10px;border:1px solid rgb(255 255 255 / 18%);background:#0006;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.vpb-sheet--film .vpb-sheet__body{padding-top:0}.vpb-sheet--film .vpb.vpb--film{border:0;border-radius:0;box-shadow:none}.vpb--film .vpb__eyebrow{display:none}.vpb--film .vpb__demo{margin:0}.vpb--film .vpf{border-radius:0}.vpb--film .vpb__proof{margin:2px 16px 14px;padding:13px 15px;border:1px solid rgb(255 255 255 / 10%);border-radius:16px;background:#ffffff12;color:#fff}.vpb--film .vpb__proof figcaption{color:#ffffff9e}.vpb--film .vpb__cta{margin:0 16px;background:#1a7a43;color:#fff;box-shadow:0 10px 28px #1a7a434d}.vpb--film :is(.vpb__note,.vpb__price){padding:0 16px;color:#ffffff9e}.vpb--film .vpb__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vpb--film .vpb__lines{display:none}.vpf{--mint: #5fd38d;--ink-dark: #0e1a13;--glass: linear-gradient(180deg, rgb(255 255 255 / 22%) 0%, rgb(255 255 255 / 10%) 100%), linear-gradient(rgb(16 20 17 / 30%), rgb(16 20 17 / 30%));position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:18px;background:radial-gradient(120% 70% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08);color:#fff;font-family:DM Sans,sans-serif;container-type:inline-size;isolation:isolate}.vpf__stage{--u: calc(100cqw / 1080);position:absolute;top:0;right:0;bottom:0;left:0}.vpf__hl{position:absolute;top:calc(96 * var(--u));right:calc(60 * var(--u));left:calc(60 * var(--u));margin:0;text-align:center}.vpf__hl p{margin:0}.vpf__hl--1,.vpf__hl--2>p:first-child{font-size:calc(76 * var(--u));font-weight:800;line-height:1.08;letter-spacing:-.03em}.vpf__line{display:block}.vpf__line.is-accent{color:var(--mint)}.vpf__word{display:inline-block}.vpf__word:not(:last-child){margin-right:.24em}.vpf__sub{margin-top:calc(22 * var(--u))!important;color:#ffffffb8;font-size:calc(35 * var(--u));font-weight:500}.vpf__hl--1{opacity:0}.vpf__card{position:absolute;top:calc(790 * var(--u));left:calc((28 + 148 * var(--i)) * var(--u));width:calc(136 * var(--u));height:calc(212 * var(--u));transform-origin:0 0}.vpf__card-in{position:absolute;top:0;right:0;bottom:0;left:0;border:calc(1.5 * var(--u)) solid rgb(255 255 255 / 34%);border-radius:calc(20.4 * var(--u));background:var(--glass);box-shadow:inset 0 calc(1.5 * var(--u)) 0 #ffffff73,0 calc(16 * var(--u)) calc(36 * var(--u)) #0000004d}.vpf__photo{position:absolute;top:calc(7.5 * var(--u));left:calc(7.5 * var(--u));width:calc(121 * var(--u));height:calc(164 * var(--u));border-radius:calc(14.7 * var(--u));object-fit:cover;object-position:50% 42%}.vpf__label{position:absolute;right:0;bottom:0;left:0;height:calc(42 * var(--u));display:grid;place-items:center;font-size:calc(30 * var(--u));font-weight:800;letter-spacing:-.02em}.vpf__label--long{font-size:calc(18 * var(--u));opacity:0}.vpf__card--hers .vpf__card-in{box-shadow:inset 0 calc(1.5 * var(--u)) 0 #ffffff73,0 calc(16 * var(--u)) calc(36 * var(--u)) #0000004d,0 0 0 calc(4 * var(--u)) var(--mint)}.vpf__heart{position:absolute;top:calc(13 * var(--u));right:calc(13 * var(--u));display:grid;place-items:center;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;background:#0000008c;color:#ff7f93}.vpf__heart svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}.vpf__chip{position:absolute;top:calc(13 * var(--u));left:calc(13 * var(--u));display:inline-flex;align-items:center;gap:calc(3 * var(--u));padding:calc(3.5 * var(--u)) calc(7 * var(--u)) calc(3.5 * var(--u)) calc(5.5 * var(--u));border-radius:999px;background:#0000008c;color:#fff;font-size:calc(9.5 * var(--u));font-weight:800;white-space:nowrap;opacity:0}.vpf__chip svg{width:calc(10 * var(--u));height:calc(10 * var(--u));color:#ff7f93}.vpf__disc{position:absolute;top:calc(652 * var(--u));left:calc((38 + 148 * var(--i)) * var(--u));display:grid;place-items:center;width:calc(116 * var(--u));height:calc(116 * var(--u));border:calc(1.5 * var(--u)) solid rgb(255 255 255 / 34%);border-radius:50%;background:var(--glass);box-shadow:inset 0 calc(1.5 * var(--u)) 0 #ffffff73,0 calc(16 * var(--u)) calc(36 * var(--u)) #0000004d}.vpf__rings{width:calc(94 * var(--u));height:calc(94 * var(--u));overflow:visible}.vpf__track,.vpf__arc{fill:none;stroke-width:10.8}.vpf__track--kcal,.vpf__arc--kcal{stroke:#fff}.vpf__track--pro,.vpf__arc--pro{stroke:var(--mint)}.vpf__track{stroke-opacity:.18}.vpf__arc{stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}.vpf__ok{position:absolute;display:grid;place-items:center;width:calc(37.6 * var(--u));height:calc(37.6 * var(--u));border-radius:50%;background:var(--mint);color:var(--ink-dark)}.vpf__ok svg{width:calc(28 * var(--u));height:calc(28 * var(--u))}.vpf__burst{position:absolute;inset:calc(-2 * var(--u));border-radius:50%;opacity:0}.vpf__legend,.vpf__goal{position:absolute;right:0;left:0;display:flex;justify-content:center;gap:calc(14 * var(--u))}.vpf__legend{top:calc(570 * var(--u));opacity:0}.vpf__goal{top:calc(1052 * var(--u))}.vpf__pill{display:inline-flex;align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(26 * var(--u));border-radius:999px;font-size:calc(32 * var(--u));font-weight:800;white-space:nowrap}.vpf__pill--glass{border:calc(1.5 * var(--u)) solid rgb(255 255 255 / 34%);background:var(--glass)}.vpf__pill--goal{border:calc(1.5 * var(--u)) solid var(--mint);background:#1a7a4399;box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #1a7a4347;font-size:calc(36 * var(--u))}.vpf__pill--goal svg{width:calc(36 * var(--u));height:calc(36 * var(--u));color:var(--mint)}.vpf__dot{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%}.vpf__dot--kcal{background:#fff}.vpf__dot--pro{background:var(--mint)}.vpf__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none}.vpf__stage{transition:opacity .22s ease}.vpf.is-video .vpf__stage{opacity:0}.vpf.is-video .vpf__video{opacity:1;transition:opacity .3s ease .18s}.vpf.is-run .vpf__card--hers{--hx: calc((302 - 148 * var(--col)) * var(--u));--hy: calc(-398 * var(--u));animation:vpf-drop .7s cubic-bezier(.65,0,.35,1) 1.9s both}.vpf.is-run .vpf__card--hers .vpf__card-in{animation:vpf-pop .5s cubic-bezier(.2,.9,.3,1.15) 0s both,vpf-ring-in .35s ease 2.55s both}.vpf.is-run .vpf__chip{animation:vpf-chip 1.75s ease .5s both}.vpf.is-run .vpf__heart{animation:vpf-fade-in .3s ease 2.55s both}.vpf.is-run .vpf__label--long{animation:vpf-label-out .35s ease 1.95s both}.vpf.is-run .vpf__card--hers .vpf__label--short{animation:vpf-fade-in .35s ease 2.2s both}.vpf.is-run .vpf__card:not(.vpf__card--hers){animation:vpf-slide .55s cubic-bezier(.2,.9,.3,1.08) calc(2.1s + var(--k) * .08s) both}.vpf.is-run .vpf__disc{animation:vpf-disc .45s cubic-bezier(.2,.9,.3,1.1) calc(2.45s + var(--i) * .08s) both}.vpf.is-run .vpf__arc--kcal{animation:vpf-fill .65s cubic-bezier(.3,.1,.2,1) calc(3s + var(--i) * .2s) both}.vpf.is-run .vpf__arc--pro{animation:vpf-fill .65s cubic-bezier(.3,.1,.2,1) calc(3.06s + var(--i) * .2s) both}.vpf.is-run .vpf__ok{animation:vpf-ok .4s cubic-bezier(.2,.9,.3,1.5) calc(3.66s + var(--i) * .2s) both}.vpf.is-run .vpf__burst{animation:vpf-burst .65s ease-out calc(3.68s + var(--i) * .2s) both}.vpf.is-run .vpf__legend{animation:vpf-legend 2.4s ease 2.75s both}.vpf.is-run .vpf__goal{animation:vpf-pop .45s cubic-bezier(.2,.9,.3,1.3) 5.15s both}.vpf.is-run .vpf__hl--1{animation:vpf-hl-out 1.95s ease 0s both}.vpf.is-run .vpf__hl--1 .vpf__word{animation:vpf-word .5s cubic-bezier(.2,.9,.3,1.15) calc(.15s + var(--w) * .1s) both}.vpf.is-run .vpf__hl--2 .vpf__word{animation:vpf-word .5s cubic-bezier(.2,.9,.3,1.15) calc(2.3s + var(--w) * .1s) both}.vpf.is-run .vpf__sub{animation:vpf-word .45s ease 2.95s both}.vpb.is-paused .vpf *,.vpb.is-paused .vpf{animation-play-state:paused!important}@keyframes vpf-drop{0%{transform:translate(var(--hx),var(--hy)) scale(3.088)}to{transform:none}}@keyframes vpf-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes vpf-ring-in{0%{box-shadow:inset 0 calc(1.5 * var(--u)) 0 #ffffff73,0 calc(16 * var(--u)) calc(36 * var(--u)) #0000004d,0 0 0 0 var(--mint)}}@keyframes vpf-chip{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes vpf-fade-in{0%{opacity:0}}@keyframes vpf-label-out{0%{opacity:1}to{opacity:0}}@keyframes vpf-slide{0%{opacity:0;transform:translate(calc(320 * var(--u)))}}@keyframes vpf-disc{0%{opacity:0;transform:translateY(calc(20 * var(--u))) scale(.9)}}@keyframes vpf-fill{0%{stroke-dashoffset:1}}@keyframes vpf-ok{0%{transform:scale(0)}}@keyframes vpf-burst{0%{opacity:1;box-shadow:0 0 #5fd38dbf}to{opacity:0;box-shadow:0 0 0 calc(22 * var(--u)) #5fd38d00}}@keyframes vpf-legend{0%{opacity:0;transform:translateY(calc(10 * var(--u)))}12%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes vpf-hl-out{0%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-14 * var(--u)))}}@keyframes vpf-word{0%{opacity:0;transform:translateY(calc(30 * var(--u)))}}@media(prefers-reduced-motion:reduce){.vpf *{animation:none!important}}.vpf--plain .vpf__video{opacity:1}.vpf--loop{aspect-ratio:1 / 1}.vpb--mini.vpb--mini-film{gap:12px;padding:16px;border:1px solid rgb(255 255 255 / 6%);border-radius:24px;background:radial-gradient(120% 60% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08);box-shadow:0 18px 44px #070b083d;color:#fff}.vpb--mini-film .vpb__eyebrow{color:#5fd38d}.vpb--mini-film .vpb__title{color:#fff;font-size:21px}.vpb__loop{display:block;overflow:hidden;aspect-ratio:1 / 1;border-radius:16px;background:radial-gradient(120% 70% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08)}.vpb__loop video{display:block;width:100%;height:100%;object-fit:cover}.vpb--mini-film .vpb__cta{background:#1a7a43;color:#fff;box-shadow:0 10px 28px #1a7a434d}.vpb--mini-film .vpb__note{color:#ffffff9e}.vhp-plan-goal-section .vpb--explore{margin:26px 16px 0;padding-bottom:16px}.vpb--explore .vpb__cta--film-only{display:none}.vpb--explore .vhp-plan-goal--film{margin:0;padding:16px 16px 0;border:0;background:none;color:#fff}.vhp-plan-goal--film .vhp-plan-goal__title{color:#fff;font-size:19px}.vhp-plan-goal--film .vhp-plan-goal__text,.vhp-plan-goal--film .vhp-plan-goal__fine{color:#ffffff9e}.vhp-plan-goal--film .vhp-plan-goal__text strong{color:#fff}.vhp-plan-goal--film .vhp-plan-goal__chip{border:1.5px solid rgb(255 255 255 / 26%);background:linear-gradient(180deg,#ffffff29,#ffffff14);color:#fff}.vhp-plan-goal--film .vhp-plan-goal__chip svg{stroke:#5fd38d}.vhp-plan-goal--film .vhp-plan-goal__chip:hover,.vhp-plan-goal--film .vhp-plan-goal__chip:active{border-color:#5fd38d;background:#1a7a43;color:#fff}.vpf--feed{aspect-ratio:9 / 16}.vhp-native__body--film{position:relative;display:block;height:100%;padding:0;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08)}.vpb.vpb--reel{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.vpb--reel .vpb__demo{position:absolute;top:-2%;right:0;left:0}.vpb--reel .vpf{background:transparent}.vpb-reel__bar{position:absolute;right:16px;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:16px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding-top:40px;background:linear-gradient(to top,#070b08 55%,#070b0800)}.vhp-native .vpb.vpb--reel .vpb__cta.vhp-native__cta{margin:0;border-color:transparent;background:#1a7a43;color:#fff;box-shadow:0 10px 28px #1a7a434d}.vpb--reel .vhp-native__later{align-self:center;color:#ffffffb8}.likes__film{margin:4px 0 18px}.likes__film[hidden],.vpb--at-likes .vpb__proof{display:none}.vpb--at-likes .vpf{margin-bottom:14px}.cook__next.is-film{border:1px solid rgb(255 255 255 / 6%);border-radius:22px;background:radial-gradient(120% 60% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08);color:#fff;box-shadow:0 18px 44px #070b083d}.cook__next-film{display:block;overflow:hidden;aspect-ratio:1 / 1;margin:0 0 14px;border-radius:14px;background:radial-gradient(120% 70% at 50% 0%,#1f3b2a,#0e1a13 55%,#070b08)}.cook__next-film video{display:block;width:100%;height:100%;object-fit:cover}.cook__next.is-film .cook__next-title{color:#fff}.cook__next.is-film :is(.cook__next-text,.cook__next-note){color:#ffffff9e}.cook__next.is-film .cook__next-cta{background:#1a7a43;color:#fff;box-shadow:0 10px 28px #1a7a434d}.vhp-monday__how{position:absolute;top:-6px;left:50%;z-index:5;transform:translate(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:#0000008c;color:#fff;font:700 12.5px/1 DM Sans,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent}.vhp-monday__how svg{color:#5fd38d}
/*# sourceMappingURL=/cdn/shop/t/18/assets/vhp-planner-film.css.map */
