@media (max-width:1050px){
  .marketing-nav.mobile-viewport-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(88vw,350px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:2147483000!important;
    background:#fff!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(105%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;
    box-shadow:-18px 0 60px rgba(38,31,78,.22)!important;
    border-left:1px solid var(--border)!important;
  }
  body.public-nav-open .marketing-nav.mobile-viewport-drawer{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
  }
  .public-nav-overlay{
    z-index:2147482000!important;
  }
  body.public-nav-open .marketing-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .marketing-nav.mobile-viewport-drawer .public-drawer-head{
    display:flex!important;
    position:sticky;
    top:calc(-18px - env(safe-area-inset-top));
    z-index:2;
    background:#fff;
    padding-top:calc(18px + env(safe-area-inset-top));
  }
}

@media (max-width:520px){
  .marketing-nav.mobile-viewport-drawer{
    width:min(90vw,340px)!important;
  }
}