:root,:host{--post-view-loading-skeleton-fill:var(--button-tonal-fill);--post-view-loading-skeleton-highlight:var(--button-tonal-state-hover)}@layer components{.post-view-loading-skeleton{width:min(100%, var(--size-700));flex-direction:column;min-width:0;margin-inline:auto;display:flex}.post-view-loading-skeleton__piece{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--post-view-loading-skeleton-fill), var(--post-view-loading-skeleton-highlight), var(--post-view-loading-skeleton-fill));background-size:200% 100%;animation:1.6s ease-in-out infinite post-view-loading-skeleton-pulse;display:block;overflow:hidden}.post-view-loading-skeleton__author{align-items:center;gap:var(--space-8);padding:var(--space-16);display:flex}.post-view-loading-skeleton__avatar{width:var(--size-40);height:var(--size-40);border-radius:var(--radius-full)}.post-view-loading-skeleton__author-name{width:var(--size-160);height:var(--size-16)}.post-view-loading-skeleton__media{grid-template-columns:minmax(0,1fr);display:grid}.post-view-loading-skeleton__media-tile{aspect-ratio:16/9;border-radius:0}.post-view-loading-skeleton__header{gap:var(--space-8);padding-block:var(--space-16);flex-direction:column;display:flex}.post-view-loading-skeleton__meta-row{justify-content:space-between;gap:var(--space-16);display:flex}.post-view-loading-skeleton__category{width:var(--size-96);height:var(--size-16)}.post-view-loading-skeleton__date{width:var(--size-110);height:var(--size-16)}.post-view-loading-skeleton__title{width:72%;height:var(--size-40)}.post-view-loading-skeleton__spoiler-text{width:100%;height:var(--size-40)}@keyframes post-view-loading-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}}