/* L2WAP: chat-scale five-number pagination, shared across mobile pages. */
body.l2-app-l2-chrome .l2-compact-pages {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  flex-wrap: wrap !important;
  gap: 3px !important;
  max-width: 100%;
  width: auto;
  margin: 6px 0 8px !important;
  padding: 0 2px !important;
  min-height: 19px;
}
body.l2-app-l2-chrome .l2-compact-pages[hidden] { display: none !important; }
body.l2-app-l2-chrome .l2-compact-pages > .l2-compact-pages__btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 20px !important;
  width: auto !important;
  height: 19px !important;
  min-height: 19px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  border: 1px solid #68513a !important;
  border-radius: 3px !important;
  border-image: none !important;
  background: linear-gradient(180deg,#3d332a,#211c18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
  color: #e0d5c3 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  cursor: pointer;
  white-space: nowrap;
}
body.l2-app-l2-chrome .l2-compact-pages > .l2-compact-pages__btn--active {
  background: linear-gradient(180deg,#665034,#3e2d1d) !important;
  color: #ffe0a0 !important;
  border-color: #a78853 !important;
  cursor: default;
}
body.l2-app-l2-chrome .l2-compact-pages > .l2-compact-pages__btn:hover:not(:disabled),
body.l2-app-l2-chrome .l2-compact-pages > .l2-compact-pages__btn:focus-visible {
  border-color: #a78853 !important;
  color: #ffedcf !important;
  outline: none;
}
body.l2-app-l2-chrome .l2-compact-pages > .l2-compact-pages__btn:disabled { opacity: 1 !important; }