html.vhp-reel-open{overflow:hidden}.vhp-reel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:var(--app-col-w, 430px);height:100%;max-height:none;margin:0 auto;padding:0;border:0;overflow:hidden;background:#000;color:#fff;font-family:inherit;transform-origin:0 0}.vhp-reel:not([open]){display:none}.vhp-reel::backdrop{background:transparent}.vhp-reel.is-in{transform-origin:50% 50%;animation:vhp-reel-in .28s var(--app-ease, cubic-bezier(.2, .8, .2, 1))}@keyframes vhp-reel-in{0%{opacity:0;transform:scale(.96)}}.vhp-reel *,.vhp-reel *:before,.vhp-reel *:after{box-sizing:border-box}.vhp-reel__track{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.vhp-reel__track::-webkit-scrollbar{display:none}.vhp-reel__slide{position:relative;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.vhp-reel__poster,.vhp-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vhp-reel__video{opacity:0;transition:opacity .25s}.vhp-reel__slide.is-playing .vhp-reel__video{opacity:1}.vhp-reel__loading{position:absolute;top:calc(env(safe-area-inset-top,0px) + 58px);left:16px;right:16px;height:2px;overflow:hidden;border-radius:2px;background:#ffffff2e;transition:opacity .3s}.vhp-reel__loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:inherit;background:#fff;animation:vhp-reel-load 1.1s ease-in-out infinite}@keyframes vhp-reel-load{0%{transform:translate(-100%)}to{transform:translate(250%)}}.vhp-reel__slide.is-playing .vhp-reel__loading,.vhp-reel__slide.is-novideo .vhp-reel__loading,.vhp-reel__slide.is-paused .vhp-reel__loading{opacity:0}.vhp-reel__paused{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border-radius:50%;background:#00000073;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .2s,transform .2s var(--app-ease, ease);pointer-events:none}.vhp-reel__slide.is-paused .vhp-reel__paused{opacity:1;transform:translate(-50%,-50%) scale(1)}.vhp-reel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000 18%),linear-gradient(180deg,#0000 50%,#000000d1);pointer-events:none}.vhp-reel__info{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}.vhp-reel__slide .vhp-reel__info{animation:vhp-reel-rise .4s .08s var(--app-ease, ease) both}@keyframes vhp-reel-rise{0%{opacity:0;transform:translateY(10px)}}.vhp-reel__title{margin:0;font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff}.vhp-reel__chips{display:flex;flex-wrap:wrap;gap:4px}.vhp-reel__chip{padding:4px 10px;border-radius:999px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:600}.vhp-reel__chip--protein{background:rgb(var(--app-media-accent-rgb, 95 211 141) / 18%);color:var(--app-media-accent, #5fd38d)}.vhp-reel__note{margin:0;font-size:13px;font-weight:600;color:#ffffffd9}.vhp-reel__note.is-warn{color:#ffb4a8}.vhp-reel__actions{display:flex;align-items:center;gap:10px;margin-top:4px}.vhp-reel__recipe{flex:1 1 auto;padding:14px 24px;border-radius:999px;background:var(--app-accent-fill, #1a7a43);color:var(--app-on-accent, #fff);font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:transform .15s var(--app-ease, ease)}.vhp-reel__recipe--ghost{flex:0 0 auto;padding-inline:20px;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}button.vhp-reel__recipe{border:0;font-family:inherit;cursor:pointer}.vhp-reel__recipe:active{transform:scale(.97)}.vhp-reel__btn{display:grid;flex:0 0 auto;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:50%;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;cursor:pointer;transition:transform .15s var(--app-ease, ease)}.vhp-reel__btn[hidden]{display:none}.vhp-reel__btn svg{fill:none}.vhp-reel__like[aria-pressed=true]{color:#ff5a6e}.vhp-reel__like[aria-pressed=true] svg{fill:currentcolor;animation:vhp-reel-pop .35s var(--app-ease, ease)}@keyframes vhp-reel-pop{40%{transform:scale(1.25)}}.vhp-reel__btn:active{transform:scale(.86)}.vhp-reel__top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px;pointer-events:none}.vhp-reel__icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 50%))}.vhp-reel__where{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:calc(100% - 112px);color:#fff}.vhp-reel__heading{max-width:100%;overflow:hidden;font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.vhp-reel__heading:not([hidden])+.vhp-reel__count{font-size:12px;opacity:.85}.vhp-reel__count{font-size:13px;font-weight:700;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.vhp-reel__icon[aria-pressed=true] .vhp-reel__sound,.vhp-reel__icon[aria-pressed=false] .vhp-reel__muted{display:none}.vhp-reel :focus-visible{outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.vhp-reel.is-in,.vhp-reel__slide .vhp-reel__info,.vhp-reel__like[aria-pressed=true] svg,.vhp-reel__loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/vhp-reel-viewer.css.map */