/* Cover */ .vimeo-player[data-vimeo-update-size="cover"] { width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 100%; max-height: 100%; } /* Placeholder */ .vimeo-player[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-player__placeholder { opacity: 0; } /* Dark (Overlay) */ .vimeo-player[data-vimeo-playing="false"] .vimeo-player__dark { opacity: 0.33; } .vimeo-player[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-player__dark { opacity: 0; } .vimeo-player[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-player__dark { opacity: 0; } @media (hover: hover) and (pointer: fine) { .vimeo-player:hover .vimeo-player__dark { opacity: 0.33 !important; } } /* Pause */ .vimeo-player .vimeo-player__pause { display: none; } .vimeo-player[data-vimeo-playing="true"] .vimeo-player__pause { display: flex; } .vimeo-player .vimeo-player__pause .vimeo-player__btn { opacity: 0; } .vimeo-player[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-player__pause .vimeo-player__btn, .vimeo-player[data-vimeo-activated="true"][data-vimeo-playing="true"]:hover .vimeo-player__pause .vimeo-player__btn { opacity: 1; } @media (hover: none) and (pointer: coarse) { .vimeo-player[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-player__pause .vimeo-player__btn { opacity: 0 !important; } } /* Play */ .vimeo-player[data-vimeo-playing="true"] .vimeo-player__play { opacity: 0; } /* Loading */ .vimeo-player .vimeo-player__loading { opacity: 0; } .vimeo-player[data-vimeo-playing="true"] .vimeo-player__loading { opacity: 1; } .vimeo-player[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-player__loading { opacity: 0; }