/* Lyra: the site header slides away while scrolling down (see header.js). */
body.lx-hdr header { transition: transform .4s cubic-bezier(.2, .6, .2, 1), opacity .25s; }
/* hiding: invisible at once and slid up, so the switch to the white header is never seen on the way down */
body.lx-hdr.lx-hdr-hide header { transform: translateY(-100%); opacity: 0; transition: transform .4s cubic-bezier(.2, .6, .2, 1), opacity 0s; }

/* bars that stick under the header move up into its place */
body.lx-hdr .tabbuttoncontainer { transition: top .4s cubic-bezier(.2, .6, .2, 1); }
body.lx-hdr.lx-hdr-hide .tabbuttoncontainer { top: 0 !important; }
body.lx-hdr .lx .toc-box { transition: top .4s cubic-bezier(.2, .6, .2, 1); }
body.lx-hdr.lx-hdr-hide .lx .toc-box { top: 32px; }