:root {
	--size: 30px;
}

.container {
	border-radius: 10px;
	border: 1px solid var(--black-300);
	box-shadow: 5px 5px 10px 0px #00000040;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
}

.button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	margin: 10px;
	width: var(--size);
	height: var(--size);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.divider {
	width: 1px;
	height: var(--size);
	background-color: var(--black-200);
}

.icon svg > path {
	fill: var(--black-300);
}

.icon.active svg > path {
	fill: var(--primary-600);
}
