@layer band-images {
  .bi-av { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50% !important; overflow: hidden; vertical-align: middle; font: 800 .62em/1 Archivo, system-ui, sans-serif !important; letter-spacing: 0; color: inherit !important; background: color-mix(in srgb, currentColor 16%, transparent) !important; border: 1px solid color-mix(in srgb, currentColor 35%, transparent) !important; }
  .bi-av img { min-width: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; height: 100%; object-fit: cover; display: block; }
  .bi-av.has-img { background: transparent !important; }
  .bi-sm { width: 1.7em; height: 1.7em; margin-right: .4em; }
  .bi-xs { width: 1.45em; height: 1.45em; margin-right: .35em; font-size: .7em !important; }
  .bi-hero { width: 96px; height: 96px; font-size: 1.9rem !important; margin: 4px 0 10px; }
  .bandlink[data-bi] { display: inline-flex !important; align-items: center; }
  [data-bi-artist].bi-filled img, [data-bi-event].bi-filled img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; object-fit: contain !important; margin: 0 !important; border: 0 !important; }
  .bi-slot { display: grid !important; place-items: center; overflow: hidden; flex: 0 0 auto; }
  img[data-bi-resolved-artist] { filter: none !important; }
  @media (max-width: 640px) {
    .pk-row .pk-thumb[data-bi-resolved-artist] { display: block !important; grid-column: 2 !important; width: 80px !important; height: 80px !important; object-fit: contain !important; }
    .pk-row:has(.pk-thumb[data-bi-resolved-artist]) .pk-info { grid-column: 2 !important; }
  }
  .bi-sale-ad { min-width:0 !important; }
  .bi-sale-ad > .card { height:auto !important; }
  .bi-sale-links { color:var(--text,var(--fg,var(--ink))) !important; margin:0 0 12px !important; padding:0 12px !important; }
  .bi-band-row { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; margin:8px 0 !important; color:inherit !important; }
  .bi-socials { display:inline-flex !important; flex-wrap:wrap !important; gap:6px !important; max-width:100% !important; }
  .bi-socials:empty { display:none !important; }
  a.bi-social { display:inline-flex !important; align-items:center !important; padding:6px 8px !important; min-height:32px !important; color:inherit !important; -webkit-text-fill-color:currentColor !important; background:transparent !important; border:1px solid currentColor !important; border-radius:4px !important; font:600 12px/1.3 Archivo,system-ui,sans-serif !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; transform:none !important; text-decoration:underline !important; }
  a.bi-social::before,a.bi-social::after { content:none !important; display:none !important; }
  #stats .bandlink { gap:8px !important; text-decoration:none !important; background:none !important; border:0 !important; padding:0 !important; color:inherit !important; -webkit-text-fill-color:currentColor !important; }
  #stats .bandlink .bi-av { width:32px !important; height:32px !important; margin:0 !important; font-size:12px !important; }
  .bi-heroimg { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
}