@media (max-width: 767px){
  html.hrzn-dashboard-mobile,
  html.hrzn-dashboard-mobile body,
  html.hrzn-dashboard-mobile #root{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  html.hrzn-dashboard-mobile body{
    position:relative;
  }
  html.hrzn-dashboard-mobile #root main,
  html.hrzn-dashboard-mobile #root main > div,
  html.hrzn-dashboard-mobile #root main section{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:hidden;
  }
  html.hrzn-dashboard-mobile #root main .grid,
  html.hrzn-dashboard-mobile #root main .flex{
    min-width:0;
    max-width:100%;
  }
  html.hrzn-dashboard-mobile #root main [class*="grid-cols-"]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html.hrzn-dashboard-mobile #root main section,
  html.hrzn-dashboard-mobile #root main [class*="rounded-2xl"],
  html.hrzn-dashboard-mobile #root main [class*="rounded-3xl"]{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  html.hrzn-dashboard-mobile #root main h2,
  html.hrzn-dashboard-mobile #root main h3,
  html.hrzn-dashboard-mobile #root main p,
  html.hrzn-dashboard-mobile #root main span,
  html.hrzn-dashboard-mobile #root main strong,
  html.hrzn-dashboard-mobile #root main button{
    max-width:100%;
  }
  html.hrzn-dashboard-mobile #root main h2,
  html.hrzn-dashboard-mobile #root main h3,
  html.hrzn-dashboard-mobile #root main p,
  html.hrzn-dashboard-mobile #root main strong{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  html.hrzn-dashboard-mobile #root main table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html.hrzn-dashboard-mobile #root main th,
  html.hrzn-dashboard-mobile #root main td{
    overflow-wrap:anywhere;
    white-space:normal;
  }
}