html:has(.fresh-video-proof__viewer[open]){overflow:hidden}.fresh-video-proof{padding-block:clamp(48px,7vw,88px)}.fresh-video-proof__rail-wrap{position:relative;container-type:inline-size}.fresh-video-proof__arrow{display:none}.fresh-video-proof__rail{display:flex;gap:12px;margin:0 -16px;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain;list-style:none}.fresh-video-proof__rail::-webkit-scrollbar{display:none}.fresh-video-proof__item{display:grid;flex:0 0 64%;gap:10px;align-content:start;scroll-snap-align:start}.fresh-video-proof__item:first-child{margin-left:auto}.fresh-video-proof__item:last-child{margin-right:auto}.fresh-video-proof__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;overflow:hidden;border:0;border-radius:var(--fresh-radius-16);background:var(--fresh-ink);cursor:pointer}.fresh-video-proof__still{width:100%;height:100%;object-fit:cover;display:block}.fresh-video-proof__play{position:absolute;left:50%;top:50%;display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--fresh-gold-gradient);color:var(--fresh-ink);box-shadow:0 6px 18px #051c3f4d;transform:translate(-50%,-50%);transition:transform .16s ease}.fresh-video-proof__card:hover .fresh-video-proof__play,.fresh-video-proof__card:focus-visible .fresh-video-proof__play{transform:translate(-50%,-50%) scale(1.08)}.fresh-video-proof__card:focus-visible,.fresh-video-proof__shop:focus-visible,.fresh-video-proof__control:focus-visible,.fresh-video-proof__arrow:focus-visible,.fresh-video-proof__nav:focus-visible{outline:3px solid var(--fresh-yellow);outline-offset:3px}.fresh-video-proof__icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--fresh-video-icon) center / contain no-repeat;mask:var(--fresh-video-icon) center / contain no-repeat}.fresh-video-proof__play .fresh-video-proof__icon{margin-left:3px}.fresh-video-proof__shop{display:flex;min-height:52px;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:0;border-radius:var(--fresh-radius-12);background:var(--fresh-ink);color:#fff;font-size:.95rem;font-weight:700;line-height:1.2;text-decoration:none}.fresh-video-proof__shop-image{width:36px;height:36px;flex:0 0 36px;border-radius:var(--fresh-radius-8);object-fit:cover;background:#fff}.fresh-video-proof__shop span{flex:1;min-width:0}.fresh-video-proof__shop svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fresh-video-proof__viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:#07090c;color:#fff}.fresh-video-proof__viewer::backdrop{background:#07090c}.fresh-video-proof__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}.fresh-video-proof__track::-webkit-scrollbar{display:none}.fresh-video-proof__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.fresh-video-proof__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.fresh-video-proof__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.45),transparent 18%,transparent 72%,rgba(0,0,0,.55))}.fresh-video-proof__shop--viewer{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px);min-height:44px;gap:8px;padding:4px 14px 4px 4px;border:0;border-radius:var(--fresh-radius-12);background:var(--fresh-yellow);color:var(--fresh-ink);box-shadow:0 6px 20px #00000059;font-size:.875rem;translate:-50% 0}.fresh-video-proof__shop--viewer span{flex:0 1 auto}.fresh-video-proof__shop--viewer svg{width:16px;height:16px;flex-basis:16px}.fresh-video-proof__shop--viewer .fresh-video-proof__shop-image{width:32px;height:32px;flex-basis:32px;border-radius:var(--fresh-radius-8);background:#fff}.fresh-video-proof__bars{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;z-index:3;display:flex;gap:4px;pointer-events:none}.fresh-video-proof__bars span{flex:1;height:3px;overflow:hidden;border-radius:2px;background:#ffffff59}.fresh-video-proof__bars i{display:block;width:0;height:100%;background:#fff}.fresh-video-proof__top{position:absolute;top:calc(22px + env(safe-area-inset-top));left:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px}.fresh-video-proof__control{display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:#0000006b;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fresh-video-proof__control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fresh-video-proof__count{margin-left:auto;color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.fresh-video-proof__icon--pause,.fresh-video-proof__icon--volume,.fresh-video-proof__viewer.is-playing .fresh-video-proof__icon--play,.fresh-video-proof__viewer:not(.is-muted) .fresh-video-proof__icon--muted{display:none}.fresh-video-proof__viewer.is-playing .fresh-video-proof__icon--pause,.fresh-video-proof__viewer:not(.is-muted) .fresh-video-proof__icon--volume{display:block}.fresh-video-proof__nav{display:none}.fresh-video-proof__chevron,.fresh-video-proof__full-arrow{transform-origin:50% 50%;transition:opacity .16s ease,transform .16s ease}.fresh-video-proof__full-arrow{opacity:0;transform:scale(.78)}.fresh-video-proof__arrow:hover,.fresh-video-proof__arrow:focus-visible,.fresh-video-proof__nav:hover,.fresh-video-proof__nav:focus-visible{background:linear-gradient(105deg,#0e2b58,#2c5191 52%,#0e2b58);color:#fff}.fresh-video-proof__arrow:hover .fresh-video-proof__chevron,.fresh-video-proof__arrow:focus-visible .fresh-video-proof__chevron,.fresh-video-proof__nav:hover .fresh-video-proof__chevron,.fresh-video-proof__nav:focus-visible .fresh-video-proof__chevron{opacity:0;transform:scale(.78)}.fresh-video-proof__arrow:hover .fresh-video-proof__full-arrow,.fresh-video-proof__arrow:focus-visible .fresh-video-proof__full-arrow,.fresh-video-proof__nav:hover .fresh-video-proof__full-arrow,.fresh-video-proof__nav:focus-visible .fresh-video-proof__full-arrow{opacity:1;transform:scale(1)}.fresh-video-proof__arrow:active,.fresh-video-proof__nav:active{scale:.92}.fresh-video-proof__hint{position:absolute;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border-radius:999px;background:#0009;color:#fff;font-size:.95rem;font-weight:600;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .3s ease}.fresh-video-proof__hint.is-shown{opacity:1}.fresh-video-proof__hint svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@keyframes fresh-video-proof-nudge{0%,to{translate:0 0}40%{translate:-56px 0}}.fresh-video-proof__track.is-nudging .fresh-video-proof__slide{animation:fresh-video-proof-nudge 1.1s ease 1}@media(prefers-reduced-motion:reduce){.fresh-video-proof__track.is-nudging .fresh-video-proof__slide{animation:none}.fresh-video-proof__slide{transition:none}}@media(min-width:600px){.fresh-video-proof__item{flex-basis:38%}}@media(min-width:750px){.fresh-video-proof__item{flex-basis:30%}.fresh-video-proof__viewer{--fresh-video-proof-w: min( calc((100dvh - 48px)*.5625) , 460px);--fresh-video-proof-h: calc(var(--fresh-video-proof-w) * 16 / 9)}.fresh-video-proof__track{align-items:center;gap:24px;padding-inline:calc((100vw - var(--fresh-video-proof-w)) / 2)}.fresh-video-proof__slide{flex:0 0 var(--fresh-video-proof-w);height:var(--fresh-video-proof-h);overflow:hidden;border-radius:14px;opacity:.32;transform:scale(.88);transition:opacity .3s ease,transform .3s ease;cursor:pointer}.fresh-video-proof__track.is-nudging .fresh-video-proof__slide{animation:none}.fresh-video-proof__slide.is-current{opacity:1;transform:none;cursor:default}.fresh-video-proof__slide:not(.is-current) .fresh-video-proof__shop--viewer{visibility:hidden}.fresh-video-proof__bars,.fresh-video-proof__top{left:calc(50% - var(--fresh-video-proof-w) / 2 + 12px);right:calc(50% - var(--fresh-video-proof-w) / 2 + 12px)}.fresh-video-proof__bars{top:calc((100dvh - var(--fresh-video-proof-h)) / 2 + 10px)}.fresh-video-proof__top{top:calc((100dvh - var(--fresh-video-proof-h)) / 2 + 22px)}.fresh-video-proof__hint{bottom:calc((100dvh - var(--fresh-video-proof-h)) / 2 + 84px)}.fresh-video-proof__nav{position:absolute;top:calc(50% - 24px);z-index:3;display:grid;width:48px;height:48px;place-items:center;padding:0;border:1.5px solid rgba(255,255,255,.28);border-radius:50%;background:var(--fresh-ink);color:#fff;box-shadow:0 4px 14px #00000059;cursor:pointer;transition:opacity .2s ease,scale .12s ease,background .16s ease}.fresh-video-proof__nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fresh-video-proof__nav--prev{left:calc(50% - var(--fresh-video-proof-w) / 2 - 72px)}.fresh-video-proof__nav--next{right:calc(50% - var(--fresh-video-proof-w) / 2 - 72px)}.fresh-video-proof__nav:disabled{opacity:0;pointer-events:none}}@media(min-width:990px){.fresh-video-proof__rail{margin:0;padding:0 0 4px;scroll-padding-inline:0}.fresh-video-proof__item{flex-basis:calc((100% - 36px)/4)}.fresh-video-proof__arrow{position:absolute;top:calc((100cqw - 36px) / 4 * 16 / 9 / 2 - 24px);z-index:2;display:grid;width:48px;height:48px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--fresh-ink);color:#fff;box-shadow:0 4px 16px #05122838;cursor:pointer;transition:opacity .2s ease,scale .12s ease,background .16s ease}.fresh-video-proof__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fresh-video-proof__arrow--prev{left:-24px}.fresh-video-proof__arrow--next{right:-24px}.fresh-video-proof__arrow:disabled{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/fresh-video-proof.css.map */
