.logo { display: flex; align-items: center; text-decoration: none; font-weight: bold; font-display: auto; font-family: monospace, monospace; img { height: 44px; } &__mark { margin-right: 5px; } &__text { white-space: nowrap; } &__cursor { display: inline-block; width: 10px; height: 1.5rem; background: var(--fgColor); margin-left: 5px; border-radius: 1px; animation: cursor 1s infinite; } @media (prefers-reduced-motion: reduce) { &__cursor { animation: none; } } } @keyframes cursor { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }