.c-password-wrapper{position:relative}.c-password-wrapper .c-form-field{padding-inline-end:56px}.c-password-toggle{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer}.c-password-toggle:focus{outline:none}.c-password-toggle svg{width:24px;height:24px;pointer-events:none}.c-password-toggle svg path,.c-password-toggle svg circle,.c-password-toggle svg line{stroke:#8a8a8a;fill:none}.c-password-toggle .c-icon-eye{display:none}.c-password-toggle.is-visible .c-icon-eye{display:block}.c-password-toggle.is-visible .c-icon-eye-slash{display:none}.c-password-rules{display:grid;gap:4px;list-style:none}.c-password-rules__item{position:relative;display:flex;align-items:center;gap:4px}.c-password-rules__item::before{content:"";flex-shrink:0;width:14px;height:14px;background-color:currentColor;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E")}.c-password-rules__item.is-valid{color:#1a7f37}.c-password-rules__item.is-valid::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.c-password-rules__item.is-invalid{color:var(--color-red-600, #d44c4c)}.c-password-rules__item.is-invalid::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.c-password-rules__status{display:none;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.c-password-rules__item.is-valid .c-password-rules__status--valid,.c-password-rules__item.is-invalid .c-password-rules__status--invalid{display:block}