/* Android-neutral handset treatment shared by the two domestic product LPs. */
:where(.phone,.device,.screen-frame,.family-screen){
  --handset-shell:#18201d;
  --handset-edge:#59605c;
  isolation:isolate;
  overflow:visible;
  padding:11px 8px 8px;
  border:1px solid var(--handset-edge);
  border-radius:42px;
  background:
    radial-gradient(circle at calc(50% + 30px) 5px,#050706 0 2px,transparent 2.8px),
    linear-gradient(#090c0a,#090c0a) center 4px/39px 3px no-repeat,
    linear-gradient(100deg,#707773 0,#272d2a 8%,var(--handset-shell) 48%,#080b09 82%,#4f5652 100%);
  box-shadow:
    0 30px 70px rgba(4,13,9,.28),
    0 8px 18px rgba(4,13,9,.22),
    inset 0 0 0 1px rgba(255,255,255,.1),
    inset -3px 0 4px rgba(0,0,0,.45),
    inset 3px 0 4px rgba(255,255,255,.08);
}

:where(.screen-frame,.family-screen){position:relative}

:where(.phone,.device,.screen-frame,.family-screen)::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:10px 7px 7px;
  border-radius:33px;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.13) 0 8%,rgba(255,255,255,.035) 20%,transparent 34% 68%,rgba(255,255,255,.045) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}

:where(.phone,.device,.screen-frame,.family-screen)::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:19%;
  right:-4px;
  width:3px;
  height:58px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(#737b76,#252b28 16% 84%,#0a0d0b);
  box-shadow:0 76px 0 #2b312e;
}

:where(.phone,.device,.screen-frame,.family-screen)>img{
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  border-radius:33px;
  background:#080c0a;
  box-shadow:inset 0 0 18px rgba(0,0,0,.45);
}

@media(max-width:600px){
  :where(.phone,.device,.screen-frame,.family-screen){
    padding:10px 7px 7px;
    border-radius:36px;
  }
  :where(.phone,.device,.screen-frame,.family-screen)::before{
    inset:9px 6px 6px;
    border-radius:28px;
  }
  :where(.phone,.device,.screen-frame,.family-screen)>img{border-radius:28px}
}