/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.xdecks-sold-out-image {
    display: block;
    position: relative;
    background-color: #fff;
}

.xdecks-sold-out-image > img {
    display: block;
    width: 100%;
    /* Fade the photo against white without fading the sold-out stamp. */
    opacity: 0.45;
}

.xdecks-sold-out-badge {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    background: url('../images/sold-out.png') center / 90% auto no-repeat;
}