#app-plugins-carousel {
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	
	max-width: 100%;
	height: 50vh;
	
	overflow: hidden;
	
	margin-top: 1vw;
	margin-bottom: 1vw;
	
	background-color: rgba(255, 255, 255, 0.9);
	
}

#app-plugins-carousel-header {
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: bolder;
	
	padding: 1vw;
	
}

#app-plugins-carousel-header-link {
	
	margin: 0px;
	margin-left: 2vw;
	
}

#app-plugins-carousel-layout {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-grow: 1;
	justify-content: space-between;
	
	width: 100%;
	
	background-color: rgba(0, 0, 0, 1);
	
	overflow: hidden;
	
}

#app-plugins-carousel-layout-wrapper {
	
	position: relative;
	display: inline-block;

	width: 100%;
	
	flex-grow: 1;
	
	overflow: hidden;
	
}

.app-plugins-carousel-item {
	
	display: none;
	justify-content: center;
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	
}

.app-plugins-carousel-item-image {
	
	content: "";
    min-width: 30vw;
    max-width: 100%;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	
}

.app-plugins-carousel-item-video {
	
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.app-plugins-carousel-item-video video {
	
	height: -webkit-fill-available;
    max-width: 100%;
}

.app-plugins-carousel-control {
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #333333;
	
	padding: 0.5vw;
	
}

.app-plugins-carousel-control:hover {
	
	background-color: rgba(255, 255, 255, 0.8);
	
}

.app-plugins-carousel-seeker {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
	padding: 1vw;
	
}

#app-plugins-carousel-seeker-tabs {
	
	display: flex;
	flex-direction: row;
	
}

#app-plugins-carousel-seeker-auto {
	
	align-self: flex-end;
	
}