[data-home]:not([data-phase]) [data-chrome],
[data-home]:not([data-phase]) [data-main] {
  opacity: 0;
}

[data-home][data-phase="menu"] [data-intro],
[data-home][data-phase="ready"] [data-intro] {
  display: none;
}

[data-home][data-phase="menu"] [data-chrome],
[data-home][data-phase="ready"] [data-chrome] {
  opacity: 1;
  transition: opacity 1s linear;
}

[data-home] [data-main] {
  transform: translateY(50vh);
}

[data-home][data-phase="ready"] [data-main] {
  transform: none;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-home] [data-gif] {
  display: none;
}

[data-home][data-autoplay="failed"] [data-video] {
  display: none;
}

[data-home][data-autoplay="failed"] [data-gif] {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  [data-home] [data-chrome],
  [data-home] [data-main] {
    opacity: 1;
    transform: none;
  }
}

img.logo {
  width: auto;
  max-width: none;
  height: 1.5rem;
}

@media (min-width: 768px) {
  img.logo {
    height: 3rem;
  }
}

.strike {
  position: absolute;
  left: -9px;
  top: 50%;
  height: 2px;
  width: calc(100% + 18px);
  transform: translateY(-50%) scaleX(0);
  transform-origin: left;
  background: #0dff00;
  transition: transform 500ms ease-out;
  pointer-events: none;
}

.group:hover .strike,
.group:focus-within .strike {
  transform: translateY(-50%) scaleX(1);
}

.nr-mark {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  color: #000;
}

.nr-mark:hover {
  color: #0dff00;
}

.nr-mark-sm {
  column-gap: 0.25rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}

[data-dialog][hidden] {
  display: none !important;
}