.skeleton{background-color:var(--background-color);flex-shrink:0;display:block;position:relative;overflow:hidden}.skeleton:before{content:"";background-color:var(--skeleton-bg-color);position:absolute;inset:0}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--border-color) 50%, transparent 100%);animation:1.6s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-image-wrapper{background-color:var(--skeleton-bg-color);width:100%;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);display:flex;position:relative;overflow:hidden}.skeleton-image-wrapper:before{content:"";opacity:.5;background-image:url(/images/common/image-placeholder.png);background-position:50%;background-repeat:no-repeat;background-size:50%;position:absolute;inset:0}.skeleton-image-wrapper img{object-fit:cover;transition:opacity .5s var(--liquid-ease)}.skeleton-image-wrapper img.loading{opacity:0}.loading-skeleton{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;min-height:320px;display:flex}.loading-skeleton svg{stroke:var(--primary-color);width:2rem;height:2rem;animation:1.4s linear infinite loading-rotate}.loading-skeleton svg circle{animation:1.4s ease-in-out infinite loading-dash}.skeleton-image-fallback{background-color:var(--background-color);opacity:.7;color:var(--text-color);text-align:center;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}