.copyright {
    /* color: #777;
    font-size: 0.85rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif; */
    user-select: none;
}

.copyright .heart {
    color: #ff4d6d;
    display: inline-block;
    animation: copyright-heartbeat 1.6s ease-in-out infinite;
}

@keyframes copyright-heartbeat {

    0%,
    100% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.25);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.18);
    }
}

/* Контейнер для сменяющейся фразы */
.copyright .rotator {
    position: relative;
    display: inline-block;
    height: 1.4em;
    overflow: hidden;
    vertical-align: middle;
    transition: width 0.6s ease;
    top: -1px;
}

/* Все фразы абсолютно спозиционированы друг над другом */
.copyright .rotator .phrase {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    line-height: 1.4em;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.copyright .rotator .phrase.active {
    opacity: 1;
    transform: translateY(0);
}

.copyright .rotator .phrase.leaving {
    opacity: 0;
    transform: translateY(-100%);
}