.media-container{height:100%;overflow:hidden;width:100%}.media{font-family:"object-fit: contain;";height:0;padding-top:100%;position:relative;transform:translate(50%,50%);width:100%}.media.cover{font-family:"object-fit: cover;"}.media>.picture,.media>.thumbnail>.picture,.media>.thumbnail>picture>img,.media>picture>img{height:100%;left:0;max-height:100%;max-width:100%;min-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;transform:translate(-50%,-50%);width:auto}.media.cover>.picture,.media.cover>.thumbnail>.picture,.media.cover>.thumbnail>picture>img,.media.cover>picture>img{height:100%;left:0;min-width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.image-placeholder{background-color:#979797;width:100%}.image-placeholder,.media>.thumbnail>video,.media>video{height:100%;position:absolute;top:0;transform:translate(-50%,-50%)}.media>.thumbnail>video,.media>video{left:0;min-height:100%;width:auto}.media.cover>.thumbnail>video,.media.cover>video{min-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail{filter:blur(10px);height:100%;left:0;position:absolute;top:0;width:100%}.media-leave-to{opacity:0}.media-enter-active,.media-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.104,.204,.492,1)}.media-enter-from{opacity:0}.media-enter-to{opacity:1}