/* Эффект «перелистывания» у ссылок верхнего меню (разметку делает overrides/js/daruma-flip.js).
   Общий для главной и остальных страниц: .daruma-topnav и .db-nav. */

.flip {
  display: block;
  overflow: hidden;
  height: 1.25em;
  line-height: 1.25;
}
.flip__in {
  position: relative;
  display: block;
  transition: transform 0.42s cubic-bezier(0.7, 0, 0.2, 1);
}
.flip__in::after {
  content: attr(data-t);
  position: absolute;
  left: 0;
  top: 100%;
  color: #ff3300;
  white-space: nowrap;
}
@media (hover: hover) {
  .daruma-topnav a:hover .flip__in,
  .db-nav a:hover .flip__in { transform: translateY(-100%); }
}
.daruma-topnav a:focus-visible .flip__in,
.db-nav a:focus-visible .flip__in { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) {
  .flip__in { transition: none; }
}