/*======================================================== DARK LAYOUT =========================================================*/ @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(.3); transform: scaley(.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @-moz-keyframes line-scale-pulse-out-rapid { 0% { -moz-transform: scaley(1); transform: scaley(1); } 80% { -moz-transform: scaley(.3); transform: scaley(.3); } 90% { -moz-transform: scaley(1); transform: scaley(1); } } @-o-keyframes line-scale-pulse-out-rapid { 0% { -o-transform: scaley(1); transform: scaley(1); } 80% { -o-transform: scaley(.3); transform: scaley(.3); } 90% { -o-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(.3); -moz-transform: scaley(.3); -o-transform: scaley(.3); transform: scaley(.3); } 90% { -webkit-transform: scaley(1); -moz-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out-rapid > div { display: inline-block; width: 4px; height: 3.45rem; margin: 2px; -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78); -moz-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78); -o-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78); animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78); vertical-align: middle; border-radius: 2px; background-color: #b8c2cc; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -.25s !important; -moz-animation-delay: -.25s !important; -o-animation-delay: -.25s !important; animation-delay: -.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; -moz-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; }