/* Pictag conversation progress v1.6.9 */
:root{
  --pictag-visible-height:100dvh;
  --pictag-safe-bottom:env(safe-area-inset-bottom,0px);
}

#pictag-conversation-progress{
  position:fixed;
  top:82px;
  right:8px;
  bottom:calc(86px + var(--pictag-safe-bottom));
  z-index:1000;
  width:30px;
  display:none;
  align-items:stretch;
  justify-content:center;
  pointer-events:none;
}
#pictag-conversation-progress.is-visible{display:flex;}
#pictag-conversation-progress-list{
  width:100%;max-height:100%;display:flex;flex-direction:column;
  align-items:flex-end;justify-content:center;
  gap:var(--pictag-progress-gap,5px);
  overflow:hidden;pointer-events:auto;
}
.pictag-conversation-progress-mark{
  appearance:none;-webkit-appearance:none;display:block;flex:0 0 auto;
  width:18px!important;min-width:18px!important;max-width:18px!important;
  height:2px;min-height:2px;margin:0;padding:0;border:0;border-radius:999px;
  background-color:rgba(148,148,158,.48);opacity:.9;cursor:pointer;
  transition:none!important;transform:none!important;
}
.pictag-conversation-progress-mark:hover,
.pictag-conversation-progress-mark:focus-visible{
  width:18px!important;opacity:1;outline:none;
}
.pictag-conversation-progress-mark.is-active{
  width:18px!important;min-width:18px!important;max-width:18px!important;
  background-color:#d70053!important;opacity:1!important;
}

@media(max-width:760px){
  #pictag-conversation-progress{
    top:72px;right:3px;bottom:calc(88px + var(--pictag-safe-bottom));width:25px;
  }
  .pictag-conversation-progress-mark,
  .pictag-conversation-progress-mark:hover,
  .pictag-conversation-progress-mark:focus-visible,
  .pictag-conversation-progress-mark.is-active{
    width:15px!important;min-width:15px!important;max-width:15px!important;
  }
}