.password-input-container{transition:max-height .3s ease-out,opacity .3s ease-out}.password-input-container.open{opacity:1;max-height:200px}.password-input-container.closed{opacity:0;max-height:0}
.password-marker-circle-icon{border:1px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}@keyframes checkmark{0%{opacity:1;width:0;height:0}20%{opacity:1;width:4px;height:0}40%{opacity:1;width:4px;height:8px}to{opacity:1;width:4px;height:8px}}.password-marker-circle-icon .password-marker-checkmark:after{opacity:1;transform-origin:0 0;border-right:1px solid var(--primary-color);border-top:1px solid var(--primary-color);content:"";width:4px;height:8px;animation-name:checkmark;animation-duration:.5s;position:absolute;left:3px;transform:scaleX(-1)rotate(135deg)}