/* ST7D v6.64.1 - focused UI hotfixes */
.achievement-closest-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.achievement-closest-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:112px;
  min-width:0;
  font-size:42px;
  line-height:1;
}
.achievement-closest-icon img{
  display:block;
  width:100%;
  max-width:112px;
  max-height:170px;
  height:auto;
  object-fit:contain;
}
.achievement-closest-card>div{min-width:0}
.achievement-closest-card strong,
.achievement-closest-card small{overflow-wrap:anywhere}
.achievement-closest-meter{
  height:7px;
  margin-top:10px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  overflow:hidden;
}
.achievement-closest-meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#35d66b,#9df4b5);
}
.achievement-closest-card>b{
  align-self:start;
  justify-self:end;
  font:900 1rem/1 Inter,sans-serif;
  color:#fff;
  white-space:nowrap;
}
html[data-site-theme="light"] .achievement-closest-meter{background:#e8e2dc}
html[data-site-theme="light"] .achievement-closest-card>b{color:#1c1714}
@media(max-width:720px){
  .achievement-closest-card{grid-template-columns:84px minmax(0,1fr)}
  .achievement-closest-icon{width:84px}
  .achievement-closest-icon img{max-width:84px;max-height:126px}
  .achievement-closest-card>b{grid-column:2;grid-row:1;align-self:start}
}