@keyframes blip-card-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.blip-card-skeleton-state{margin:0 auto;max-width:60rem;width:100%}.blip-card-skeleton-list{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0;>li{min-width:0}>li:nth-child(n+5){display:none}@media(min-width:48rem){grid-template-columns:repeat(2,minmax(0,1fr));>li:nth-child(-n+6){display:block}}@media(min-width:71.3125rem){>li:nth-child(-n+8){display:block}}}.blip-card-skeleton-item{display:flex;flex-direction:column;gap:.75rem}.blip-card-skeleton-card{background:var(--colors-mono-02);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:10rem;overflow:hidden;padding:.5rem 1rem}.blip-card-skeleton-header{display:flex;justify-content:flex-end}.blip-card-skeleton-content{display:flex;flex:1;flex-direction:column;gap:.625rem;padding-top:.375rem}.blip-card-skeleton-footer{align-items:center;display:flex;gap:.3rem;justify-content:flex-end}.blip-card-skeleton-reactions{display:flex;gap:.3rem}.blip-card-skeleton-activity-pill,.blip-card-skeleton-reaction-pill{align-items:center;background:transparent;border:1px solid var(--colors-mono-05);border-radius:999rem;display:inline-flex}.blip-card-skeleton-activity-pill{&.count-pill{gap:.25rem;min-height:1.45rem;padding:.1rem .45rem}&.trigger-pill{justify-content:center;min-height:1.5rem;min-width:1.9rem;padding:.14rem .38rem}}.blip-card-skeleton-reaction-pill{gap:.25rem;min-height:1.45rem;padding:.1rem .38rem}.blip-card-skeleton-block{background:linear-gradient(90deg,color-mix(in srgb,var(--colors-mono-04) 82%,var(--colors-mono-03) 18%),color-mix(in srgb,var(--colors-mono-05) 72%,var(--colors-mono-03) 28%),color-mix(in srgb,var(--colors-mono-04) 82%,var(--colors-mono-03) 18%));border-radius:999rem;overflow:hidden;position:relative;&:after{animation:blip-card-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .12),transparent);content:"";inset:0;position:absolute}&.timestamp{height:1rem;width:6.75rem}&.line{height:1rem}&.line-1{width:88%}&.line-2{width:94%}&.line-3{width:72%}&.read-more{align-self:flex-end;height:1.25rem;margin-top:auto;width:7.25rem}&.activity-icon{border-radius:50%}&.count-icon{height:.9rem;width:.9rem}&.trigger-icon{height:1rem;width:1rem}&.activity-count{height:.75rem;width:.7rem}&.reaction-emoji{border-radius:50%;height:.85rem;width:.85rem}&.reaction-count{height:.6875rem;width:.625rem}}