.video-wrapper{cursor:pointer;margin:0 auto;max-width:818px;position:relative}.video-wrapper svg path{transition:all .3s ease-in-out}.video-wrapper video{height:100%;width:100%}.video-wrapper.paused svg{opacity:1}.video-wrapper svg{bottom:50%;display:block;opacity:0;position:absolute;right:50%;transform:translate(50%,50%);transition:.3s ease-in-out}.video-wrapper:hover svg path:first-of-type{fill:var(--turquoise)}.video-wrapper:hover svg path:last-of-type{fill:var(--white)}.video-wrapper .video-thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.video-wrapper.playing .video-thumbnail{opacity:0;pointer-events:none}