/* Roam v1.7.8
   Flat hero-to-content transition.
   This intentionally removes the rounded sheet/drag-handle treatment because it
   was creating empty white space and causing the tabs to overlap content.
*/

.trip-hero {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 28px !important;
}

.trip-panel {
  margin-top: 0 !important;
  border-radius: 0 !important;
  padding: 20px 20px 44px !important;
  background: #fff !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 50svh;
}

.drag {
  display: none !important;
}

.trip-tabs {
  position: static !important;
  top: auto !important;
  z-index: 1 !important;
  padding-top: 0 !important;
  margin: 0 0 22px 0 !important;
  background: #fff !important;
}

.tab-content {
  margin-top: 0 !important;
}

.card.soft {
  margin-top: 0 !important;
}

/* Home cards should not sit under the sticky header when returning home. */
.screen {
  padding-top: 30px !important;
}

html, body, .app {
  overflow-x: hidden;
}