/*
// 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-refresh-header, x-refresh-footer {
  display: none;
}
x-refresh-view {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-width: 0px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 0;
  min-height: 0;
  border-style: solid;
}

x-refresh-view::part(container),
x-refresh-view::part(content),
x-refresh-view::part(slot) {
  --lynx-display: inherit;
}

/* header */
x-refresh-view:not([enable-refresh="false"]) > x-refresh-header:first-of-type {
  display: flex;
  position: relative !important;
  scroll-snap-align: none;
  flex-shrink: 0;
}
/* ::part chrome 73, firefox 72, safari 13.4 */
x-refresh-view[enable-refresh="false"]::part(placeholder-top) {
  display: none;
}

x-refresh-view > x-refresh-header[x-magnet-enable]:first-of-type {
  scroll-snap-align: start !important;
}
x-refresh-view > x-refresh-footer[x-magnet-enable]:first-of-type {
  scroll-snap-align: end !important;
}

/* footer */
x-refresh-view:not([enable-loadmore="false"]) > x-refresh-footer:first-of-type {
  display: flex;
  position: relative !important;
  scroll-snap-align: none;
  margin-top: auto;
  flex-shrink: 0;
}

x-refresh-view[enable-loadmore="false"]::part(placeholder-bot) {
  display: none;
}