.container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:1024px){.container{grid-template-columns:repeat(3,minmax(0,1fr))}}.skeleton{padding:1rem;border-radius:1rem;background-color:rgb(24 24 27/.8)}.skeleton-btn,.skeleton-img,.skeleton-line-one,.skeleton-line-two{border-radius:.5rem}.skeleton-img{height:auto;background-color:rgb(63 63 70/1)}.skeleton-btn,.skeleton-line-one,.skeleton-line-two{margin-top:.75rem;height:.75rem}.skeleton-btn{background-color:rgb(245 166 35/1);width:25%}.skeleton-line-one,.skeleton-line-two{background-color:rgb(63 63 70/1)}.skeleton-line-one{width:91.666667%}.skeleton-line-two{width:66.666667%}.image-with-spinner{position:relative;display:block}.image-with-spinner__img{opacity:0;transition:opacity .25s ease}.image-with-spinner[data-loading=false] .image-with-spinner__img{opacity:1}.image-spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:9999px;border:3px solid rgb(255 255 255/.2);border-top:3px solid var(--var-cyan);animation:image-spinner-rotate .8s linear infinite;pointer-events:none}@keyframes image-spinner-rotate{to{transform:rotate(1turn)}}