.custom-field{font-size:14px;border-top:20px solid transparent;margin-bottom:5px;display:inline-block}.custom-field input{border:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background:#f2f2f2;padding:10px;border-radius:3px;outline:none;font-size:14px;color:#0c4a6e;transition:background .3s ease}.custom-field .placeholder{position:absolute;left:12px;width:calc(100% - (12px * 2));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:20px;line-height:100%;transform:translateY(-50%);transition:top .3s ease,color .3s ease,font-size .3s ease}.custom-field input.dirty+.placeholder,.custom-field input:focus+.placeholder,.custom-field input:not(:placeholder-shown)+.placeholder{top:-10px;left:5px;font-size:14px;color:#0c4a6e}.custom-field input{border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;background:linear-gradient(90deg,#637eea,#637eea) bottom/0 .15em no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% .15em no-repeat,linear-gradient(90deg,#fafafa,#fafafa) 0 100%/100% no-repeat;transition:background-size .3s ease}.custom-field input.dirty,.custom-field input:focus,.custom-field input:not(:placeholder-shown){background-size:100% .15em,100% .1em,100%}.password-card{position:absolute;width:400px;padding:15px;background-color:#f8f9fa;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;z-index:500;opacity:0;transform:translateX(-100%)}.password-card.show{opacity:1;transform:translateX(10px)}.password-card:before{content:"";position:absolute;top:10px;left:-10px;border:10px solid transparent;border-right-color:#f8f9fa}.password-card:after{content:"";position:absolute;bottom:82px;left:-7.5%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #ccc;rotate:45deg;transform:rotate(45deg);clear:both}.filter-bar{--my-top:192px;--my-left:350px;--my-height:55px;--my-width:350px;position:absolute;z-index:10;background-color:#f8f9fa;width:var(--my-width);height:var(--my-height);left:var(--my-left);top:var(--my-top);border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;padding:15px}.input-field{font-size:15px;color:#0c4a6e}.input-label{left:5px;top:7px;color:#637eea;transition:all .2s ease}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label,.input-label.filled{top:-12px;left:5px}