/* базовая анимация */
.metka {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
}

.metka.is-visible {
    animation: metka-pop 600ms ease-out forwards;
}

@keyframes metka-pop {
    0%   { opacity: 0; transform: scale(0.5); }
    60%  { opacity: 1; transform: scale(1.08); }
    100% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .metka.is-visible {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
.metka radialGradient stop {
    transition: stop-color 300ms ease;
}
.metka:hover {cursor:pointer;}
.metka:hover radialGradient stop[offset="0"] { stop-color: #ffffff; }
.metka:hover radialGradient stop[offset="0.5"] { stop-color: #ff000; }
.metka:hover radialGradient stop[offset="0.71"] { stop-color: #4a90e2; }
.metka:hover radialGradient stop[offset="1"] { stop-color: #004b8a; }

.logo {
    transform-box: fill-box;
    transform-origin: center;
    transform-style: preserve-3d;
}

@keyframes spinOnce {
    0%   { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}