.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
- background-color: #f8f9fc;
+ background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #e3e6f0; }
.card-header:first-child {
border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; }
.card-footer {
padding: 0.75rem 1.25rem;
- background-color: #f8f9fc;
+ background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid #e3e6f0; }
.card-footer:last-child {
border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); }
@keyframes noise-anim {
0% {
- clip: rect(83px, 9999px, 20px, 0); }
+ clip: rect(31px, 9999px, 28px, 0); }
5% {
- clip: rect(49px, 9999px, 30px, 0); }
+ clip: rect(23px, 9999px, 23px, 0); }
10% {
- clip: rect(94px, 9999px, 43px, 0); }
+ clip: rect(19px, 9999px, 12px, 0); }
15% {
- clip: rect(36px, 9999px, 12px, 0); }
+ clip: rect(96px, 9999px, 23px, 0); }
20% {
- clip: rect(50px, 9999px, 49px, 0); }
+ clip: rect(67px, 9999px, 4px, 0); }
25% {
- clip: rect(8px, 9999px, 50px, 0); }
+ clip: rect(62px, 9999px, 7px, 0); }
30% {
- clip: rect(13px, 9999px, 95px, 0); }
+ clip: rect(26px, 9999px, 47px, 0); }
35% {
- clip: rect(81px, 9999px, 85px, 0); }
+ clip: rect(23px, 9999px, 83px, 0); }
40% {
- clip: rect(18px, 9999px, 20px, 0); }
+ clip: rect(100px, 9999px, 7px, 0); }
45% {
- clip: rect(62px, 9999px, 91px, 0); }
+ clip: rect(13px, 9999px, 23px, 0); }
50% {
- clip: rect(98px, 9999px, 34px, 0); }
+ clip: rect(48px, 9999px, 37px, 0); }
55% {
- clip: rect(77px, 9999px, 95px, 0); }
+ clip: rect(66px, 9999px, 94px, 0); }
60% {
- clip: rect(79px, 9999px, 66px, 0); }
+ clip: rect(97px, 9999px, 77px, 0); }
65% {
- clip: rect(62px, 9999px, 83px, 0); }
+ clip: rect(73px, 9999px, 28px, 0); }
70% {
- clip: rect(39px, 9999px, 92px, 0); }
+ clip: rect(31px, 9999px, 10px, 0); }
75% {
- clip: rect(11px, 9999px, 79px, 0); }
+ clip: rect(56px, 9999px, 4px, 0); }
80% {
- clip: rect(57px, 9999px, 36px, 0); }
+ clip: rect(84px, 9999px, 88px, 0); }
85% {
- clip: rect(59px, 9999px, 83px, 0); }
+ clip: rect(22px, 9999px, 56px, 0); }
90% {
- clip: rect(94px, 9999px, 90px, 0); }
+ clip: rect(84px, 9999px, 16px, 0); }
95% {
- clip: rect(100px, 9999px, 52px, 0); }
+ clip: rect(33px, 9999px, 41px, 0); }
100% {
- clip: rect(95px, 9999px, 31px, 0); } }
+ clip: rect(2px, 9999px, 42px, 0); } }
.error:after {
content: attr(data-text);
@keyframes noise-anim-2 {
0% {
- clip: rect(86px, 9999px, 37px, 0); }
+ clip: rect(91px, 9999px, 59px, 0); }
5% {
- clip: rect(68px, 9999px, 47px, 0); }
+ clip: rect(95px, 9999px, 9px, 0); }
10% {
- clip: rect(43px, 9999px, 23px, 0); }
+ clip: rect(36px, 9999px, 39px, 0); }
15% {
- clip: rect(68px, 9999px, 43px, 0); }
+ clip: rect(64px, 9999px, 21px, 0); }
20% {
- clip: rect(33px, 9999px, 63px, 0); }
+ clip: rect(35px, 9999px, 79px, 0); }
25% {
- clip: rect(66px, 9999px, 75px, 0); }
+ clip: rect(99px, 9999px, 19px, 0); }
30% {
- clip: rect(72px, 9999px, 77px, 0); }
+ clip: rect(17px, 9999px, 9px, 0); }
35% {
- clip: rect(37px, 9999px, 10px, 0); }
+ clip: rect(84px, 9999px, 39px, 0); }
40% {
- clip: rect(25px, 9999px, 79px, 0); }
+ clip: rect(10px, 9999px, 77px, 0); }
45% {
- clip: rect(52px, 9999px, 23px, 0); }
+ clip: rect(87px, 9999px, 70px, 0); }
50% {
- clip: rect(56px, 9999px, 45px, 0); }
+ clip: rect(18px, 9999px, 95px, 0); }
55% {
- clip: rect(63px, 9999px, 96px, 0); }
+ clip: rect(36px, 9999px, 74px, 0); }
60% {
- clip: rect(71px, 9999px, 26px, 0); }
+ clip: rect(98px, 9999px, 16px, 0); }
65% {
- clip: rect(8px, 9999px, 55px, 0); }
+ clip: rect(74px, 9999px, 9px, 0); }
70% {
- clip: rect(75px, 9999px, 25px, 0); }
+ clip: rect(62px, 9999px, 45px, 0); }
75% {
- clip: rect(48px, 9999px, 46px, 0); }
+ clip: rect(11px, 9999px, 89px, 0); }
80% {
- clip: rect(11px, 9999px, 61px, 0); }
+ clip: rect(11px, 9999px, 5px, 0); }
85% {
- clip: rect(57px, 9999px, 16px, 0); }
+ clip: rect(47px, 9999px, 84px, 0); }
90% {
- clip: rect(86px, 9999px, 41px, 0); }
+ clip: rect(73px, 9999px, 93px, 0); }
95% {
- clip: rect(51px, 9999px, 4px, 0); }
+ clip: rect(49px, 9999px, 44px, 0); }
100% {
- clip: rect(68px, 9999px, 88px, 0); } }
+ clip: rect(40px, 9999px, 71px, 0); } }
.error:before {
content: attr(data-text);