.yam-hub-rows > .yam-hub-row:last-child {
  border-bottom: 1px solid rgba(17, 17, 17, 0.16);
}
.yam-hub-row:is(:hover, :focus-visible) {
  outline: none;
}
.yam-hub-name,
.yam-hub-sub {
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    color 260ms;
}
.yam-hub-row:is(:hover, :focus-visible) .yam-hub-name,
.yam-hub-row:is(:hover, :focus-visible) .yam-hub-sub {
  transform: translateX(8px);
}
.yam-hub-row:is(:hover, :focus-visible) .yam-hub-sub {
  color: var(--color-text);
}
.yam-hub-arrow {
  opacity: 0;
  transform: translateX(-8px);
  transition:
    opacity 260ms,
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
.yam-hub-row:is(:hover, :focus-visible) .yam-hub-arrow {
  opacity: 1;
  transform: none;
}
.yam-hub-arrow [data-yam-jitter] {
  animation-play-state: paused;
}
.yam-hub-row:is(:hover, :focus-visible) .yam-hub-arrow [data-yam-jitter] {
  animation-play-state: running;
}
:root[data-theme="dark"] .yam-hub-row {
  border-top-color: rgba(242, 241, 237, 0.18);
}
:root[data-theme="dark"] .yam-hub-rows > .yam-hub-row:last-child {
  border-bottom-color: rgba(242, 241, 237, 0.18);
}
@media (prefers-reduced-motion: reduce) {
  .yam-hub-name,
  .yam-hub-sub,
  .yam-hub-arrow {
    transition-duration: 0.01ms !important;
  }
}
.yam-hub-float {
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 260ms;
}
.yam-hub-float.is-on {
  opacity: 1;
}
.yam-hub-float .yam-hub-cms-list {
  clip-path: inset(50% 14%);
  transition: clip-path 560ms cubic-bezier(0.22, 1, 0.36, 1);
}
.yam-hub-float.is-on .yam-hub-cms-list {
  clip-path: inset(0px);
}
.yam-hub-cms-item {
  opacity: 0;
  transition: opacity 320ms;
}
.yam-hub-cms-item.is-on {
  opacity: 1;
}
.yam-hub-cms-img {
  transform: scale(1.14);
  transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}
.yam-hub-cms-item.is-on .yam-hub-cms-img {
  transform: scale(1);
}
@media (hover: none), (pointer: coarse) {
  .yam-hub-float {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .yam-hub-float,
  .yam-hub-float * {
    transition-duration: 0.01ms !important;
  }
}
:root[data-theme="dark"] .yam-pr-figures {
  border-top-color: rgba(242, 241, 237, 0.35);
  border-bottom-color: rgba(242, 241, 237, 0.18);
}
.hop {
  display: inline-block;
  transform-origin: 50% 100%;
}
.yam-tm-btn[aria-pressed="true"] .hop {
  animation: 3.2s ease 0s infinite normal none running yam-hop;
}
@keyframes yam-hop {
  0% {
    transform: translateY(0px) scale(1, 1);
    animation-timing-function: cubic-bezier(0.3, 0.7, 0.4, 1);
  }
  6% {
    transform: translateY(-7px) scale(0.98, 1.03);
    animation-timing-function: cubic-bezier(0.55, 0, 0.75, 0.3);
  }
  11% {
    transform: translateY(1px) scale(1.05, 0.93);
    animation-timing-function: cubic-bezier(0.3, 0.7, 0.4, 1);
  }
  15% {
    transform: translateY(-1.5px) scale(1, 1);
  }
  19% {
    transform: translateY(0px) scale(1, 1);
  }
  100% {
    transform: translateY(0px) scale(1, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hop {
    animation: auto ease 0s 1 normal none running none !important;
  }
}
[data-tm-panel] {
  display: none;
}
[data-tm-panel].is-on {
  display: block;
}
.yam-tm-btn .yam-tm-org {
  transition: color 200ms;
}
.yam-tm-btn:hover .yam-tm-org,
.yam-tm-btn[aria-pressed="true"] .yam-tm-org {
  color: var(--color-text);
}
.yam-tm-btn:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  [data-tm-panel] {
    display: block;
  }
  .yam-tm-panels {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .yam-tm-panels::-webkit-scrollbar {
    display: none;
  }
  .yam-tm-panels [data-tm-panel] {
    scroll-snap-align: start;
  }
}
:root[data-theme="dark"] .yam-tm {
  border-top-color: rgba(242, 241, 237, 0.18);
}