@layer components{@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-line{background-color:#f3f4f6;border-radius:.25rem;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-title{width:60%;height:2rem;margin:0 auto 2.5rem}@media only screen and (min-width:769px){.skeleton-title{width:40%}}.carousel-skeleton-container{box-sizing:border-box;width:100%;max-width:100%;margin:3rem auto;padding:0 1rem}@media only screen and (min-width:1024px){.carousel-skeleton-container{max-width:80rem}}.carousel-skeleton-cards{grid-template-columns:1fr;gap:1.5rem;display:grid}@media only screen and (min-width:580px){.carousel-skeleton-cards{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:769px){.carousel-skeleton-cards{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1180px){.carousel-skeleton-cards{grid-template-columns:repeat(4,1fr)}}.carousel-skeleton-card{background:#fff;border-radius:.5rem;padding:1rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.carousel-skeleton-card .skeleton-card-image{border-radius:.25rem;width:100%;height:12rem;margin-bottom:1rem}.carousel-skeleton-card .skeleton-card-title{width:80%;height:1.5rem;margin-bottom:.75rem}.carousel-skeleton-card .skeleton-card-text{width:100%;height:1rem;margin-bottom:.5rem}.carousel-skeleton-card .skeleton-card-text-short{width:60%;height:1rem}}
