/* Local tasks (View, Edit, etc.) */
#block-tabs ul {
  margin-bottom: 2rem;
}

#block-tabs li {
  background: #f2f1f0; /* --grey-desert-storm */
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.5em 1em;
}

#block-tabs a.is-active {
  text-decoration: underline;
}

/* There are styles in storybook/css/buttons.css that make .js-hide elements visible. Fix this. */
.js .js-hide {
  display: none !important;
}

:root {
  --ginToolbarHeight: 60px !important;
}

/* Gin fix for the frontend toolbar */

.toolbar-tray-horizontal .toolbar-menu .level-1 > .toolbar-box .toolbar-icon.toolbar-handle::before, [dir="ltr"] .toolbar-tray-horizontal .toolbar-menu .level-1 > .toolbar-box .toolbar-handle.responsive-preview-icon::before {
  left: -7px;
}

.toolbar-tray-horizontal .toolbar-menu .level-1 > .toolbar-box .toolbar-icon.toolbar-handle::before, .toolbar-tray-horizontal .toolbar-menu .level-1 > .toolbar-box .toolbar-handle.responsive-preview-icon::before {
  top: 7px;
}