/* 見たまま編集画面でサイドメニューを表示するためのCSS */

[data-element-id] .menu-opening .menu-drawer,
[data-element-id] .menu-opening .menu-drawer__submenu {
  transform: translate(0);
  visibility: visible;
}

[data-element-id] .menu-opening .menu-drawer,
[data-element-id] .menu-opening .menu-drawer__submenu {
  transition: transform var(--duration-default) ease, visibility var(--duration-default) ease;
}

[data-element-id] .menu-drawer__menu-item .icon-caret {
  display: none;
}

[data-element-id] details:not(.menu-opening) > .header__icon--menu .icon-close {
  display: none;
}