/* just testing :) */
/* animate details */
/* developed from https://codepen.io/kevinpowell/pen/OJKWMwO */
:root {
    /*
    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/interpolate-size
    interpolate-size is experimental
    allows intrinsic size value for animation, like details:open::details-content { block-size: auto } here
    /*/
  interpolate-size: allow-keywords;
}

details {
  overflow: hidden;
}

details::details-content {
  block-size: 0;
  transition: block-size 1s, content-visibility 1s;
  transition-behavior: allow-discrete;
}
details:open::details-content {
  block-size: auto;
}

/*
details::details-content {
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}

details:open::details-content {
  height: auto;
  height: calc-size(auto);
}
*/