.workspace-lens-surface{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.workspace-lens-surface>picture,.workspace-lens-surface img,.workspace-lens{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;display:block}
.workspace-lens{opacity:0;pointer-events:none}
.workspace-sticker-composite{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;pointer-events:none;opacity:0}
.stickers-ready>.workspace-sticker-composite{opacity:1}
.stickers-ready.lens-ready>.workspace-sticker-composite{opacity:0}
.workspace-phone{position:absolute;left:0;top:0;width:256px;height:512px;transform-origin:0 0;pointer-events:none}
.workspace-lens-surface.lens-ready>.workspace-phone{opacity:0}
.workspace-lens-surface.lens-ready>.workspace-lens{opacity:1}
.workspace-lens-surface.lens-ready img{opacity:0}
.workspace-lens-surface.is-interacting>.lens-reticle{opacity:1;transform:translate(-50%,-50%) scale(1)}
.workspace-lens-surface .lens-reticle{z-index:1}
.photo-case{touch-action:pan-y;min-height:0;height:auto;max-height:none;aspect-ratio:3/2}
.photo-case-shade,.photo-case-caption{pointer-events:none}
.photo-case-shade{background:linear-gradient(180deg,#05050545,transparent 22%,transparent 75%,#05050535)}
.photo-case .product-overlay{left:auto;right:30px}
@media(max-width:760px){.photo-case{aspect-ratio:auto;padding-top:150%;padding-bottom:87px}.workspace-lens-surface{height:auto;bottom:87px}.photo-case-shade{bottom:87px}.photo-case-caption{top:12px;left:12px;right:12px;font-size:.55rem}.photo-case .product-overlay{left:0;right:0;bottom:0;min-width:0;height:87px;padding:14px 18px;border-radius:0;transform:none!important}.photo-case .product-overlay>span{font-size:.625rem}.photo-case .product-overlay>div{gap:10px;margin-top:8px;font-size:.8125rem}.photo-case .product-overlay>div>i{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.workspace-lens-surface{transform:none!important}.workspace-lens{display:none!important}.workspace-lens-surface.lens-ready img,.workspace-lens-surface.lens-ready>.workspace-phone{opacity:1}}
@media(prefers-reduced-motion:reduce){.stickers-ready.lens-ready>.workspace-sticker-composite{opacity:1}}
