/* The device beside the app reviews the same sample transaction on desktop. */
.device-approval-touch,.device-approval-complete{display:none}
@media(min-width:901px){
  .app-showcase[data-device-review=device] .app-wallet-pair,
  .app-showcase[data-device-review=approved] .app-wallet-pair{z-index:2}
  .app-showcase[data-device-review=device] .app-wallet-pair figcaption,
  .app-showcase[data-device-review=approved] .app-wallet-pair figcaption{white-space:normal;line-height:1.45;padding:3px 0}
  .app-showcase[data-layout=desktop][data-device-review=device] .app-wallet-pair,
  .app-showcase[data-layout=desktop][data-device-review=approved] .app-wallet-pair{
    display:block;left:-1%;width:120px;bottom:112px;
  }
  .app-showcase[data-layout=desktop][data-device-review=device] .app-frame,
  .app-showcase[data-layout=desktop][data-device-review=approved] .app-frame{
    width:calc(100% - 126px);max-width:calc(100% - 126px);margin-left:auto;
  }
  .app-wallet-pair .device-approval-touch:not([hidden]){
    display:flex;position:absolute;left:50%;bottom:-72px;transform:translateX(-50%);
    flex-direction:column;align-items:center;justify-content:center;gap:5px;
    min-width:112px;min-height:60px;padding:5px 7px;border:0;border-radius:9px;
    color:#e7c997;background:#e2bd7a0d;font:.75rem/1.4 var(--sans);cursor:pointer;
  }
  .device-approval-touch svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.3}
  .device-approval-touch:hover{background:#e2bd7a22}
  .device-approval-touch:focus-visible{outline:2px solid #edcd96;outline-offset:4px}
  .app-wallet-pair .device-approval-complete:not([hidden]){
    display:block;position:absolute;left:50%;bottom:-67px;transform:translateX(-50%);
    width:132px;text-align:center;color:#d8c299;font:.75rem/1.5 var(--sans);
  }
}
