/* Keep the style library in the composer's scrollable document flow. */
#ym-comic-composer > #ym-style-popover {
  position: relative;
  inset: auto;
  width: auto;
  max-height: none;
  margin: 0 18px 18px;
  overflow: visible;
  box-shadow: none;
  transform-origin: top left;
}

#ym-style-popover .ym-style-head span,
#ym-style-popover .ym-style-name,
#ym-style-popover .ym-style-tag {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  #ym-comic-composer > #ym-style-popover {
    margin: 0 12px 12px;
  }
}