/* Zeer minimale styling voor de Pensioen123 widget*/

/*interpolate-size en transition-behavior:allow-discrete zorgen er voor een super mooie transition, maar worden
  helaas nog niet ondersteund door Safari en Firefox (ca maart 2025). Transition zonder deze properties ziet er saai maar acceptabel uit */

.axy-container-pensioen123 {
    interpolate-size: allow-keywords;
}

.axy-container-pensioen123 details {
    overflow: hidden;
}

.axy-container-pensioen123 details::details-content {
    block-size: 0;
    opacity: 0;
    overflow: hidden;
    transition: block-size 1s ease-in-out, opacity 0.4s ease-in-out, content-visibility 1s ease-in-out;
    transition-behavior: allow-discrete;
}

.axy-container-pensioen123 details[open]::details-content {
    block-size: auto;
    opacity: 1;
}