.du-page-title {
  color: #deb546;
  font: bold 2.18cqw/2.5cqw var(--almendra);
  text-shadow:
    0 0.06cqw 0.12cqw rgba(0, 0, 0, 0.6),
    0 0.24cqw 0.6cqw rgba(0, 0, 0, 0.35);
}

.du-dashboard {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  height: 100%;
  width: 100%;

  > .du-start-widget {
    position: relative;
    top: 10.92cqw;
    left: 2.85cqw;
    transform: translateY(-14.82cqw);
    
    transition: transform 0.5s ease;
    z-index: 0;

    > .du-mode-info {
      color: var(--color-du-body);
      text-shadow: 0 0 0.6cqw #000;
      cursor: var(--help_cursor);
      font-family: var(--almendra);
      transition: color 0.5s ease;

      &::after {
        content: " \00BB";
      }

      &:hover {
        color: var(--color-du-highlight);
        background-color: rgba(222, 181, 70, 0.15);
      }
    }

    &::before {
      content: "";
      position: absolute;
      inset: -30%;
      z-index: -1;
      pointer-events: none;

      background:
        radial-gradient(
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0.0) 70%
        );
    }
  }

  &.visible {
    opacity: 1;
    pointer-events: all;

    > .du-start-widget {
      
      transform: translateY(0);
    }
  }
}