.ul_direction{display:flex;flex-direction:column;align-items:flex-start}[dir=ltr] .ul_direction{padding-left:20px}[dir=rtl] .ul_direction{padding-right:20px}.li_position{color:#525f7f;position:relative}[dir] .li_position{margin-bottom:8px}.li_position:before{content:"";width:0;height:2px;position:absolute;top:50%;display:block;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}[dir] .li_position:before{background:#2ecc71}[dir=ltr] .li_position:before{left:0}[dir=rtl] .li_position:before{right:0}.input_container{position:relative}[dir] .input_container{padding:30px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border-radius:6px;background:#fff}input[type=password]{line-height:1.5;display:block;color:#8898aa;font-weight:300;width:100%;height:calc(2.75rem + 2px);transition:border-color .4s ease;outline:0}[dir] input[type=password]{padding:.625rem .75rem;border-radius:.25rem;background-color:#fff;border:1px solid #cad1d7}[dir] input[type=password]:focus{border-color:rgba(50,151,211,.45)}.is_valid{color:rgba(136,152,170,.8)}.is_valid:before{width:100%}.checkmark_container{position:absolute;top:5px;width:30px;height:30px;visibility:hidden;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .4s ease}[dir] .checkmark_container{border-radius:50%;background:#2ecc71}[dir=ltr] .checkmark_container{right:-15px;left:0}[dir=rtl] .checkmark_container{left:-15px;right:0}.show_checkmark{visibility:visible;opacity:1}.checkmark{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:15;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180}[dir=ltr] .checkmark_dir{left:420px;right:414px}[dir=rtl] .checkmark_dir{right:420px;left:414px}[dir=ltr] .checked,[dir=rtl] .checked{animation:draw .5s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}