/* Website-only layout rules. */

html.site,
body.site {
  height: 100%;
  overflow: hidden;
}

.site .site-app-shell {
  height: 100vh;
}

.site #root {
  height: 100%;
}

.site .app-shell {
  height: 100%;
  overflow: hidden;
}

.site .app-layout {
  height: 100%;
  overflow: hidden;
}

.site .site-content-viewport {
  height: calc(100vh - var(--header-height));
  min-height: 0;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}


.site .app-scroll {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0;
}

.site .site-scroll-row {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

@media (min-width: 1024px) {
  .site .site-chat-active.site-content-viewport {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.site .site-chat-active.site-content-viewport {
  padding: 12px 12px;
}

.site .site-main-scroll {
  flex: 1 1 auto;
  display: block;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  padding: 0;
}

.site .site-chat-active .site-main-scroll {
  overflow: hidden;
  height: 100%;
}

.site .site-tab-scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
}

.site .site-sidebar {
  overflow-y: auto;
  padding: 16px;
  padding-bottom: 16px;
  box-sizing: border-box;
}

.site .site-chat-shell {
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  max-height: 100%;
  box-sizing: border-box;
  padding-top: 0;
}

.site .site-videos-shell {
  padding-top: 0;
  box-sizing: border-box;
}

.site .site-chat-panel {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
  box-sizing: border-box;
}

.site .site-chat-list-scroll {
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.site .site-chat-messages-scroll {
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.site .site-chat-details-scroll {
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.site .site-chat-gif-scroll {
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}

.site .site-chat-shell .pwa-pt-safe-2,
.site .site-chat-shell .pwa-pt-safe-8,
.site .site-chat-shell .pwa-pt-safe-10 {
  padding-top: 0 !important;
}

.site .pwa-pb-safe-2 {
  padding-bottom: 0 !important;
}

.site .pwa-safe-bottom {
  padding-bottom: 0 !important;
}

.site .pwa-top-safe-12 {
  top: 12px;
}

.site .pwa-top-safe-10 {
  top: 10px;
}

.site .pwa-top-safe-8 {
  top: 8px;
}

.site .pwa-top-safe-2 {
  top: 2px;
}

.site .pwa-pt-safe-10 {
  padding-top: 10px;
}

.site .pwa-pt-safe-8 {
  padding-top: 8px;
}

.site .pwa-pt-safe-2 {
  padding-top: 2px;
}

.site .pwa-pt-safe-0 {
  padding-top: 0;
}

.site .tabbar {
  bottom: 0;
}

.site .pwa-chat-composer {
  padding-bottom: 0;
}