.thumbnail-frame--relative{position:relative}
.thumbnail-frame.is-thumbnail-loading{min-height:28px}
.thumbnail-frame.is-thumbnail-loading::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;box-sizing:border-box;margin:-13px 0 0 -13px;border:3px solid #d2d5da;border-top-color:#858b93;border-radius:50%;box-shadow:0 0 0 4px #eef0f280;animation:thumbnail-turn .85s linear infinite;pointer-events:none;z-index:3}
.thumbnail-frame.is-thumbnail-loading>img{opacity:0}
.thumbnail-frame.is-thumbnail-loading>.play-dot,.thumbnail-frame.is-thumbnail-loading>.story-tile-play,.thumbnail-frame.is-thumbnail-loading.video-material-cover>span{opacity:0}
.thumbnail-avatar>img,.fact-photo>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.thumbnail-avatar{overflow:hidden}
@keyframes thumbnail-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.thumbnail-frame.is-thumbnail-loading::after{animation:none}}

.poster-frame{position:relative;min-width:0;line-height:0}.poster-frame>video{display:block;width:100%;margin-bottom:0}.poster-frame:has(.case-player){margin-bottom:18px}.photo-preview.is-thumbnail-loading>.photo-preview-hint{visibility:hidden}
.poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;padding:10px;border:0;border-radius:50%;background:#ffffffdf;color:#253548;box-shadow:0 2px 16px #0003;cursor:pointer;z-index:2}.poster-play svg{display:block;width:100%;height:100%}.poster-play[hidden]{display:none}.poster-play:focus-visible{outline:3px solid #6981a0;outline-offset:3px}.is-thumbnail-loading>.poster-play{visibility:hidden}