/* Adaptive interface shell geometry for the menu workspace. */

html.is-variko-adaptive.is-variko-adaptive-two-zone {
  --adaptive-interface-half-width: calc(var(--adaptive-interface-viewport-width, 100vw) / 2);
  --left-zone-width: var(--adaptive-interface-half-width);
  --right-zone-width: var(--adaptive-interface-half-width);
}

html.is-variko-adaptive.is-variko-adaptive-one-zone {
  --left-zone-width: var(--adaptive-interface-viewport-width, 100vw);
  --right-zone-width: var(--adaptive-interface-viewport-width, 100vw);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #right_zone {
  touch-action: pan-y;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace {
  --menu-adaptive-panel-toggle-safe: calc(10px + var(--vk-size-panel-control) + var(--vk-control-gap));
  --menu-catalog-pad-x: 22px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-home-hero-version {
  display: none !important;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-home-hero-copy {
  max-width: min(100%, 520px);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #content_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #bottom_zone {
  --menu-safe-left: 0px;
  --menu-safe-right: 0px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #top_zone {
  --menu-safe-left: 0px;
  --menu-safe-right: 0px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center #top_zone {
  --menu-safe-left: var(--menu-adaptive-panel-toggle-safe);
  --menu-safe-right: var(--menu-adaptive-panel-toggle-safe);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-center #top_zone {
  --menu-safe-right: var(--menu-adaptive-panel-toggle-safe);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center-right #top_zone {
  --menu-safe-left: var(--menu-adaptive-panel-toggle-safe);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-left-unavailable #top_zone {
  --menu-safe-left: 0px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-right-unavailable #top_zone {
  --menu-safe-right: 0px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-filter-panel-toggle.vk-btn {
  width: var(--vk-filter-height);
  min-width: var(--vk-filter-height);
  padding: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-filter-panel-toggle span {
  display: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .menu-filter-main-row
  > .vk-filter-panel-chip--summary:not(.menu-filter-panel-toggle):not(.menu-filter-panel-reset) {
  display: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .menu-topbar-title--breadcrumbs
  .menu-topbar-breadcrumb:not(.is-current) {
  display: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .menu-topbar-title--breadcrumbs
  .menu-topbar-breadcrumb.is-current::before {
  content: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .new-variation-title-short {
  display: inline;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .new-variation-title-full {
  display: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .new-variation-mode-row.vk-paper-tab-strip {
  grid-auto-columns: minmax(0, 1fr);
  justify-content: stretch;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .new-variation-mode-btn.vk-paper-tab {
  width: 100%;
  min-width: 0;
  justify-content: center;
  padding: 0;
  gap: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace
  .new-variation-mode-btn.vk-paper-tab
  > span {
  display: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-right-content {
  overflow: hidden;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-detail-shell {
  background: var(--menu-side-canvas-bg);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-bottom: var(--menu-shell-scroll-shadow-pad-bottom);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-game-detail {
  height: auto;
  min-height: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-game-summary {
  flex: 0 0 auto;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace .menu-game-summary-description {
  min-height: 1.45em;
  max-height: min(24vh, 176px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html.is-variko-adaptive.is-variko-adaptive-two-zone #workspace_root.menu-workspace .menu-catalog-layout {
  padding-left: 9px;
  padding-right: 9px;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #left_zone::after,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace #right_zone::before {
  opacity: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-center #center_zone {
  left: var(--left-zone-width);
  right: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center-right #center_zone {
  left: 0;
  right: var(--right-zone-width);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-right #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #center_zone {
  left: 0;
  right: 0;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-right #center_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #center_zone {
  opacity: 0;
  pointer-events: none;
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center-right #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-right #left_zone {
  transform: translateX(calc(-100% - var(--menu-panel-shadow-size)));
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center #right_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-center #right_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left #right_zone {
  transform: translateX(calc(100% + var(--menu-panel-shadow-size)));
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-center #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-right #right_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-center-right #right_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #right_zone {
  transform: translateX(0);
}

html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #left_zone,
html.is-variko-adaptive:not(.is-variko-adaptive-desktop) #workspace_root.menu-workspace.menu-adaptive-surface-left-right #right_zone {
  width: var(--adaptive-interface-half-width, calc(var(--adaptive-interface-viewport-width, 100vw) / 2));
  min-width: var(--adaptive-interface-half-width, calc(var(--adaptive-interface-viewport-width, 100vw) / 2));
  max-width: var(--adaptive-interface-half-width, calc(var(--adaptive-interface-viewport-width, 100vw) / 2));
}