.wc300-password-field{display:block;position:relative;width:100%;min-width:0}
.wc300-password-field input.wc300-password-input{box-sizing:border-box;width:100%;padding-right:54px!important}
body .wc300-password-field button.wc300-password-toggle{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#245c49!important;box-shadow:none;cursor:pointer;line-height:1}
body .wc300-password-field button.wc300-password-toggle:hover{background:#e9f1eb;border-color:#c6d8cd}
body .wc300-password-field button.wc300-password-toggle:focus-visible{outline:2px solid #245c49;outline-offset:2px;background:#e9f1eb}
.wc300-password-toggle svg{display:block;width:21px;height:21px;pointer-events:none}
.wc300-password-field .wc300-password-toggle[hidden]{display:none!important}
.wc300-password-field input::-ms-reveal,.wc300-password-field input::-ms-clear{display:none}
/* Hide duplicate native controls only after our accessible control exists. */
.wc300-password-enhanced>.show-password-input,.wc300-password-enhanced>.wp-hide-pw{display:none!important}