/* Player Logo Overlay — positioned watermark inside the Video.js player */

.xplay-player-logo {
    position: absolute;
    z-index: 20;
    pointer-events: auto;
}

.xplay-player-logo img {
    display: block;
}

/* Position variants */
.xplay-logo-top-left {
    top: 12px;
    left: 12px;
}

.xplay-logo-top-center {
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.xplay-logo-top-right {
    top: 12px;
    right: 12px;
}

.xplay-logo-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.xplay-logo-bottom-left {
    bottom: 12px;
    left: 12px;
}

.xplay-logo-bottom-center {
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.xplay-logo-bottom-right {
    bottom: 12px;
    right: 12px;
}