.card{margin:10px;width:300px}.card,.card__banner{background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.05)}.card__banner{width:100%}.card .image img,.card__banner .image-banner img{max-width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.card .content,.card__banner .content{padding:20px 30px}.card.is-loading .image,.card.is-loading h2,.card.is-loading p,.card__banner.is-loading .image-banner,.card__banner.is-loading h2,.card__banner.is-loading p{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;-webkit-animation:shine 1.5s linear infinite;animation:shine 1.5s linear infinite}.card.is-loading .image,.card__banner.is-loading .image-banner{height:200px;border-bottom-left-radius:0;border-bottom-right-radius:0}.card__banner.is-loading .image-banner{height:400px}.card.is-loading h2{height:30px}.card.is-loading p{height:70px}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}.banner-skeleton{display:flex;width:100%;height:600px;border-radius:8px;overflow:hidden}.skeleton-image{width:60%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-details{width:40%;padding:20px;display:flex;flex-direction:column;gap:10px}.skeleton-button,.skeleton-date,.skeleton-location,.skeleton-time,.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-title{width:80%;height:30px}.skeleton-date,.skeleton-time{width:60%}.skeleton-location{width:70%}.skeleton-button{width:100px;height:40px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.banner-skeleton{flex-direction:column;height:auto}.skeleton-image{width:100%;height:250px}.skeleton-details{width:100%;padding:15px}}