.hideHqButton{
	display: none;
}

.templateUnit{
	height: 0vw;
	display: none;
}

.templateUnit {
	position: fixed;
	width: var(--flex-selector-width);
	bottom: var(--flex-bottom);
	left: var(--flex-left);
	
	padding: var(--padding-flex);  
	overflow: auto;
	border-left: var(--border-left);
	border-top: var(--border-top);
	border-bottom: var(--border-bottom);
	border-right: var(--border-right);

	background-color: var(--background);
	z-index: 100;
	transform: scale(0.80);
	transform-origin: center bottom;
	border-color: var(--background-div-acive);
	box-shadow: inset 0 0 1.5vw var(--background-div-acive);
}

.addActive {
    border-color: var(--background-div-acive);
    box-shadow: inset 0 0 1.5vw var(--background-div-acive);
}

.templateUnitClose{
    position: absolute;
    padding: .3vw;
    top: 0;
    right: 0;
}

.templateUnitClose>img{
    width: var(--pic-large-button);
}

.templateUnitClose:hover{
    background: var(--background-hover);
    border-radius: var(--border-radius-option);
}

.templateUnit > .unitWrapper > .unitTemplate:hover {
	transform: scale(1.05,1.05);
} 

.backGroundBlockerSelector {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    z-index: 99;
    height: 0vw;
    width: 100%;
}