.revera-password-wrap #revera-password[type=password]{font-family:'PasswordMask',var(--font)}
@font-face{font-family:'PasswordMask';font-style:normal;font-weight:400;font-display:block;src:url(assets/password-mask.woff2) format('woff2');unicode-range:U+002A,U+2022,U+25A0,U+25CF}
.revera-password-wrap{position:relative;flex:1;min-width:0}
.revera-password-wrap #revera-password{height:54px;padding-right:50px;color:var(--accent);caret-color:var(--accent)}
.revera-password-wrap #revera-password:focus,
.revera-password-wrap #revera-password:focus-visible{outline:none;box-shadow:none}
.password-eye{position:absolute;right:4px;top:5px;width:44px;height:44px;padding:8px;border:0;background:none;color:var(--accent);cursor:pointer;display:grid;place-items:center}
.password-eye svg{display:block;opacity:.4;overflow:visible}
.revera-password-wrap #revera-password[data-character-transition]{color:transparent;-webkit-text-fill-color:transparent}
.password-character-transition{position:absolute;inset:1px 50px 1px 15px;overflow:hidden;pointer-events:none;user-select:none;color:var(--accent);font:18px/1.5 var(--font);z-index:1}
.password-character-transition>span{position:absolute;left:0;top:50%;height:27px;margin-top:-13.5px;display:block;white-space:pre}
.password-characters-masked{clip-path:inset(0 0 0 var(--window))}
.password-characters-revealed{clip-path:inset(0 calc(100% - var(--window)) 0 0)}
.password-eye:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.revera-field .case-entry-button{flex:none;cursor:pointer;min-height:54px}
.revera-field .case-entry-button:disabled{cursor:wait;opacity:.6}
.revera-field .case-entry-button[data-cutout-ready]{background:transparent}
@media(max-width:760px){.revera-password-wrap{width:100%}}