/* Emote libraries must sit above the surrounding automation cards and sticky footer. */
.event-action-form-body {
  scroll-padding-bottom: 290px;
}
.event-action-dialog .event-action-form-section {
  position: relative;
  z-index: 1;
  isolation: auto;
  overflow: visible !important;
}
.event-action-dialog .event-action-form-section::after {
  display: none !important;
}
.event-action-dialog .event-action-form-section > * {
  position: relative;
  z-index: 1;
}
.event-action-dialog .event-action-form-section:focus-within {
  z-index: 60;
}
.event-action-form-section:has(> .event-action-emote-field:not([hidden])) {
  z-index: 40;
  overflow: visible;
}
.event-action-form-section:has(> .event-action-emote-field:not([hidden]))::after {
  z-index: 0;
}
.event-action-emote-field:not([hidden]),
.event-action-emote-field:not([hidden]) .sound-emote-picker,
.event-action-emote-field:not([hidden]) .sound-emote-picker-panel {
  position: relative;
  z-index: 50;
  overflow: visible;
}
.event-action-emote-field .sound-emote-picker-panel {
  border-color: #3986bd;
  background: #041027;
  box-shadow: 0 18px 38px rgba(0, 3, 16, .68), 0 0 24px rgba(31, 204, 236, .1);
}
.event-action-emote-field .sound-emote-results {
  height: min(241px, 32vh);
  max-height: min(241px, 32vh);
  overscroll-behavior: contain;
}
.event-action-form-section:has(> .event-action-emote-field:not([hidden])) + .event-action-form-section {
  position: relative;
  z-index: 1;
}
.event-action-dialog .event-action-form-section select,
.event-action-dialog .event-action-form-section input,
.event-action-dialog .event-action-form-section textarea,
.event-action-dialog .event-action-disable-window {
  position: relative;
  z-index: 2;
}
.event-action-dialog .event-action-tts-field,
.event-action-dialog .event-action-sound-field,
.event-action-dialog .event-action-sound-source-fields,
.event-action-dialog .myinstants-library-selected,
.event-action-dialog .myinstants-picker-panel,
.event-action-dialog .event-action-order,
.event-action-dialog .event-action-order-list,
.event-action-dialog .event-action-order-item {
  position: relative;
  z-index: 2;
  overflow: visible;
}
.event-action-dialog .event-action-tts-field:focus-within,
.event-action-dialog .event-action-sound-field:focus-within,
.event-action-dialog .myinstants-picker-panel:focus-within,
.event-action-dialog .event-action-order:focus-within {
  z-index: 70;
}
.event-action-dialog .event-action-form-body {
  padding-bottom: 80px;
}
@media (max-height: 720px) {
  .event-action-emote-field .sound-emote-results {
    height: 170px;
    max-height: 170px;
  }
}
