#navigation {
  --nav_child_text_color: var(--text_color_secondary);
  --nav_font_size: var(--font_size_tall);
}

#navigation {
  --nav_post_avatar_offset: 50px;
  --nav_post_lr_offset: 25px;
  padding: 8px 0;
}
:root.mobile #navigation {
  --nav_post_lr_offset: 20px;
}

#pageturn,
#autoload {
  width: calc(100% - var(--nav_post_avatar_offset) - (var(--nav_post_lr_offset) * 2));
  height: 24px;
  margin: 0 var(--nav_post_lr_offset) 0 calc(var(--nav_post_avatar_offset) + var(--nav_post_lr_offset));
  color: var(--nav_child_text_color);
  font-size: var(--nav_font_size);
  line-height: 24px;
}
:root.mobile #pageturn,
:root.mobile #autoload {
  width: calc(100% - (var(--nav_post_lr_offset) * 2));
  margin: 0 var(--nav_post_lr_offset);
}

#pageturn.propopen {
  padding: 10px 0;
}

#pageturn > div.nav-btn {
  cursor: pointer;
}

@keyframes autowait-anim {
  0% {opacity: 0.4;}
  100% {opacity: 1;}
}
#autoload.wait {
  animation: autowait-anim 0.4s linear infinite alternate;
}