.root {
  position: relative;
  background: var(--root-bg);
}

.wrap-btn-scroll-page {
  width: max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: fixed;
  bottom: 30%;
  right: 1rem;
  z-index: 50;
}


.btn-scroll-page {
  height: 3rem;
  width: 3rem;
  border-radius: var(--radius);
  background: var(--btn-scroll-page-bg);
  backdrop-filter: blur(20px);
  cursor: pointer;
  display: none;
  
  &.active {
    display: block;
  }
  &.bottom {
    bottom: 20%;
  }
  
  svg {
    width: 80%;
    height: 80%;
    margin: 10%;
    pointer-events: none;
  }
}


.main {
  width: 100%;
  height: max-content;
  min-height: 90%;
  padding: var(--height) 0 0 0;
}

.page {
  height: max-content;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  
  &[data-page="anime-view"] {
    padding: 1rem;
  }
  
  &.active {
    display: flex;
  }
}