@import 'common';

#app {
  z-index: 0;
}
.z-top-container,
.international-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1;
}
.van-popper-avatar,
.van-popper-vip,
.van-popper-favorite,
.van-popper-history,
.van-popper-upload,
.popover-channe,
.popover-game,
.popover-live,
.custom-navbar {
  position: fixed !important;
}
.sticky-bar {
  display: none !important;
}
.left-panel,
.right-panel {
  position: fixed !important;
}
.home-container {
  --left-width: 244px;
  --center-width: 632px;

  @media screen and (min-width: 1921px) {
    --left-width: 12.71vw;
    --center-width: 32.92vw;
  }
  @media screen and (min-width: 2497px) {
    --left-width: 317px;
    --center-width: 822px;
  }
}
.center-panel {
  margin-left: calc(var(--left-width) + 8px) !important;
}
.right-panel {
  margin-left: calc(var(--left-width) + 16px + var(--center-width)) !important;
}
.live-panel .live-up-list {
  overflow: auto;
  @include no-scrollbar();
}
@import '../feeds-panel-shared';

.adaptive-scroll {
  min-height: unset !important;
  .scroll-content {
    position: static !important;
  }
}
.bili-dyn-home--member {
  --center-width: 632px;
  --gap: 8px;
  --fixed-offset: calc(var(--center-width) + (100% - var(--center-width)) / 2 + var(--gap));
  section.sticky {
    position: static !important;
  }
  aside {
    position: fixed !important;
    margin: 0 !important;
    &.left {
      right: var(--fixed-offset);
    }
    &.right {
      left: var(--fixed-offset);
    }
  }
  main {
    width: var(--center-width);
    margin: 0 var(--gap);
  }
  @media screen and (min-width: 1921px) {
    --center-width: 32.92vw;
  }
  @media screen and (min-width: 2497px) {
    --center-width: 822px;
  }
}
