/* Browser-only portfolio framing. FiveM never loads this copied demo file. */
html,
body,
#root {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent !important;
}

#root {
  display: grid;
  place-items: center;
}

.phone-wrap,
.phone-wrap.open {
  position: relative !important;
  inset: auto !important;
  height: min(730px, calc(100vh - 42px), calc((100vw - 42px) * 2.1667)) !important;
  transform: scale(var(--phone-scale)) !important;
  transform-origin: center !important;
}