/* Like CSS */
a.liked {color: #da1b1b } a.liked:hover, a.liked:active, a.liked:focus {color: #666666 } .sl-icon {margin-right: 0.3125em; vertical-align: middle } .sl-icon svg {fill: currentColor; width: 1em; height: 1em } .sl-icon svg:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .sl-wrapper a {color: inherit !important; } .sl-count {margin-left: 5px; } .hopper-loader, .hopper-loader:before, .hopper-loader:after {background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em } .hopper-loader:before, .hopper-loader:after {position: absolute; top: 0; content: ''} .hopper-loader:before {left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s } .hopper-loader {text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s } .hopper-loader:after {left: .375em } @-webkit-keyframes "load1" {0%, 80%, 100% {box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% {box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes "load1" {0%, 80%, 100% {box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% {box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } }