/* Generated cinema guardians. State controller never reads field contents. */
.password-guardian {position:absolute;top:50%;right:3px;z-index:1;display:grid;place-items:center;width:64px;min-width:48px;height:52px;min-height:48px;margin:0;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.password-guardian:focus-visible {outline:2px solid var(--primary);outline-offset:2px}
.password-guardian__portrait {position:relative;display:block;width:54px;height:52px;pointer-events:none;transform-origin:center bottom;transition:transform 180ms ease}
.guardian-frame {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity 160ms ease}
.guardian-frame--attentive {opacity:0}
.password-guardian.is-revealed .guardian-frame--covered {opacity:0}
.password-guardian.is-revealed .guardian-frame--attentive {opacity:1}
.password-input:focus-within .password-guardian__portrait {transform:translateY(-1px) rotate(-2deg)}
.password-guardian.is-reacting .password-guardian__portrait {animation:guardian-greeting 360ms ease}
.password-guardian__fallback {display:none;pointer-events:none}
.password-guardian.is-revealed .password-guardian__fallback-slash {display:none}
.privacy-mask {display:inline-flex;align-items:center;gap:2px;vertical-align:middle;color:var(--subtle);letter-spacing:.08em;line-height:1}
.privacy-mask .privacy-fox {display:block;width:26px;height:26px;object-fit:contain;transition:transform 180ms ease;transform-origin:center bottom}
@media(hover:hover) and (pointer:fine) {
  .password-guardian:hover .password-guardian__portrait {transform:translateY(-1px) rotate(3deg)}
  .session-item:hover .privacy-fox {transform:rotate(-5deg)}
}
@keyframes guardian-greeting {0%,100%{transform:translateY(0)}45%{transform:translateY(-2px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce) {
  .password-guardian *, .privacy-fox {animation:none!important;transition:none!important}
  .password-guardian:hover .password-guardian__portrait,.password-input:focus-within .password-guardian__portrait,.session-item:hover .privacy-fox {transform:none}
}
@media(forced-colors:active) {
  .password-guardian {color:ButtonText;border:1px solid ButtonText}
  .password-guardian:focus-visible {outline-color:Highlight}
  .password-guardian__portrait {display:none}
  .password-guardian__fallback {display:block}
  .privacy-mask .privacy-fox {display:none}
}