/* ==========================================================================
   Player Image Styles
   ========================================================================== */

.player-image {
    position: relative;
}

.player-image .emblem-wrapper svg {
    pointer-events: none;
}

.player-image .emblem-wrapper:hover {
    transform: none;
}

/* Article Player Image */
.article .player-image svg {
    height: 150px;
}

.article .player-image {
    height: 150px;
    overflow: hidden;
    margin: 0 1rem 1rem 0;
}

/* Color Picker */
.color-picker-item {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

/* Scorer/Suspended Image Container */
.scorer-image,
.suspended-image {
    width: 48px;
    height: 20px;
    margin-top: -32px;
    display: inline-block;
}

/* Captain Badge */
.captain-badge {
    position: absolute;
    top: 2%;
    right: 0%;
    transform: translateX(-50%);
    text-align: right;
    line-height: 1;
    pointer-events: none;
}

.captain-badge__star {
    color: gold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.captain-badge__label {
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* Player Modal */
.player-modal__image {
    flex-shrink: 0;
}

.player-modal__section {
    clear: both;
}