/* Copied from the CSS constant of js/ki-password-reveal.js v1.2.2, so a strict
 * Content-Security-Policy (style-src 'self', no 'unsafe-inline') does not need to allow the
 * runtime-injected <style> the script falls back to. app.html links this file with
 * id="ki-password-reveal-style" BEFORE the script loads, so the script sees the id already
 * present and never injects its own copy (see KiPasswordReveal README, "Pagine con CSP rigida"). */
.ki-pwd-reveal-wrap{position:relative;display:inline-block;max-width:100%;}
.ki-pwd-reveal-wrap > input[type="password"],
.ki-pwd-reveal-wrap > input[type="text"][data-ki-reveal]{
    width:100% !important;box-sizing:border-box !important;
    padding-right:44px !important;
}
.ki-pwd-reveal-btn{
    position:absolute;top:0;right:0;bottom:0;
    display:flex;align-items:center;justify-content:center;
    width:44px;min-width:44px;height:100%;min-height:44px;
    background:transparent;border:0;margin:0;padding:0;
    cursor:pointer;color:inherit;
    line-height:0;
}
.ki-pwd-reveal-btn:focus{outline:2px solid currentColor;outline-offset:-2px;}
.ki-pwd-reveal-btn svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;}
.ki-pwd-reveal-btn::before{
    content:"";position:absolute;top:50%;left:50%;
    width:44px;height:44px;transform:translate(-50%,-50%);
}