/* Custom CSS for the accordion */
.intervention-accordion{
  border-radius: 12px;
  border: 1px solid #E3E3E4;
  overflow: hidden;
  background-color: white;
}

.intervention-accordion-button {
  background-color: white;
  border: none;
  text-align: left;
  padding: 24px;
  width: 100%;
  border-bottom: 1px solid #E3E3E4;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.intervention-accordion-button.open {
  background-color: #F8F8FA;
}

.intervention-accordion-button.intervention-accordion-button-last{
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.intervention-accordion-button.open.intervention-accordion-button-last{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.intervention-accordion-button svg{
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.intervention-accordion-button.open svg{
  transform: rotate(90deg);
}

.intervention-accordion-button.open ~ .intervention-accordion-content{
  border-bottom: 1px solid #E3E3E4;
}

.intervention-accordion-content {
  background-color: white;
  padding: 24px;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.intervention-accordion-content.intervention-accordion-content-last {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.x-show {
  display: block;
}

tr.htmx-swapping td {
  opacity: 0;
  transition: opacity 1s ease-out;
}