.progress-shorts-social{
  --pst-card:#ffffff;
  --pst-text:#172033;
  --pst-muted:#667085;
  --pst-line:#e3e8ef;
  --pst-blue:#17345e;
  --pst-blue-soft:#edf4ff;
  --pst-green:#86c93a;
  --pst-green-soft:#eff8e5;
}
html[data-theme="dark"] .progress-shorts-social,
body[data-theme="dark"] .progress-shorts-social,
html.dark .progress-shorts-social,
body.dark .progress-shorts-social,
.dark-mode .progress-shorts-social,
[data-bs-theme="dark"] .progress-shorts-social{
  --pst-card:#0d1b2a;
  --pst-text:#f7f9fc;
  --pst-muted:#9fb0c3;
  --pst-line:#294056;
  --pst-blue:#74a9f7;
  --pst-blue-soft:#173353;
  --pst-green:#92d43f;
  --pst-green-soft:#203818;
}
.progress-shorts-social .ps-tags{
  order:3!important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  padding:0 18px 12px;
  background:var(--pst-card);
}
.progress-shorts-social .ps-tag{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--pst-line);
  background:var(--pst-blue-soft);
  color:var(--pst-blue);
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.progress-shorts-social .ps-tag:nth-child(even){
  background:var(--pst-green-soft);
  color:var(--pst-green);
}
.progress-shorts-social .ps-tag:hover,
.progress-shorts-social .ps-tag:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.03);
}
.progress-shorts-social [data-ps-post="1"] > .ps-media{order:1!important}
.progress-shorts-social [data-ps-post="1"] > .ps-body{order:2!important}
.progress-shorts-social [data-ps-post="1"] > .ps-tags{order:3!important}
.progress-shorts-social [data-ps-post="1"] > .ps-engagement{order:4!important}
.progress-shorts-social [data-ps-post="1"] > .ps-actions{order:5!important}
.progress-shorts-social [data-ps-post="1"] > .ps-comments{order:6!important}
.progress-shorts-social [data-ps-post="1"] > .ps-read-more-footer{order:7!important}
@media(max-width:560px){
  .progress-shorts-social .ps-tags{
    padding-left:15px;
    padding-right:15px;
    gap:6px;
  }
  .progress-shorts-social .ps-tag{
    font-size:11.5px;
    min-height:27px;
  }
}