.skeletoncards {display: flex;}.skeletoncard {margin: 10px;width: 30%;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}.skeletoncard .image img {max-width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}.skeletoncard .content {padding: 20px 30px;}.skeletoncard.is-loading .image, .skeletoncard.is-loading h2, .skeletoncard.is-loading p {background: #eee;background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);border-radius: 5px;background-size: 200% 100%;-webkit-animation: 1.5s shine linear infinite;animation: 1.5s shine linear infinite;}.skeletoncard.is-loading .image {height: 200px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}.skeletoncard.is-loading h2 {height: 30px;}.skeletoncard.is-loading p {height: 70px;}@-webkit-keyframes shine {to {background-position-x: -200%;}}@keyframes shine {to {background-position-x: -200%;}}.skeleton-box {display: inline-block;height: 1em;position: relative;overflow: hidden;background-color: #DDDBDD;}.skeleton-box::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateX(-100%);background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));-webkit-animation: shimmer 5s infinite;animation: shimmer 5s infinite;content: "";}.skeleton-box-30 {width: 30%;}.skeleton-box-40 {width: 40%;}.skeleton-box-80 {width: 80%;}.skeleton-box-90 {width: 90%;}.skeleton-box-100 {width: 100%;}@-webkit-keyframes shimmer {100% {transform: translateX(100%);}}@keyframes shimmer {100% {transform: translateX(100%);}}