/* Figma 6510:3815: native 393 × 518 artwork, scaled as one scene. */
.photo-demo{position:relative;width:min(100%,374px);aspect-ratio:393/518;direction:ltr;isolation:isolate}
.photo-demo-stage{position:absolute;left:0;top:0;width:393px;height:518px;transform:scale(var(--photo-demo-scale,.95));transform-origin:top left;overflow:hidden}
.photo-demo-stage *{box-sizing:border-box}
.photo-demo-stage img{display:block;max-width:none}
.photo-demo-gelato{position:absolute;z-index:0}
.photo-demo-gelato img{width:100%;height:100%;object-fit:contain}
.photo-demo-pistachio{left:12px;top:333.04px;width:150px;height:150px;filter:drop-shadow(0 6px 13px rgb(31 36 46 / 6%))}
.photo-demo-strawberry{left:277px;top:63.04px;width:104px;height:104px;filter:drop-shadow(0 4.16px 9.013px rgb(31 36 46 / 6%))}
.photo-demo-device{position:absolute;left:77.5px;top:16.0415px;width:238px;height:485.917px}
.photo-demo-bezel{position:absolute;left:.1615px;top:0;width:237.677px;height:485.917px;object-fit:cover;border-radius:15%/7.35%}
.photo-demo-screen{position:absolute;left:13.52px;top:12.62px;width:210.955px;height:461.631px;overflow:hidden;border-radius:34.354px;background:transparent}
.photo-demo-viewfinder{position:absolute;inset:0 -.05px -.37px 0;overflow:hidden}
.photo-demo-menu{position:absolute;left:20.569px;top:88.158px;width:169.867px;height:285.685px;object-fit:cover;background:#fff;box-shadow:0 .689px 1.379px rgb(0 0 0 / 4%),0 2.758px 7.583px rgb(0 0 0 / 9%)}
.photo-demo-languages{position:absolute;left:13.5px;right:13.5px;top:30.33px;height:30px;display:flex;align-items:center;justify-content:center;gap:13.8px;padding:0 8px;border-radius:15px;background:#fff;opacity:.94;backdrop-filter:blur(5px);filter:drop-shadow(0 1px 4px rgb(31 36 46 / 4%));font:500 11px/26px -apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#1c1f24}
.photo-demo-languages .photo-demo-swap{font-size:13px;color:var(--blue)}
.photo-demo-island{position:absolute;left:80.52px;top:6.98px;width:49.921px;height:18.787px;border-radius:10.736px;background:#000;z-index:2}
.photo-demo-translation{position:absolute;left:35.35px;width:139.291px;height:17.712px;display:flex;align-items:center;justify-content:center;opacity:1}
.photo-demo-translation-texture{position:absolute;inset:0;overflow:hidden}
.photo-demo-translation-texture img{position:absolute;width:119.05%;height:1923.08%;left:-9.52%;top:-11.54%}
.photo-demo-translation span{position:relative;font:400 15.458px/17.712px 'Libre Baskerville',Baskerville,Georgia,serif;color:#292824;white-space:nowrap}
.photo-demo-recognition{position:absolute;left:17.07px;top:84.81px;width:175.867px;height:291.685px;opacity:0;transform-origin:center}
.photo-demo-recognition svg>g{opacity:1}
.photo-demo-scan-clip{position:absolute;left:20.07px;top:87.81px;width:169.867px;height:285.685px;overflow:hidden}
.photo-demo-sweep{position:absolute;left:0;top:0;width:169.867px;height:18.284px;opacity:0;background:linear-gradient(to bottom,rgb(var(--blue-rgb) / 0%),rgb(var(--blue-rgb) / 2%) 65%,rgb(var(--blue-rgb) / 6%))}
.photo-demo-sweep::after{content:"";position:absolute;left:0;top:17.23px;width:169.867px;height:1.05px;background:linear-gradient(90deg,transparent,rgb(var(--blue-rgb) / 33%) 15%,rgb(var(--blue-rgb) / 33%) 85%,transparent)}
.photo-demo-glint{position:absolute;height:1px;filter:blur(.45px);opacity:0;background:linear-gradient(90deg,transparent,rgb(var(--blue-rgb) / 36%) 20%,rgb(var(--blue-rgb) / 36%) 80%,transparent)}
.photo-demo-controls{position:absolute;left:0;right:-.05px;bottom:-.37px;height:70.318px;display:flex;align-items:center;justify-content:center}
.photo-demo-shutter{width:41.364px;height:41.364px;background:#fff;border:.5px solid rgb(102 110 122 / 10%);border-radius:20.682px;filter:drop-shadow(0 3.309px 5.998px rgb(31 36 46 / 5%)) drop-shadow(0 1px 1.861px rgb(31 36 46 / 8%));transform-origin:center}
.photo-demo [data-photo-motion]{animation-play-state:paused!important}
.photo-demo.is-playing [data-photo-motion]{animation-play-state:running!important}
@media(max-width:809px){.photo-demo{width:min(100%,288px)}}
@media(prefers-reduced-motion:reduce){.photo-demo [data-photo-motion]{animation:none!important}.photo-demo-translation{opacity:1}.photo-demo-recognition,.photo-demo-sweep,.photo-demo-glint{opacity:0}}
/* Preserve the original scan timing, then hold the fully translated menu for 2s. */
.photo-demo [data-photo-motion="6529:4083"]{animation: kf_6529_4083_translate_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_6529_4083_translate_0 { 0% { animation-timing-function: ease-out; translate: -168px 0px; } 14.4% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.photo-demo [data-photo-motion="6560:3810"]{animation: kf_6560_3810_translate_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_6560_3810_translate_0 { 0% { animation-timing-function: ease-out; translate: 122px 0px; } 14.4% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.photo-demo [data-photo-motion="7398:6580"]{animation: kf_0_22_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_22_opacity_0 { 0% { opacity: 0; } 36.7998% { animation-timing-function: ease-out; opacity: 0; } 41.2002% { opacity: 1; } 100% { opacity: 1; } }
.photo-demo [data-photo-motion="7398:6585"]{animation: kf_0_24_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_24_opacity_0 { 0% { opacity: 0; } 40.8% { animation-timing-function: ease-out; opacity: 0; } 45.1998% { opacity: 1; } 100% { opacity: 1; } }
.photo-demo [data-photo-motion="7398:6590"]{animation: kf_0_26_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_26_opacity_0 { 0% { opacity: 0; } 44.8002% { animation-timing-function: ease-out; opacity: 0; } 49.2% { opacity: 1; } 100% { opacity: 1; } }
.photo-demo [data-photo-motion="7398:6595"]{animation: kf_0_28_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_28_opacity_0 { 0% { opacity: 0; } 48.7998% { animation-timing-function: ease-out; opacity: 0; } 53.2002% { opacity: 1; } 100% { opacity: 1; } }
.photo-demo [data-photo-motion="7402:6582"]{animation: kf_0_30_opacity_0 5s linear, kf_0_30_scale_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_30_opacity_0 { 0% { opacity: 0; } 7.6002% { animation-timing-function: ease-out; opacity: 0; } 11.2002% { opacity: 1; } 52.3998% { animation-timing-function: ease-out; opacity: 1; } 56.8002% { opacity: 0; } 100% { opacity: 0; } } @keyframes kf_0_30_scale_0 { 0% { scale: 1.025 1.025; } 7.6002% { animation-timing-function: ease-out; scale: 1.025 1.025; } 12.4002% { scale: 1 1; } 100% { scale: 1 1; } }
.photo-demo [data-photo-motion="7402:6596"]{animation: kf_0_33_opacity_0 5s linear, kf_0_33_translate_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_33_opacity_0 { 0% { opacity: 0; } 10.8% { animation-timing-function: ease-out; opacity: 0; } 12.7998% { opacity: 1; } 31.3998% { animation-timing-function: ease-out; opacity: 1; } 34.3998% { opacity: 0; } 100% { opacity: 0; } } @keyframes kf_0_33_translate_0 { 0% { translate: 0px 0px; } 11.5998% { translate: 0px 0px; } 31.9998% { translate: 0px 267.401px; } 100% { translate: 0px 267.401px; } }
.photo-demo [data-photo-motion="7402:6608"]{animation: kf_0_35_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_35_opacity_0 { 0% { opacity: 0; } 20.4% { animation-timing-function: ease-out; opacity: 0; } 22.8% { animation-timing-function: ease-out; opacity: 1; } 28.0002% { animation-timing-function: ease-out; opacity: 0.24; } 40.0002% { opacity: 0; } 100% { opacity: 0; } }
.photo-demo [data-photo-motion="7402:6616"]{animation: kf_0_36_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_36_opacity_0 { 0% { opacity: 0; } 22.8% { animation-timing-function: ease-out; opacity: 0; } 25.2% { animation-timing-function: ease-out; opacity: 1; } 30.4002% { animation-timing-function: ease-out; opacity: 0.24; } 43.9998% { opacity: 0; } 100% { opacity: 0; } }
.photo-demo [data-photo-motion="7402:6624"]{animation: kf_0_37_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_37_opacity_0 { 0% { opacity: 0; } 25.2% { animation-timing-function: ease-out; opacity: 0; } 27.6% { animation-timing-function: ease-out; opacity: 1; } 32.8002% { animation-timing-function: ease-out; opacity: 0.24; } 48% { opacity: 0; } 100% { opacity: 0; } }
.photo-demo [data-photo-motion="7402:6632"]{animation: kf_0_38_opacity_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_38_opacity_0 { 0% { opacity: 0; } 27.6% { animation-timing-function: ease-out; opacity: 0; } 30% { animation-timing-function: ease-out; opacity: 1; } 35.2002% { animation-timing-function: ease-out; opacity: 0.24; } 52.0002% { opacity: 0; } 100% { opacity: 0; } }
.photo-demo [data-photo-motion="7398:6561"]{animation: kf_0_43_scale_0 5s linear; animation-iteration-count: infinite;}
@keyframes kf_0_43_scale_0 { 0% { scale: 1 1; } 3.1998% { animation-timing-function: ease-out; scale: 1 1; } 6.7998% { animation-timing-function: ease-out; scale: 0.91 0.91; } 11.8002% { scale: 1 1; } 100% { scale: 1 1; } }

/* Cover every printed heading with the same paper texture as the flavor names. */
.photo-demo-kicker{top:109.7px;height:9px}
.photo-demo-title{top:128px;height:31px}
.photo-demo-flavors{top:201.5px;height:10px}
.photo-demo-tagline{top:346px;height:10px}
.photo-demo-kicker span,.photo-demo-flavors span,.photo-demo-tagline span{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-weight:500}
.photo-demo-kicker span{font-size:5.3px;line-height:9px;letter-spacing:2px}
.photo-demo-title span{font-size:20.5px;line-height:31px;letter-spacing:-.75px}
.photo-demo-flavors span{font-size:5.3px;line-height:10px;letter-spacing:1.9px}
.photo-demo-tagline span{font-size:4.3px;line-height:10px;letter-spacing:1.1px}
.photo-demo [data-photo-motion="menu-kicker"]{animation:photo-menu-kicker 5s linear infinite}
.photo-demo [data-photo-motion="menu-title"]{animation:photo-menu-title 5s linear infinite}
.photo-demo [data-photo-motion="menu-flavors"]{animation:photo-menu-flavors 5s linear infinite}
.photo-demo [data-photo-motion="menu-tagline"]{animation:photo-menu-tagline 5s linear infinite}
@keyframes photo-menu-kicker{0%,34.4%{opacity:0;animation-timing-function:ease-out}38.8%,100%{opacity:1}}
@keyframes photo-menu-title{0%,35.6%{opacity:0;animation-timing-function:ease-out}40%,100%{opacity:1}}
@keyframes photo-menu-flavors{0%,36%{opacity:0;animation-timing-function:ease-out}40.4%,100%{opacity:1}}
@keyframes photo-menu-tagline{0%,52%{opacity:0;animation-timing-function:ease-out}56.4%,100%{opacity:1}}