/* Public stock media overlays; keep links and gallery controls intact. */
.album-thumbnail.stock-media-image {
    position: relative;
}
.stock-media-counts {
    position: absolute;
    z-index: 3;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}
.stock-media-counts__item + .stock-media-counts__item {
    margin-left: 6px;
}
.stock-media-counts--top-right {
    /* Ribbon :after is 15px from the thumbnail's outer top.
       The image starts after the thumbnail's 1px border + 4px padding. */
    top: 10px;
}
.stock-media-counts--top-right.stock-media-counts--compact-thumbnail {
    /* Darkly uses 2px thumbnail padding: 15 - 1 - 2. */
    top: 12px;
}
.stock-media-counts--top-left {
    top: 6px;
}
.stock-media-counts--bottom-right,
.stock-media-counts--bottom-left {
    bottom: 6px;
}
.stock-media-counts--top-right,
.stock-media-counts--bottom-right {
    right: 6px;
}
.stock-media-counts--top-left,
.stock-media-counts--bottom-left {
    left: 6px;
}
.stock-detail-gallery-shell {
    position: relative;
}
.stock-media-counts.stock-media-counts--detail {
    pointer-events: none;
    z-index: 20;
}
/* Detail has no thumbnail border/padding, including in Darkly. */
.stock-media-counts--detail.stock-media-counts--top-right,
.stock-media-counts--detail.stock-media-counts--top-left {
    top: 15px;
}