:root {
    --pnavp-fade-duration: 250ms;
}

.pnavp-ready {
    position: relative !important;
}

.pnavp-player {
    position: absolute;
    inset: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--pnavp-fade-duration) ease;
    pointer-events: none;
}

.pnavp-player.is-active {
    opacity: 1;
    visibility: visible;
    background: #000;
}

.pnavp-player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.pnavp-badge {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 21;
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .78);
    color: #fff;
    font: 600 10px/1.2 Arial, sans-serif;
    letter-spacing: .04em;
    transition: opacity var(--pnavp-fade-duration) ease;
    pointer-events: none;
}

.pnavp-playing > .pnavp-badge {
    opacity: 0;
}

.td_block_big_grid_flex_3 .pnavp-ready {
    overflow: hidden;
}

.td_flex_block_5 .td_module_flex .td-module-thumb.pnavp-ready,
.td_module_flex_5 .td-module-thumb.pnavp-ready {
    position: relative !important;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .pnavp-player,
    .pnavp-badge {
        transition: none;
    }
}