/* Keep the workspace heading below device status bars and display cutouts. */
.my-roster-workspace .side {
  padding-top: calc(28px + env(safe-area-inset-top, 0px));
}
@media (max-width: 1050px) {
  .my-roster-workspace .side {
    padding-top: calc(24px + env(safe-area-inset-top, 0px));
  }
}
@media (max-width: 700px) {
  .my-roster-workspace .side {
    padding-top: calc(20px + env(safe-area-inset-top, 0px));
  }
}