
.form-actions.sticky-bottom,
#node-preview-form-select{
  view-transition-name: form-actions-enter;
  animation: form-action-enter-bottom 320ms 1 both;
  animation-delay: 100ms;
  z-index: 2;

}
::view-transition-new(form-actions-enter){
  animation: form-action-enter-bottom 320ms 1 both;
  animation-delay: 100ms;
}

@keyframes form-action-enter-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}


@layer overrides {

  .form-field:not(.form-switch):not(.form-type-radio):not(.mb-0) {
    margin-bottom: var(--spacer);
    gap: 0.1rem;
  }

  form .accordion {
    border-radius: var(--radius-5);
    margin-block-end:1rem;
  }

  form .accordion-header {
    font-size: var(--bs-body-font-size, inherit);
    font-weight: var(--bs-font-weight-bold, 600);
    color: inherit;
    box-shadow: none;
    background-color: transparent;
  }

  form .accordion-item .accordion-header:hover,
  form .accordion-item .accordion-header:focus {
    background-color: var(--theme-bg-subtle, var(--accordion-active-bg));
  }

  .form-item label.form-required::after {
    color: var(--danger-base);
  }
  .form-wrapper {
    .accordion-header {
      .accordion-button:not(.collapsed):not(:hover):not(:focus){
        box-shadow: none;
        background-color: transparent;
        color:inherit;
      }
    }
  }

}
