html,
body {
  overflow-x: hidden !important;
}

.page,
.main-page,
.content-page,
.home-page,
.browse-page {
  position: relative;
  left: var(--chirp-sidebar-gap-shift, 0px);
  width: calc(100% + var(--chirp-sidebar-gap-grow, 0px)) !important;
  max-width: none !important;
}

html.chirp-sidebar-collapsed .sidebar nav a,
html.chirp-sidebar-collapsed .sidebar nav button,
html.chirp-sidebar-collapsed .side-nav nav a,
html.chirp-sidebar-collapsed .side-nav nav button,
html.chirp-sidebar-collapsed .app-sidebar nav a,
html.chirp-sidebar-collapsed .app-sidebar nav button,
html.chirp-sidebar-collapsed [data-sidebar] nav a,
html.chirp-sidebar-collapsed [data-sidebar] nav button {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0 !important;
  justify-content: center !important;
  overflow: hidden !important;
  font-size: 0 !important;
  white-space: nowrap !important;
}

html.chirp-sidebar-collapsed .sidebar nav a svg,
html.chirp-sidebar-collapsed .sidebar nav button svg,
html.chirp-sidebar-collapsed .side-nav nav a svg,
html.chirp-sidebar-collapsed .side-nav nav button svg,
html.chirp-sidebar-collapsed .app-sidebar nav a svg,
html.chirp-sidebar-collapsed .app-sidebar nav button svg,
html.chirp-sidebar-collapsed [data-sidebar] nav a svg,
html.chirp-sidebar-collapsed [data-sidebar] nav button svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
  margin: 0 !important;
}

html.chirp-sidebar-collapsed .sidebar .recommended,
html.chirp-sidebar-collapsed .sidebar [class*="recommended"],
html.chirp-sidebar-collapsed .side-nav .recommended,
html.chirp-sidebar-collapsed .side-nav [class*="recommended"],
html.chirp-sidebar-collapsed .app-sidebar .recommended,
html.chirp-sidebar-collapsed .app-sidebar [class*="recommended"],
html.chirp-sidebar-collapsed [data-sidebar] .recommended,
html.chirp-sidebar-collapsed [data-sidebar] [class*="recommended"] {
  display: none !important;
}

html.chirp-sidebar-collapsed .sidebar nav,
html.chirp-sidebar-collapsed .side-nav nav,
html.chirp-sidebar-collapsed .app-sidebar nav,
html.chirp-sidebar-collapsed [data-sidebar] nav {
  align-items: center !important;
}

.home-grid,
.live-channel-grid,
.browse-shell,
.account-clean,
.following-page,
.following-shell,
.creator-page,
.channel-page {
  min-width: 0 !important;
  max-width: 100% !important;
}