#toolbox-tool {
	margin:auto;

    border-end-end-radius: 15px;
    border-start-end-radius: 15px;
	
	background-color: var(--bg-2);
	display:flex;
	position: absolute;
    left: 0;
    z-index: 500;
    top: 50%;
    transform: translateY(-50%);
}

html[dir=rtl] #toolbox-tool {
	left: unset;
	right: 0;
}

#toolbox-toggler {
	padding: 2px;
	cursor: pointer;

	width: 30px;
	height: 50px;

	display: flex;
	gap: -4px;
	transition: all 0.2s;
}

#toolbox-tool:hover {
    background-color: var(--vitta-orange-light);
	color: var(--vitta-white);
}

.chevron-gauche {
	margin: auto;
	font-size: larger;
}

.chevron-droit {
	margin: auto;
	opacity: 0.7;
}

.blocklyFlyout {
	z-index: 600;
}

.blocklyBlockDragSurface {
	z-index: 700;
}