/* Shared, fingerprinted artwork; contain preserves each supplied aspect ratio. */
html body .ui-image-icon {
    display: inline-block;
    width: var(--ui-icon-size, 1.5rem);
    height: var(--ui-icon-size, 1.5rem);
    flex: 0 0 auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ui-image-icon--cup { background-image: url("../../images/ui/icons/cup-AiyUy_I.webp"); }
.ui-image-icon--lightning { background-image: url("../../images/ui/icons/lightning-Vy-5_5J.webp"); }
.ui-image-icon--list { background-image: url("../../images/ui/icons/list-Xdxpu0A.webp"); }
html body .dashboard-home .dashboard-stats--strip .ui-image-icon {
    width: var(--ui-icon-size);
    height: var(--ui-icon-size);
    --ui-icon-size: clamp(0.65rem, 3.5vw, 1.1rem);
}
.featured-market-card__art .ui-image-icon,
.generic-market-mini-card__art .ui-image-icon { --ui-icon-size: 5rem; }

/* The supplied monochrome ball follows the host's text/accent colour. */
html body .ui-image-icon--basketball {
    background-color: currentColor;
    -webkit-mask: url("../../images/ui/icons/basketball-icon-2a_xt6X.svg") center / contain no-repeat;
    mask: url("../../images/ui/icons/basketball-icon-2a_xt6X.svg") center / contain no-repeat;
}
.mobile-bottom-nav__icon .ui-image-icon--basketball { --ui-icon-size: 25px; }