hide{
    clip: rect(0 0 0 0);
    position: absolute;
  }
  
  .accordion-child{
    overflow: hidden;
    transition: all 0.5s ease;
    
    opacity: 0;
    height: 0;
    transform: scale(1,0);
    transform-origin: center top;
  }
  
  input[type=checkbox]:checked ~ .accordion-child{
    height: auto;
    opacity: 1;
    transform: scale(1,1);
  }
  input[type=checkbox]:checked ~ .flex .toggle-button {
    display: none;
  }

  .accordion-stagger-item {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.45s ease, transform 0.45s ease;
    transition-delay: calc(var(--stagger, 0) * 200ms);
  }
  input[type=checkbox]:checked ~ .accordion-child .accordion-stagger-item {
    opacity: 1;
    transform: translateY(0);
  }