/* Home dashboard shell and scroll layout. */
:root {
  --menu-home-board-like-shadow: var(--vk-shadow-home-surface);
}

.menu-home-wrap {
  width: 100%;
  min-height: 100%;
  padding: var(--menu-catalog-pad-top) var(--menu-catalog-pad-x) 0;
  box-sizing: border-box;
}

.menu-home-wrap.is-guest-home {
  display: flex;
  align-items: center;
}

#workspace_root.menu-workspace.is-home-section #center_zone > #top_zone {
  height: 0;
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
}

#workspace_root.menu-workspace.is-home-section .menu-topbar-shell {
  display: none;
}

#workspace_root.menu-workspace.is-home-section #content_zone {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  transition: scrollbar-color 160ms ease;
}

#workspace_root.menu-workspace.is-home-section #content_zone:hover,
#workspace_root.menu-workspace.is-home-section #content_zone:focus-within {
  scrollbar-color: color-mix(in srgb, var(--vk-text-primary) 22%, transparent) transparent;
}

#workspace_root.menu-workspace.is-home-section #content_zone::-webkit-scrollbar {
  width: 6px;
}

#workspace_root.menu-workspace.is-home-section #content_zone::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: transparent;
}

#workspace_root.menu-workspace.is-home-section #content_zone:hover::-webkit-scrollbar-thumb,
#workspace_root.menu-workspace.is-home-section #content_zone:focus-within::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--vk-text-primary) 22%, transparent);
}

.menu-home-scroll {
  width: min(100%, 1400px);
  min-height: 100%;
  margin: 0 auto;
  overflow: visible;
  padding:
    var(--vk-paper-list-gutter-top)
    var(--vk-paper-list-gutter-right)
    max(28px, var(--vk-paper-list-gutter-bottom))
    var(--vk-paper-list-gutter-left);
  scroll-padding: var(--vk-paper-list-gutter);
  box-sizing: border-box;
}

.menu-home-wrap.is-guest-home .menu-home-scroll {
  height: auto;
  min-height: 0;
}

.menu-home-hero,
.menu-home-guest {
  position: relative;
  overflow: hidden;
  border-radius: var(--vk-radius-hero);
}