        details.open = true;
                        anime({
                            targets: content,
                            height: [0, content.scrollHeight], opacity: [0, 1], paddingTop: [0, '15px'], paddingBottom: [0, '15px'],
                            duration: 300, easing: 'easeOutQuad',
                            complete: () => { content.style.height = ''; isDetailsAnimating = false; }
                        });
                    }
                });
            }
        });
    });