html body .ay-password-field {position:relative;display:block;min-width:0;width:100%;box-sizing:border-box}
html body .ay-password-field > input.ay-password-input {width:100%;min-width:0;box-sizing:border-box;padding-inline-end:72px!important}
html body .ay-password-field > button.ay-password-toggle {position:absolute;inset-inline-end:6px;inset-inline-start:auto;top:50%;bottom:auto;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:54px;max-width:none;height:32px;min-height:32px;margin:0;padding:0 8px;border:1px solid #457268;border-radius:5px;background:#123e35;color:#fff;font:600 12px/1.2 system-ui,sans-serif;letter-spacing:normal;text-transform:none;box-shadow:none;cursor:pointer;z-index:1}
html body .ay-password-field > button.ay-password-toggle:hover {background:#1d574b}
html body .ay-password-field > button.ay-password-toggle:focus-visible {outline:2px solid #daa947;outline-offset:2px}
html body .ay-password-field > button.ay-password-toggle:disabled {opacity:.5;cursor:not-allowed}
html body .ay-password-input::-ms-reveal {display:none}
/* Keep reception-field styling when the input switches from password to text. */
.cad-desk-dialog input.ay-password-input {height:44px;margin-top:6px;padding:0 12px;border:1px solid #2b6075;border-radius:8px;background:#0b2a3c;color:#fff;outline:0}
.cad-desk-dialog input.ay-password-input:focus {border-color:#1dd7ba;box-shadow:0 0 0 3px rgba(29,215,186,.12)}
@media(forced-colors:active) {html body .ay-password-field > button.ay-password-toggle {border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}