margin-right: 0.3125rem;
margin-left: 0; }
-.form-password input {
- padding-right: calc(1.5em + 0.75rem);
+.form-password .password-toggle {
+ width: 48px;
background-repeat: no-repeat;
- background-position: right calc(0.375em + 0.1875rem) center;
- background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+ background-position: center; }
.form-password .password-visible {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTDExMTAwMDExMTMzMzExMTExMTAwMDAwMDIyMjIyMjAwMDIyMtDcR4EAAAAMdFJOUwDfIO86ksUQf1ivcKwSZ8wAAABaSURBVBjTY2AYcMB4Bg4EUDlMMtZgFezNBxUY2GXOSDgwMDA1nzlWwMB6cOKZw2lpNmcyZQIYmI0YvEAaljAoA/UoMLAedXGJCQCxQKYfYWDwMYBZJQDBlAMAlfIjX/5EzDQAAAAASUVORK5CYII=") !important; }
@keyframes noise-anim {
0% {
- clip: rect(51px, 9999px, 56px, 0); }
+ clip: rect(89px, 9999px, 99px, 0); }
5% {
- clip: rect(61px, 9999px, 57px, 0); }
+ clip: rect(42px, 9999px, 40px, 0); }
10% {
- clip: rect(28px, 9999px, 70px, 0); }
+ clip: rect(18px, 9999px, 25px, 0); }
15% {
- clip: rect(32px, 9999px, 75px, 0); }
+ clip: rect(69px, 9999px, 42px, 0); }
20% {
- clip: rect(86px, 9999px, 64px, 0); }
+ clip: rect(44px, 9999px, 48px, 0); }
25% {
- clip: rect(63px, 9999px, 13px, 0); }
+ clip: rect(98px, 9999px, 48px, 0); }
30% {
- clip: rect(3px, 9999px, 13px, 0); }
+ clip: rect(59px, 9999px, 30px, 0); }
35% {
- clip: rect(27px, 9999px, 76px, 0); }
+ clip: rect(73px, 9999px, 28px, 0); }
40% {
- clip: rect(32px, 9999px, 62px, 0); }
+ clip: rect(90px, 9999px, 96px, 0); }
45% {
- clip: rect(54px, 9999px, 94px, 0); }
+ clip: rect(47px, 9999px, 70px, 0); }
50% {
- clip: rect(86px, 9999px, 42px, 0); }
+ clip: rect(6px, 9999px, 77px, 0); }
55% {
- clip: rect(34px, 9999px, 64px, 0); }
+ clip: rect(10px, 9999px, 56px, 0); }
60% {
- clip: rect(42px, 9999px, 2px, 0); }
+ clip: rect(79px, 9999px, 80px, 0); }
65% {
- clip: rect(64px, 9999px, 91px, 0); }
+ clip: rect(32px, 9999px, 23px, 0); }
70% {
- clip: rect(51px, 9999px, 11px, 0); }
+ clip: rect(93px, 9999px, 25px, 0); }
75% {
- clip: rect(87px, 9999px, 70px, 0); }
+ clip: rect(59px, 9999px, 80px, 0); }
80% {
- clip: rect(30px, 9999px, 98px, 0); }
+ clip: rect(45px, 9999px, 23px, 0); }
85% {
- clip: rect(3px, 9999px, 17px, 0); }
+ clip: rect(78px, 9999px, 47px, 0); }
90% {
- clip: rect(15px, 9999px, 33px, 0); }
+ clip: rect(58px, 9999px, 69px, 0); }
95% {
- clip: rect(46px, 9999px, 37px, 0); }
+ clip: rect(16px, 9999px, 52px, 0); }
100% {
- clip: rect(76px, 9999px, 38px, 0); } }
+ clip: rect(29px, 9999px, 86px, 0); } }
.error:after {
content: attr(data-text);
@keyframes noise-anim-2 {
0% {
- clip: rect(57px, 9999px, 100px, 0); }
+ clip: rect(76px, 9999px, 40px, 0); }
5% {
- clip: rect(41px, 9999px, 96px, 0); }
+ clip: rect(68px, 9999px, 69px, 0); }
10% {
- clip: rect(57px, 9999px, 88px, 0); }
+ clip: rect(8px, 9999px, 12px, 0); }
15% {
- clip: rect(54px, 9999px, 81px, 0); }
+ clip: rect(50px, 9999px, 5px, 0); }
20% {
- clip: rect(67px, 9999px, 41px, 0); }
+ clip: rect(27px, 9999px, 67px, 0); }
25% {
- clip: rect(73px, 9999px, 68px, 0); }
+ clip: rect(55px, 9999px, 63px, 0); }
30% {
- clip: rect(56px, 9999px, 13px, 0); }
+ clip: rect(29px, 9999px, 33px, 0); }
35% {
- clip: rect(33px, 9999px, 59px, 0); }
+ clip: rect(32px, 9999px, 88px, 0); }
40% {
- clip: rect(55px, 9999px, 93px, 0); }
+ clip: rect(87px, 9999px, 96px, 0); }
45% {
- clip: rect(50px, 9999px, 82px, 0); }
+ clip: rect(39px, 9999px, 64px, 0); }
50% {
- clip: rect(100px, 9999px, 94px, 0); }
+ clip: rect(72px, 9999px, 44px, 0); }
55% {
- clip: rect(4px, 9999px, 47px, 0); }
+ clip: rect(26px, 9999px, 69px, 0); }
60% {
- clip: rect(41px, 9999px, 37px, 0); }
+ clip: rect(15px, 9999px, 13px, 0); }
65% {
- clip: rect(9px, 9999px, 34px, 0); }
+ clip: rect(90px, 9999px, 60px, 0); }
70% {
- clip: rect(81px, 9999px, 89px, 0); }
+ clip: rect(5px, 9999px, 40px, 0); }
75% {
- clip: rect(45px, 9999px, 18px, 0); }
+ clip: rect(95px, 9999px, 97px, 0); }
80% {
- clip: rect(89px, 9999px, 90px, 0); }
+ clip: rect(11px, 9999px, 32px, 0); }
85% {
- clip: rect(62px, 9999px, 100px, 0); }
+ clip: rect(80px, 9999px, 8px, 0); }
90% {
- clip: rect(13px, 9999px, 55px, 0); }
+ clip: rect(29px, 9999px, 23px, 0); }
95% {
- clip: rect(41px, 9999px, 82px, 0); }
+ clip: rect(11px, 9999px, 23px, 0); }
100% {
- clip: rect(66px, 9999px, 3px, 0); } }
+ clip: rect(40px, 9999px, 95px, 0); } }
.error:before {
content: attr(data-text);