/*!
 * FilePondPluginmediaPreview 1.0.9
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit undefined for details.
 */

/* eslint-disable */
.filepond--media-preview audio {
  display: none;
}

.filepond--media-preview .audioplayer {
  width: calc(100% - 1.4em);
  margin: 2.3em auto auto;
}

.filepond--media-preview .playpausebtn {
  margin-top: 0.3em;
  margin-right: 0.3em;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  outline: none;
  cursor: pointer;
}
.filepond--media-preview .playpausebtn:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.filepond--media-preview .play {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=');
}

.filepond--media-preview .pause {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC');
}

.filepond--media-preview .timeline {
  width: calc(100% - 2.5em);
  height: 3px;
  margin-top: 1em;
  float: left;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.3);
}

.filepond--media-preview .playhead {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-top: -5px;
  background: white;
}

.filepond--media-preview-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  border-radius: 0.45em;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.01);
  pointer-events: auto;
}
.filepond--media-preview-wrapper:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 2em;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  z-index: 3;
}

.filepond--media-preview {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  will-change: transform, opacity;
}
.filepond--media-preview video,
.filepond--media-preview audio {
  width: 100%;
  will-change: transform;
}
