.app-shell {
  min-height: 100vh;
  padding-right: var(--layout-padding-mobile-small);
  padding-left: var(--layout-padding-mobile-small);
}

.app-content {
  width: 100%;
}

.interaction-block {
  width: 100%;
}

@media (min-width: 375px) {
  .app-shell {
    padding-right: var(--layout-padding-mobile-standard);
    padding-left: var(--layout-padding-mobile-standard);
  }
}

@media (min-width: 768px) {
  .app-shell {
    padding-right: var(--layout-padding-tablet);
    padding-left: var(--layout-padding-tablet);
  }

  .interaction-block {
    max-width: var(--interaction-max-width-tablet);
    margin-right: auto;
    margin-left: auto;
  }
}