/* vimeo_embed - centered play/pause overlay for native <video> elements. GPL-2.0-or-later, see LICENSE. */
.vimeo-embed {
    position: relative;
    display: block;
}
.vimeo-embed__video {
    display: block;
    width: 100%;
    height: 100%;
}
.vimeo-embed__toggle {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 4.5rem;
    height: 4.5rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
    z-index: 1;
}
.vimeo-embed__toggle:hover,
.vimeo-embed__toggle:focus-visible {
    background: rgba(0, 0, 0, .85);
    transform: scale(1.06);
}
.vimeo-embed__toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}
.vimeo-embed__toggle svg {
    width: 45%;
    height: 45%;
    fill: currentColor;
}
.vimeo-embed__icon-pause,
.vimeo-embed.is-playing .vimeo-embed__icon-play {
    display: none;
}
.vimeo-embed.is-playing .vimeo-embed__icon-pause {
    display: block;
}
/* hidden while playing; on pointer devices it reappears as a pause button on hover */
.vimeo-embed.is-playing .vimeo-embed__toggle {
    opacity: 0;
    pointer-events: none;
}
@media (hover: hover) {
    .vimeo-embed.is-playing:hover .vimeo-embed__toggle,
    .vimeo-embed.is-playing .vimeo-embed__toggle:focus-visible {
        opacity: 1;
        pointer-events: auto;
    }
}
.vimeo-embed--no-controls .vimeo-embed__video {
    cursor: pointer;
}