/* Qualified Face media only. The pending manifest mounts no media. */
[data-product-proof-slot]:empty{display:none}
.verified-face-module,.verified-face-detail-module{
  max-width:1100px;margin:36px auto 0;color:var(--ink)
}
.verified-face-module h3,.verified-face-detail-module h3{
  font:690 clamp(24px,3vw,36px)/1.16 var(--display);
  letter-spacing:-.035em;margin:0 0 18px
}
.verified-face-image,.verified-face-hero-frame{
  width:100%;aspect-ratio:var(--verified-desktop-ratio);
  --media-lqip:var(--verified-desktop-lqip);
  background-color:#10191b;overflow:hidden
}
.verified-face-image{border:1px solid var(--line);border-radius:13px}
.verified-face-image picture,.verified-face-hero-frame picture,
.verified-face-image img,.verified-face-hero-frame img{
  display:block;width:100%;height:100%
}
.verified-face-image img{aspect-ratio:var(--verified-desktop-ratio);object-fit:contain}
main.home .home-scene[data-showcase-stage="verified-app-capture"] .verified-face-hero-frame img{
  height:100%;width:100%;aspect-ratio:var(--verified-desktop-ratio);object-fit:contain;
  background-color:transparent
}
.verified-face-module figcaption,.verified-face-detail-module figcaption{
  color:var(--muted);font:500 12px/1.6 var(--display);margin:12px 0 8px
}
.verified-face-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.verified-face-detail-grid>div{border:1px solid var(--line);border-radius:12px;
  background-color:#1d2728;overflow:hidden}
.verified-face-detail-media{overflow:hidden;background-color:#141d1f}
.verified-face-detail-media img{display:block;width:100%;height:100%;object-fit:contain}
.verified-face-detail-grid span{display:block;font:650 13px/1.5 var(--display);
  color:var(--ink);padding:12px 14px}
@media(max-width:700px){
 .verified-face-module,.verified-face-detail-module{margin:24px 0 0}
 .verified-face-module h3,.verified-face-detail-module h3{font-size:25px;margin-bottom:13px}
 .verified-face-image,.verified-face-hero-frame{
   aspect-ratio:var(--verified-mobile-ratio);
   --media-lqip:var(--verified-mobile-lqip)
 }
 .verified-face-image img{aspect-ratio:var(--verified-mobile-ratio)}
 main.home .home-scene[data-showcase-stage="verified-app-capture"] .verified-face-hero-frame img{
   aspect-ratio:var(--verified-mobile-ratio)
 }
 .verified-face-detail-grid{gap:9px}
 .verified-face-detail-grid span{font-size:11px;padding:10px}
 .verified-face-module figcaption,.verified-face-detail-module figcaption{font-size:11px}
}


/* Displayed source is inside the native viewer link, so currentSrc is the
 * selected mobile/desktop preview rather than a detached image. */
.verified-face-image,.verified-face-hero-frame{position:relative}
.verified-face-image .verified-face-open,.verified-face-hero-frame .verified-face-open{
  display:block;width:100%;height:100%;min-height:0;padding:0;
  position:relative;color:inherit;text-decoration:none
}
.verified-face-open picture{display:block;width:100%;height:100%}
.verified-face-image a.verified-face-open:focus-visible,
main.home .home-scene[data-showcase-stage="verified-app-capture"]
 .verified-face-hero-frame a.verified-face-open:focus-visible{
  outline:3px solid var(--cyan);outline-offset:-5px;
  box-shadow:inset 0 0 0 1px #082125
}
.verified-face-image a.verified-face-open[data-viewer-quiet-focus]:focus-visible,
main.home .home-scene[data-showcase-stage="verified-app-capture"]
 .verified-face-hero-frame a.verified-face-open[data-viewer-quiet-focus]:focus-visible{
  outline:none;box-shadow:none
}
.verified-face-open-label{
  position:absolute;right:10px;bottom:10px;z-index:2;
  background:rgba(4,14,17,.88);border:1px solid var(--line);
  border-radius:6px;padding:8px 11px;
  color:var(--cyan);font:650 12px/1.3 var(--display);
  text-decoration:underline;text-underline-offset:3px
}
.verified-face-image .face-media-fallback,
.verified-face-hero-frame .face-media-fallback{
  z-index:3;background:#162022
}
.verified-face-fallback img{
  display:block;max-width:100%;max-height:66%;width:auto;height:auto;
  object-fit:contain;border-radius:6px
}
main.home .home-scene[data-showcase-stage="verified-app-capture"]
 .verified-face-concept-caption{display:none}
main.home .home-scene[data-showcase-stage="verified-app-capture"]:has(.media-failed)
 .verified-face-live-caption{display:none}
main.home .home-scene[data-showcase-stage="verified-app-capture"]:has(.media-failed)
 .verified-face-concept-caption{display:block}
/* The established viewer's mobile fit mode uses 900px width and natural
   height for equal-aspect source and derivative pairs. A qualified mobile
   crop can be portrait while the complete desktop capture is panoramic.
   Reserve the desktop-sized canvas before the mobile preview upgrades. */
@media(max-width:700px){
 .face-viewer.verified-face-viewer[data-viewer-mode="fit"] .viewer-scroll img{
   width:900px;height:var(--verified-viewer-height);
   max-width:none;max-height:none;object-fit:contain;object-position:left center
 }
}