/*** Allianz One Breakpoints and Mixins ***/
/*** NDBX One Breakpoints and Mixins ***/
@keyframes contentOverflow {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
@keyframes contentVisibility {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.panel {
  color: var(--accordion-pane-content-color);
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: var(--accordion-pane-surface-transition-height-fallback-opened-easing) var(--accordion-pane-surface-transition-height-fallback-opened-duration), var(--accordion-pane-content-transition-opacity-fallback-opened-easing) var(--accordion-pane-content-transition-opacity-fallback-opened-duration);
  animation: var(--accordion-pane-surface-transition-height-fallback-opened-duration) contentVisibility;
  animation-fill-mode: forwards;
}

.panel > * {
  margin-right: var(--size-xs);
}

.panel > *.hidden {
  content-visibility: hidden;
}

.panel.visible {
  visibility: visible;
  transition: var(--accordion-pane-surface-transition-height-fallback-closed-easing) var(--accordion-pane-surface-transition-height-fallback-closed-duration), var(--accordion-pane-content-transition-opacity-fallback-closed-easing) var(--accordion-pane-content-transition-opacity-fallback-closed-duration);
  animation: var(--accordion-pane-surface-transition-height-fallback-closed-duration) contentOverflow;
  animation-fill-mode: forwards;
}

one-accordion-item {
  min-height: 81px;
}

@media (max-width: 703px) {
  one-accordion-item {
    min-height: 72px;
  }
}
one-accordion-item:not(:first-child) .accordion__item-wrapper {
  border-top: 0;
}

one-accordion-item > * {
  display: none;
}

one-accordion-item.initialised > * {
  display: block;
}

one-accordion-item.foldable {
  display: block;
  animation: fadeIn var(--semantic-motion-duration-slow-450);
}

one-accordion-item.hide-preview {
  animation: fadeOut var(--semantic-motion-duration-slow-450);
  display: none;
}