/* Progress.tz v2.9.5.1 — Shorts vertical scroll + Load More */

.progress-shorts-social .ps-feed,
.ps-feed{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  max-width:680px;
  margin:0 auto;
  overflow:visible!important;
}

.progress-shorts-social [data-ps-post="1"],
[data-ps-post="1"]{
  flex:0 0 auto;
  width:100%;
  scroll-margin-top:84px;
}

.progress-shorts-social [data-ps-post="1"].ps-feed-hidden,
[data-ps-post="1"].ps-feed-hidden{
  display:none!important;
}

.progress-shorts-social [data-ps-post="1"].ps-feed-reveal,
[data-ps-post="1"].ps-feed-reveal{
  animation:psFeedReveal .28s ease both;
}

@keyframes psFeedReveal{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

.ps-load-more-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:8px 16px 24px;
}

.ps-load-more-inner{
  width:100%;
  max-width:680px;
  text-align:center;
}

.ps-load-more{
  appearance:none;
  border:1px solid #d7dbe0;
  background:#fff;
  color:#17345e;
  min-width:180px;
  border-radius:10px;
  padding:11px 18px;
  font-size:14px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

.ps-load-more:hover,
.ps-load-more:focus-visible{
  background:#f2f4f7;
}

.ps-load-more[disabled]{
  cursor:default;
  opacity:.55;
}

.ps-feed-counter{
  display:block;
  margin-top:8px;
  color:#65676b;
  font-size:12px;
  text-align:center;
}

@media(max-width:720px){
  .progress-shorts-social .ps-feed,
  .ps-feed{
    gap:8px!important;
  }

  .ps-load-more-wrap{
    padding-bottom:18px;
  }

  .ps-load-more{
    width:calc(100% - 24px);
    max-width:420px;
  }
}

@media(prefers-reduced-motion:reduce){
  .progress-shorts-social [data-ps-post="1"].ps-feed-reveal,
  [data-ps-post="1"].ps-feed-reveal{
    animation:none;
  }
}