.UserLayout-frame {
  display: grid;
  grid-gap: 0 var(--spaceMd);
  grid-template-columns: 16.5rem 1fr;
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "userNav userMain"
 "userWidget userMain"
 "userContact userMain"
 ". userMain";
}

@media (max-width: 64rem) {
  .UserLayout-frame {
    grid-template-columns: 14.5rem 1fr;
  }
}

@media (max-width: 48rem) {
  .UserLayout-frame {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "userNav"
 "userMain"
 "userWidget";
  }
}

.UserLayout-nav {
  grid-area: userNav;
}

.UserLayout-widget {
  grid-area: userWidget;
}

.UserLayout-contact {
  grid-area: userContact;
  margin-top: var(--spaceMd);
}

@media (max-width: 48rem) {
  .UserLayout-contact {
    display: none;
  }
}

.UserLayout-main {
  grid-area: userMain;
  margin-bottom: var(--spaceLg);
  background: #fff;
  border-radius: .3125rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  padding: var(--spaceLg) 0 var(--spaceMd);
}

/*# sourceMappingURL=user-layout.min.css.map */