.dm-background-playlist
{
	width: 100%;
	display:flex;
	justify-content: center;
	align-items:center;
	overflow: hidden;
	padding-bottom: 56.25%;
}

.dm-background-playlist > i
{
	font-size: 30vw;
}

.dm-widget-playlist-preview{
	align-items: center;
	background-color: transparent;
	display: none;
	padding-bottom: 56.25%;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}

.dm-widget-playlist-preview div:not(.sequence-preview__container__playlist):not(.preview__qrcode-container){
	z-index:2;
}

.sequence-preview__container
{
	height:100%;
	width:100%;
	left: 0;
	top:0;
	position:absolute;
	overflow: hidden;
	background-color:transparent;
	z-index:1;
}

.sequence-preview__container__playlist .item
{
	left:0;
	top:0;
	opacity:1;
	height: 100%;
	width:100%;
	position:absolute;
	display:block;
	-webkit-transition: top 1s linear, left 1s linear, opacity 1s linear;
	-moz-transition: top 1s linear, left 1s linear, opacity 1s linear;
	-o-transition: top 1s linear, left 1s linear, opacity 1s linear;
	transition: top 1s linear, left 1s linear, opacity 1s linear;
}

.sequence-preview__container__playlist .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.sequence-preview__container__playlist .hide {
  visibility : hidden;
}
.sequence-preview__container__playlist .stream div,
.sequence-preview__container__playlist .image div{
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	display:block;
}

.sequence-preview__container__playlist .image div.dm-playlist-aspect-ratio-stretch{
	background-size: 100% 100%;
}

.sequence-preview__container__playlist .video video {
	height: 100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	background-color: transparent;
}

.sequence-preview__container__playlist .pagebuilder div{
	height: 100%;
	width: 100%;
}

.sequence-preview__container__playlist .pagebuilder iframe{
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
}

.sequence-preview__container__playlist .digitalmarketing iframe,
.sequence-preview__container__playlist .webpage iframe{
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
}

/* TRANSITIONS */

.sequence-preview__container__playlist .slide_left_from {
	left:-100%;
}
.sequence-preview__container__playlist .slide_left_to {
	left:100%;
}

.sequence-preview__container__playlist .slide_right_from {
	left:100%;
}
.sequence-preview__container__playlist .slide_right_to {
	left:-100%;
}

.sequence-preview__container__playlist .slide_up_from {
	top:-100%;
}
.sequence-preview__container__playlist .slide_up_to {
	top:100%;
}

.sequence-preview__container__playlist .slide_down_from {
	top:100%;
}
.sequence-preview__container__playlist .slide_down_to {
	top:-100%;
}

.sequence-preview__container__playlist .fade_out_from {
	opacity:0;
}
.sequence-preview__container__playlist .fade_out_to {
	opacity:0;
}

.sequence-preview__container__playlist .none_from {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	opacity:0;
}

.sequence-preview__container__playlist .none_to {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	opacity:0;
}