.mediaImageWrap{display:block;position:relative;overflow:hidden;width:100%}.mediaImagePlaceholderRoot{display:block;position:relative;overflow:hidden;background:var(--surface-container-highest)}.mediaImageWrap img{display:block;width:100%}.mediaImageWrap--pending{background:var(--surface-container-highest)}.mediaImageSkeleton{display:block;width:100%;height:100%;min-height:80px;background:linear-gradient(105deg,var(--surface-container-low, #e8e8e8) 0%,var(--surface-container-low, #e8e8e8) 40%,var(--surface-container-high, #f0f0f0) 50%,var(--surface-container-low, #e8e8e8) 60%,var(--surface-container-low, #e8e8e8) 100%);background-size:200% 100%;animation:mediaImageSkeletonShimmer 1.4s ease-in-out infinite}[data-theme=dark] .mediaImageSkeleton{background:linear-gradient(105deg,#ffffff0f 0% 40%,#ffffff1a 50%,#ffffff0f 60% 100%);background-size:200% 100%}@keyframes mediaImageSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mediaImageAvatarPlaceholder{display:block;width:100%;height:100%;min-height:0;background:var(--surface-container-highest, #e0e0e0)}[data-theme=dark] .mediaImageAvatarPlaceholder{background:#ffffff0f}.mediaReloadingOverlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000047;border-radius:inherit;animation:mediaReloadingFadeIn .2s ease}@keyframes mediaReloadingFadeIn{0%{opacity:0}to{opacity:1}}.mediaReloadingBtn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000073;border:none;border-radius:50%;cursor:pointer;transition:background .15s,transform .1s;padding:0}.mediaReloadingBtn:hover{background:#0000009e}.mediaReloadingBtn:active{transform:scale(.91)}.mediaReloadingBtn:disabled{cursor:default}.mediaReloadingRingSvg{position:absolute;inset:0;width:44px;height:44px}.mediaReloadingBtn--active .mediaReloadingRingSvg{animation:mediaReloadingRotate 1s linear infinite}.mediaReloadingArc{transform-origin:center}@keyframes mediaReloadingRotate{to{transform:rotate(360deg)}}.mediaReloadingIcon{position:relative;z-index:1;width:17px;height:17px}.mediaVideoWrap{position:relative;display:block;width:100%;height:100%}.mediaVideoLoadingOverlay{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center}.mediaVideoLoadingFill{position:absolute;inset:0;z-index:0;border-radius:inherit}.mediaVideoLoadingSpinner{position:relative;z-index:1;width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.mediaVideoLoadingSpinner svg{display:block;width:100%;height:100%}.mediaVideoSpinnerArc{transform-origin:22px 22px;animation:mediaVideoSpinnerRotate .9s linear infinite}@keyframes mediaVideoSpinnerRotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mediaVideoSpinnerArc{animation:none}}