/*------------------------------------------------------------------------------------------------------------------------------------------
    SLICEQUICKACCESS
------------------------------------------------------------------------------------------------------------------------------------------*/
.SliceQuickAccessDiv ,
.MixerQuickAccessDiv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.SliceQuickAccessContent {
	text-align: center;
}

.QuickAccessSelectName {
	white-space: pre;
    position:relative;
}

/*------------------------------------------------------------------------------------------------------------------------------------------
    ARROWS
------------------------------------------------------------------------------------------------------------------------------------------*/

.SliceQuickAccessArrow {
	width: 40px;
	height: 40px;
	border-radius: var(--border-radius);
	text-align: center;
	cursor: pointer;
	float: left;
	font-size: 16px;
	color: white;
	font-weight: bold;
	padding: 0;
	border: none;}

.SliceQuickAccessLeftArrow,
.SliceQuickAccessRightArrow {
    margin-top: 0.3rem;
}

/*------------------------------------------------------------------------------------------------------------------------------------------
    SUBMENU
------------------------------------------------------------------------------------------------------------------------------------------*/
.SubMenu {
    position:absolute;
    list-style-type:none;
    top: 2rem;
    background-color: var(--background-color-tertiary);
    color: var(--text-color-invert);
    width:80px;
    z-index: 10;
    /*box-shadow: 0px 0px 24px -1px rgba(90, 90, 90, 2);*/
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
}

.SubMenu.is-open{
    max-height: 200px;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0 linear 0;
}

.SubmenuItem {
    position:relative;
    list-style-type:none;
    padding:5px 5px 5px 10px;
    margin-left: -45px;
    color: var(--text-color-invert);
}

.SubmenuItem a {
    display:block;
}

.SubmenuItem:hover a {
    background-color: var(--grey-95);
    color:rgb(250,250,250);
    border-radius: var(--border-radius);
}