/*
// Copyright 2024 The Lynx Authors. All rights reserved.
// Licensed under the Apache License Version 2.0 that can be found in the
// LICENSE file in the root directory of this source tree.
*/
x-foldview-ng {
  display: flex;
  overflow-y: scroll !important;
  overflow-x: clip;
  overflow-x: hidden;
  overscroll-behavior: contain;
  --foldview-header-height: 0px;
  scrollbar-width: none;
}

x-foldview-ng::-webkit-scrollbar {
  display: none;
}

x-foldview-ng[scroll-bar-enable] {
  scrollbar-width: initial;
}

x-foldview-ng[scroll-bar-enable]::-webkit-scrollbar {
  display: initial;
}

x-foldview-ng:not([scroll-bar-enable], [scroll-bar-enable="true"])::-webkit-scrollbar {
  display: none;
}

x-foldview-ng[scroll-enable="false"] {
  overflow-y: hidden;
}

x-foldview-ng > *,
x-foldview-header-ng,
x-foldview-slot-ng,
x-foldview-toolbar-ng {
  display: none;
}

x-foldview-ng > x-foldview-header-ng,
x-foldview-ng > x-foldview-slot-ng,
x-foldview-ng > x-foldview-toolbar-ng,
x-foldview-ng > lynx-wrapper > x-foldview-header-ng,
x-foldview-ng > lynx-wrapper > x-foldview-slot-ng,
x-foldview-ng > lynx-wrapper > x-foldview-toolbar-ng {
  display: flex;
}
x-foldview-toolbar-ng {
  order: 1;
  position: sticky;
  top: 0;
  z-index: 1;
}

x-foldview-header-ng {
  order: 2;
  flex: 0 0 auto;
  position: absolute;
}

x-foldview-ng[header-over-slot] > x-foldview-slot-ng,
x-foldview-ng[header-over-slot] > lynx-wrapper > x-foldview-slot-ng {
  z-index: 1;
}

x-foldview-slot-ng {
  contain: strict;
  order: 3;
}
x-foldview-slot-ng scroll-view {
  /* avoiding default bounce on ios safari */
  overscroll-behavior-y: none;
}