@charset "UTF-8";
/* ブロックエディタの設定サイドバーをドラッグで可変にする */

.interface-interface-skeleton__sidebar {
	width: var(--merges-sidebar-w, 280px) !important;
	max-width: none !important;
	position: relative;
}

/* 内側の設定パネルも枠いっぱいに広げる（右側の余白対策）
   ※ Gutenberg が .interface-complementary-area__fill にインラインで
   　 width:280px を付けてくるので、!important で上書きする。
   　 直下 div も一括指定（リサイズハンドルは除外）。 */
.interface-interface-skeleton__sidebar > div:not(.merges-sidebar-resizer),
.interface-interface-skeleton__sidebar .interface-complementary-area__fill,
.interface-interface-skeleton__sidebar .interface-complementary-area,
.interface-interface-skeleton__sidebar .components-panel,
.interface-interface-skeleton__sidebar .edit-post-sidebar {
	width: 100% !important;
	max-width: none !important;
}

.merges-sidebar-resizer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 6px;
	cursor: col-resize;
	z-index: 100;
}
.merges-sidebar-resizer:hover {
	background: rgba(0, 0, 0, 0.12);
}

/* ACF サイドバー内 textarea のリサイズハンドルを無効化 */
.interface-interface-skeleton__sidebar textarea {
	resize: none !important;
}