.sth-card{
  --sth-item-gap: 12px;
  background:#0f172a;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:14px;
  color:#e2e8f0;
}

.sth-card-title{
  margin:0 0 10px 0;
  line-height:1.25;
  color:#f8fafc;
}

.sth-card-title-wrap{
  --sth-title-icon-gap:8px;
  display:inline-flex;
  align-items:center;
  gap:var(--sth-title-icon-gap);
}

.sth-title-icon{
  display:inline-flex;
  font-size:18px;
  line-height:1;
}

.sth-title-icon svg{
  width:1em;
  height:1em;
}

.sth-items{
  display:flex;
  flex-direction:column;
  gap:var(--sth-item-gap);
}

.sth-item{
  --sth-item-icon-size:16px;
  --sth-item-icon-color:inherit;
  --sth-chip-bg:rgba(255,255,255,.06);
  --sth-chip-color:inherit;
  --sth-chip-border:rgba(255,255,255,.14);
  --sth-chip-radius:999px;
  --sth-chip-pad-y:3px;
  --sth-chip-pad-x:8px;
  --sth-chip-margin:0px;
  display:flex;
  align-items:flex-start;
  gap:var(--sth-icon-gap, 8px);
  min-width:0;
}

.sth-icon{
  font-size:var(--sth-item-icon-size);
  line-height:1;
  display:inline-flex;
  margin-top:2px;
  color:var(--sth-item-icon-color);
}

.sth-icon svg{
  width:1em;
  height:1em;
  fill:currentColor;
}

.sth-content{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  min-width:0;
}

.sth-item-label{
  font-weight:700;
  color:#f8fafc;
}

.sth-item-label.is-block{
  width:100%;
}

.sth-path{
  min-width:0;
  line-height:1.45;
  color:#cbd5e1;
}

.sth-path.sth-tablet,
.sth-path.sth-mobile{
  display:none;
}

.sth-sep{
  opacity:.72;
}

.sth-chip{
  display:inline-flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:6px;
  max-width:100%;
  border:1px solid var(--sth-chip-border);
  color:var(--sth-chip-color);
  background:var(--sth-chip-bg);
  border-radius:var(--sth-chip-radius);
  padding:var(--sth-chip-pad-y) var(--sth-chip-pad-x);
  margin:var(--sth-chip-margin);
}

.sth-item.is-chip-item .sth-content{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  max-width:100%;
}

@media (max-width: 1024px){
  .sth-path.sth-desktop{display:none;}
  .sth-path.sth-tablet{display:inline;}
}

@media (max-width: 767px){
  .sth-path.sth-tablet{display:none;}
  .sth-path.sth-mobile{display:inline;}
}