/* TEMVIO v1.0.5 — System Bars Bridge Fix */
:root{
  --temvio-inset-top: 0px;
  --temvio-inset-right: 0px;
  --temvio-inset-bottom: 0px;
  --temvio-inset-left: 0px;
}

/* Native values are injected before app.js. */
#marketing{
  padding-top:var(--temvio-inset-top) !important;
  padding-bottom:var(--temvio-inset-bottom) !important;
}
#marketing .nav{
  height:76px !important;
  padding-top:0 !important;
  padding-left:max(24px,var(--temvio-inset-left)) !important;
  padding-right:max(24px,var(--temvio-inset-right)) !important;
}

#appShell{
  padding-top:var(--temvio-inset-top) !important;
  padding-bottom:var(--temvio-inset-bottom) !important;
  padding-left:var(--temvio-inset-left) !important;
  padding-right:var(--temvio-inset-right) !important;
}
#appShell .main{
  padding-top:0 !important;
}
#appShell .topbar{
  min-height:70px !important;
  padding-top:0 !important;
}

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