/* TEMVIO v1.0.6 — Density-Aware Insets */
/* Native now sends dp/CSS-pixel values rather than physical Android pixels. */
:root{
  --temvio-inset-top-safe: min(var(--temvio-inset-top), 64px);
  --temvio-inset-bottom-safe: min(var(--temvio-inset-bottom), 64px);
  --temvio-inset-left-safe: min(var(--temvio-inset-left), 48px);
  --temvio-inset-right-safe: min(var(--temvio-inset-right), 48px);
}

#marketing{
  padding-top:var(--temvio-inset-top-safe) !important;
  padding-bottom:var(--temvio-inset-bottom-safe) !important;
}
#appShell{
  padding-top:var(--temvio-inset-top-safe) !important;
  padding-bottom:var(--temvio-inset-bottom-safe) !important;
  padding-left:var(--temvio-inset-left-safe) !important;
  padding-right:var(--temvio-inset-right-safe) !important;
}
.bottom-nav{
  bottom:calc(8px + var(--temvio-inset-bottom-safe)) !important;
  left:calc(8px + var(--temvio-inset-left-safe)) !important;
  right:calc(8px + var(--temvio-inset-right-safe)) !important;
}
.fab{
  bottom:calc(88px + var(--temvio-inset-bottom-safe)) !important;
  right:calc(18px + var(--temvio-inset-right-safe)) !important;
}
@media(max-width:900px){
  #appShell .main{
    padding-bottom:calc(112px + var(--temvio-inset-bottom-safe)) !important;
  }
}
.modal-wrap,.market-modal-wrap{
  padding-top:var(--temvio-inset-top-safe) !important;
  padding-bottom:var(--temvio-inset-bottom-safe) !important;
}