#index1-proof .i1p-mobile-cue,
#index10 .i10-mobile-cue,
#index19 .i19-mobile-cue,
#index20 .i20-mobile-cue,
#index21 .i21-mobile-cue,
#index24 .i24-mobile-cue,
#index25 .i25-mobile-cue,
#index26 .i26-mobile-cue,
#index25_img .i25g-note {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

@media (min-width: 720px) {
    #index25_img .i25g-note {
        display: revert;
    }
}

.index-cue-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(var(--clr-primary-rgb), .22);
}

#index1-proof .i1p-mobile-cue .index-cue-icon,
#index10 .i10-mobile-cue .index-cue-icon,
#index19 .i19-mobile-cue .index-cue-icon,
#index20 .i20-mobile-cue .index-cue-icon,
#index21 .i21-mobile-cue .index-cue-icon,
#index24 .i24-mobile-cue .index-cue-icon,
#index25 .i25-mobile-cue .index-cue-icon,
#index25_img .i25g-note .index-cue-icon,
#index26 .i26-mobile-cue .index-cue-icon {
    color: #fff;
}

.index-cue-icon svg {
    display: block;
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.index-cue-icon svg path {
    fill: #fff;
}

.index-cue-icon--up {
    animation: indexCueBounce 1.5s ease-in-out infinite;
}

.index-cue-icon--down {
    animation: indexCueNudgeDown 1.5s ease-in-out infinite;
}

.index-cue-icon--down svg {
    transform: rotate(180deg);
    transform-origin: center;
}

@keyframes indexCueBounce {
    0%,
    100% {
        transform: translateY(-1.5px);
    }

    50% {
        transform: translateY(1.5px);
    }
}

@keyframes indexCueNudgeDown {
    0%,
    100% {
        transform: translateY(-1.5px);
    }

    50% {
        transform: translateY(1.5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .index-cue-icon--up,
    .index-cue-icon--down {
        animation: none;
    }
}