.v-password-field { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #b9cfe0; border-radius: 8px; background: #fff; }
.v-password-field > .v-password-input { display: block; position: relative; flex: 1 1 0; min-width: 0; }
.v-password-field .v-password-input > input,
body.victoria-ui .v-form-page .v-password-field > .v-password-input > input[type] { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; margin: 0; padding: 9px 11px; border: 0; border-radius: 7px 0 0 7px; background: transparent; box-shadow: none; }
.v-password-field .v-password-input > input:focus,
body.victoria-ui .v-form-page .v-password-field > .v-password-input > input[type]:focus { outline: none; box-shadow: none; }
.v-password-field:focus-within { border-color: #1269a7; outline: 2px solid #1269a733; outline-offset: 1px; }
.v-password-field:has(input[aria-invalid="true"]) { border-color: #b42318; }
.v-password-field > .v-password-toggle { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0 7px 7px 0; background: transparent; color: #245785; cursor: pointer; }
.v-password-field > .v-password-toggle:hover { background: #edf5fb; }
.v-password-toggle:focus-visible { outline: 2px solid #245785; outline-offset: 2px; }
.v-password-toggle .v-password-slash { display: none; }
.v-password-toggle[aria-pressed="true"] .v-password-slash { display: block; }