/*
   default-section-links.css

   Copyleft 🄯 2022 Taiji Yamada <taiji@aihara.co.jp>
*/
@import url('./default-keyframes.css') screen;

h2[id] > a[href^='#'],
h3[id] > a[href^='#'],
h4[id] > a[href^='#'],
h5[id] > a[href^='#'],
h6[id] > a[href^='#'] {
  display: none;
  text-decoration: none;
  vertical-align: top;
  font-size: smaller;
}

@media screen {

@supports (max-inline-size) { /* not for SeaMonkey */

h2[id]:hover > a[href^='#'],
h3[id]:hover > a[href^='#'],
h4[id]:hover > a[href^='#'],
h5[id]:hover > a[href^='#'],
h6[id]:hover > a[href^='#'] {
  display: inline-block;
  overflow: hidden;
  animation: bullet-directionally-unveil .8s ease;
  animation-fill-mode: both;
}
h2[id]:not(:hover) > a[href^='#'],
h3[id]:not(:hover) > a[href^='#'],
h4[id]:not(:hover) > a[href^='#'],
h5[id]:not(:hover) > a[href^='#'],
h6[id]:not(:hover) > a[href^='#'] {
  display: inline-block;
  overflow: hidden;
  animation: bullet-directionally-veil .8s ease;
  animation-fill-mode: both;
}

} /* not for SeaMonkey */

@supports not (max-inline-size) { /* for SeaMonkey */

/* give up on animation */
/*
h2[id] > a[href^='#'],
h3[id] > a[href^='#'],
h4[id] > a[href^='#'],
h5[id] > a[href^='#'],
h6[id] > a[href^='#'] {
  display: inline-block;
}
*/
/* supports horizontal writing only */
h2[id]:hover > a[href^='#'],
h3[id]:hover > a[href^='#'],
h4[id]:hover > a[href^='#'],
h5[id]:hover > a[href^='#'],
h6[id]:hover > a[href^='#'] {
  display: inline-block;
  overflow: hidden;
  animation: bullet-horizontally-unveil .8s ease;
  animation-fill-mode: both;
}
h2[id]:not(:hover) > a[href^='#'],
h3[id]:not(:hover) > a[href^='#'],
h4[id]:not(:hover) > a[href^='#'],
h5[id]:not(:hover) > a[href^='#'],
h6[id]:not(:hover) > a[href^='#'] {
  display: inline-block;
  overflow: hidden;
  animation: bullet-horizontally-veil .8s ease;
  animation-fill-mode: both;
}

} /* for SeaMonkey */

}