/* Vendreel show/hide password toggle — pairs with vr-pass-v1.js */
.vr-pass{position:relative;display:block;width:100%}
.vr-pass>input{width:100%;padding-right:52px!important}
.vr-pass-b{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--vrp-ink,#6b7280);cursor:pointer;transition:background .25s,color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.vr-pass-b:hover,.vr-pass-b:focus-visible{background:var(--vrp-bg,rgba(0,0,0,.06));color:var(--vrp-accent,#111);outline:none}
.vr-pass-b:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--vrp-accent,#111) 30%,transparent)}
.vr-pass-b:active{transform:translateY(-50%) scale(.9)}
.vr-pass-b svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.vr-pass-b .vrp-lid{transform-origin:12px 12px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.vr-pass-b .vrp-pupil{transform-origin:12px 12px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.vr-pass-b .vrp-slash{stroke-dasharray:23;stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.65,0,.35,1)}
.vr-pass.on .vr-pass-b{color:var(--vrp-accent,#111)}
.vr-pass.on .vrp-slash{stroke-dashoffset:23}
.vr-pass.on .vrp-pupil{transform:scale(1.15)}
.vr-pass.blink .vrp-lid{animation:vrp-blink .38s ease}
@keyframes vrp-blink{40%{transform:scaleY(.12)}}
.vr-pass:not(.on) .vr-pass-b:hover .vrp-pupil{transform:translateX(1.5px)}
@media (prefers-reduced-motion:reduce){.vr-pass-b,.vr-pass-b *{transition:none!important;animation:none!important}}
