.ark-sidemenu-links {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	padding: 4px;

	> .__link {
		display: flex;
		flex-shrink: 0;
		gap: 8px;
		align-items: center;
		justify-content: center;
		padding: 12px 16px;
		color: inherit;
		font-size: 14px;
		text-decoration: none;
		background-color: #fff;
		border-radius: 100px;

		&:not(:focus) {
			box-shadow: 0 0 0 1px #222, 0 0 12px -4px rgba(0, 0, 0, .2);
		}

		&:hover {
			box-shadow: 0 0 0 2px #222;
		}

		> svg {
			width: 20px;
			height: 20px;
		}

		// .__img {
		// 	display: block;
		// 	width: auto;
		// 	height: 22px;
		// }
	}
}


// マージンコントロールのnullアイコン
.arkb-null-icon {
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	background: transparent;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #646464;

	.is-active & {
		background: #111;
		background: var(--wp-admin-theme-color, #000);
	}
}

.arkb-toolbtn--margin {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
}


// .arkb-link-control {}

.arkb-link-control__bottom {
	padding: 0 16px;

	>.components-base-control {
		padding-bottom: 12px;
	}
}