.video-loading-container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--third-radius);overflow:hidden}.video-loading-button{position:absolute}.video-loading-button-play{position:absolute;opacity:1;transition:opacity .2s ease,transform .2s ease}.video-loading-button-play.hide{opacity:0;transform:rotate(180deg)}.video-loading-button-pause{position:absolute;opacity:1;transition:opacity .2s ease,transform .2s ease}.video-loading-button-pause.hide{opacity:0;transform:rotate(-180deg)}.video-loading-main{display:block;contain:content;object-fit:contain}.video-loading-main.video-loading{background-color:var(--forth-icon-color);font-size:0;content-visibility:auto}.video-loading-main.load-fail{background-color:var(--first-border-color);object-fit:cover;content-visibility:visible}.video-loading-main.load-end{content-visibility:visible}