/* PDF Annotator - timeline. Migrated from WP Coder export. */

/* ======================================================
   TIMELINE
   ====================================================== */

#pdf-annotator .pa-timeline{
  flex:0 0 auto;
  background:#ffffff;
  border-top:1px solid var(--line);
  padding:8px 16px 10px 16px;
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;
  align-items:center;
}

#pdf-annotator .pa-tl-bar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:12px;

  width:100%;
  max-width:1600px;
}

#pdf-annotator .pa-tl-window{
  width:100%;
  max-width:1600px;
  height:70px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid var(--line);
}

#pdf-annotator .pa-tl-scroll{
  width:100%;
  height:70px;
  overflow-x:auto;
  overflow-y:hidden;
  position:relative;
  background:#f8fafc;

  scroll-behavior:smooth;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 -1px 0 rgba(0,0,0,.04);

  scrollbar-width:thin;
  scrollbar-color:#9aa3af #e8edf3;
}

#pdf-annotator .pa-tl-scroll::-webkit-scrollbar{
  height:14px;
}

#pdf-annotator .pa-tl-scroll::-webkit-scrollbar-track{
  background:#e8edf3;
  border-radius:8px;
}

#pdf-annotator .pa-tl-scroll::-webkit-scrollbar-thumb{
  background:#9aa3af;
  border-radius:8px;
}

#pdf-annotator .pa-tl-stack{
  position:relative;
  height:70px;
}

#pdf-annotator .pa-tl-stack canvas{
  position:absolute;
  inset:0;
}

#pdf-annotator #pa-tl-base{
  cursor:pointer;
}

#pdf-annotator #pa-tl-overlay{
  pointer-events:none;
}