.navi{--navi-halo:6cqmin;position:relative;container-type:size}.navi[data-estado=loading]{--navi-halo:9cqmin}.navi[data-estado=success]{--navi-halo:14cqmin}.navi-halo{background:radial-gradient(circle,color-mix(in srgb,var(--navi-color)18%,transparent)0%,transparent 60%);pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite navi-halo;position:absolute;inset:-18%}@keyframes navi-halo{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.navi-tecla{background:var(--navi-tecla);border:3.125cqmin solid color-mix(in srgb,var(--navi-color)70%,transparent);box-shadow:0 0 var(--navi-halo)color-mix(in srgb,var(--navi-color)14%,transparent),inset 0 0 0 1px #ffffff08;border-radius:23%;transition:box-shadow .8s;position:absolute;inset:.9375%;overflow:hidden}.navi-onda{border:3.125cqmin solid color-mix(in srgb,var(--navi-color)60%,transparent);pointer-events:none;border-radius:23%;animation:1.1s cubic-bezier(.2,.8,.2,1) forwards navi-onda;position:absolute;inset:.9375%}@keyframes navi-onda{0%{opacity:.45;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.navi-ojo{width:34.375%;height:34.375%;margin-top:-17.1875%;margin-left:-17.1875%;position:absolute;top:50%;left:50%}.navi[data-estado=loading] .navi-ojo{width:11%;height:11%;margin-top:-5.5%;margin-left:-5.5%}.navi-parpado{width:100%;height:100%;transition:transform .16s ease-out;position:relative}.navi[data-parpadeando=si] .navi-parpado{transition-duration:80ms;transform:scaleY(.06)}.navi-punto{background:var(--navi-color);border-radius:25%;width:100%;height:100%}.navi[data-estado=idle] .navi-punto{animation:4.2s ease-in-out infinite navi-respira}.navi[data-estado=success] .navi-punto{animation:1s cubic-bezier(.2,.8,.2,1) forwards navi-acierto}.navi[data-estado=loading] .navi-punto{display:none}@keyframes navi-respira{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes navi-acierto{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-40%)scale(1.25)}50%{transform:translateY(6%)scale(1.15,.85)}70%{transform:translateY(-8%)scale(.95,1.1)}to{transform:translateY(0)scale(1)}}.navi-trozo{position:absolute;inset:0}.navi-trozo[data-lado=izq]{animation:.5s cubic-bezier(.34,1.4,.64,1) .3s both navi-parte-izq}.navi-trozo[data-lado=der]{animation:.5s cubic-bezier(.34,1.4,.64,1) .3s both navi-parte-der}.navi-trozo>i{background:var(--navi-color);border-radius:24%;width:100%;height:100%;animation:.9s cubic-bezier(.4,0,.2,1) infinite navi-rebote;display:block}.navi-trozo[data-lado=izq]>i{animation-delay:.8s}.navi-trozo[data-lado=centro]>i{animation-delay:.94s}.navi-trozo[data-lado=der]>i{animation-delay:1.08s}@keyframes navi-parte-izq{0%{transform:translate(0)}to{transform:translate(-141%)}}@keyframes navi-parte-der{0%{transform:translate(0)}to{transform:translate(141%)}}@keyframes navi-rebote{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-55%)scale(.85,1.12)}55%{transform:translateY(8%)scale(1.12,.85)}}@media (prefers-reduced-motion:reduce){.navi *,.navi :before,.navi :after{transition-duration:.01ms!important;animation:none!important}.navi .navi-halo{opacity:.35;transform:none}.navi .navi-parpado{transform:none!important}.navi[data-estado=loading] .navi-punto{display:block}.navi[data-estado=loading] .navi-ojo{width:34.375%;height:34.375%;margin-top:-17.1875%;margin-left:-17.1875%}.navi-trozo,.navi-onda{display:none}}