/*
 * Vagas do Vale — experiência de mouse do SITE PÚBLICO.
 * Não é carregado no Portal Empresa/Portal do Candidato. É usado no site público e na prova pública do candidato.
 */
@media (pointer: fine) {
    .vdv-public-pointer-dot,
    .vdv-public-pointer-ring {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 2147483000;
        opacity: 0;
        will-change: transform, width, height, opacity, background-color, border-color;
        transform: translate3d(-100px, -100px, 0);
    }

    .vdv-public-pointer-dot {
        width: 8px;
        height: 8px;
        margin: -4px 0 0 -4px;
        border-radius: 999px;
        background: #00265a;
        box-shadow: 0 0 0 4px rgba(0, 38, 90, .10);
        transition: opacity .18s ease, width .18s ease, height .18s ease, margin .18s ease, background-color .18s ease;
    }

    .vdv-public-pointer-ring {
        width: 38px;
        height: 38px;
        margin: -19px 0 0 -19px;
        border-radius: 999px;
        border: 1.5px solid rgba(37, 211, 102, .62);
        background: rgba(37, 211, 102, .025);
        box-shadow: 0 5px 20px rgba(0, 38, 90, .08);
        transition:
            opacity .18s ease,
            width .22s cubic-bezier(.2,.8,.2,1),
            height .22s cubic-bezier(.2,.8,.2,1),
            margin .22s cubic-bezier(.2,.8,.2,1),
            border-color .22s ease,
            background-color .22s ease,
            box-shadow .22s ease;
    }

    body.vdv-public-pointer-active .vdv-public-pointer-dot,
    body.vdv-public-pointer-active .vdv-public-pointer-ring {
        opacity: 1;
    }

    body.vdv-public-pointer-hover .vdv-public-pointer-ring {
        width: 62px;
        height: 62px;
        margin: -31px 0 0 -31px;
        border-color: rgba(37, 211, 102, .32);
        background: rgba(37, 211, 102, .11);
        box-shadow: 0 10px 28px rgba(0, 38, 90, .12);
    }

    body.vdv-public-pointer-hover .vdv-public-pointer-dot {
        width: 5px;
        height: 5px;
        margin: -2.5px 0 0 -2.5px;
        background: #00265a;
    }

    body.vdv-public-pointer-down .vdv-public-pointer-ring {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        background: rgba(37, 211, 102, .2);
        border-color: rgba(37, 211, 102, .72);
    }

    body.vdv-public-pointer-down .vdv-public-pointer-dot {
        background: #00265a;
    }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
    .vdv-public-pointer-dot,
    .vdv-public-pointer-ring {
        display: none !important;
    }
}