.brps-wrap{
  display:grid;
  gap:var(--brps-gap,14px);
  margin:14px 0;
}
.brps-layout-grid{
  grid-template-columns:repeat(var(--brps-columns,4),minmax(0,1fr));
}
.brps-layout-list{
  grid-template-columns:1fr;
  max-width:520px;
}
.brps-card{
  text-align:center;
  margin:0;
  padding:8px 6px;
  border-radius:8px;
  transition:background .15s ease, transform .15s ease;
}
.brps-card:hover{
  background:#f7f7f7;
  transform:translateY(-1px);
}
.brps-image-link{
  display:flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
}
.brps-image{
  width:var(--brps-image-size,82px);
  height:var(--brps-image-size,82px);
  object-fit:cover;
  display:block;
  border-radius:8px;
}
.brps-default-icon{
  object-fit:contain;
  padding:6px;
  background:#05a6ee;
  border-radius:50%;
}
.brps-title{
  font-size:14px;
  line-height:1.25;
  margin:7px 0 0;
  font-weight:600;
}
.brps-title a{
  text-decoration:none;
  color:inherit;
}
.brps-title a:hover{
  text-decoration:underline;
}
.brps-placeholder{
  width:var(--brps-image-size,82px);
  height:var(--brps-image-size,82px);
  border-radius:50%;
  background:#f1f1f1;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
  font-size:12px;
}
.brps-layout-list .brps-card{
  display:grid;
  grid-template-columns:70px 1fr;
  align-items:center;
  text-align:left;
  gap:12px;
  padding:6px;
}
.brps-layout-list .brps-image,
.brps-layout-list .brps-placeholder{
  width:calc(var(--brps-image-size,82px) * .72);
  height:calc(var(--brps-image-size,82px) * .72);
}
.brps-layout-list .brps-title{
  margin:0;
  font-size:14px;
}
@media(max-width:900px){
  .brps-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:600px){
  .brps-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .brps-image{width:calc(var(--brps-image-size,82px) * .88);height:calc(var(--brps-image-size,82px) * .88);}
  .brps-title{font-size:13px;}
}