@import "../../../scss/variables";

audio-preview {
  display: block;
  max-width: 80%;
  height: auto;

  @media only screen and (max-width: $tablet) {
    width: 90%;
  }

  audio {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    @include mat-elevation(3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  default-preview {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}