/* site-kit password, version 1: the look of the one password box (password/site-password.js). Vendored verbatim into every site; never edited there.
   It sets only what the box needs: the two fields side by side and wrapping on a phone, one width, and the mark of two fields that do not match. Everything else (the border,
   the font, the colours) is the page's own input look, so the box sits in a toolbar like any other field. The mark is a dashed outline in the page's text colour: it reads in
   both themes and does not depend on a red. */
.site-password{display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px; vertical-align:middle; max-width:100%}
.site-password input{width:13em; max-width:100%; box-sizing:border-box}
.site-password input[hidden]{display:none}
.site-password input[aria-invalid="true"]{outline:2px dashed currentColor; outline-offset:0}
.site-password .site-password-note{font-size:.85em; opacity:.85}
.site-password .site-password-note:empty{display:none}