.video-container{justify-content:center;align-items:center;width:100%;min-height:281.25px;padding:20px 0;display:flex;position:relative}@keyframes video-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:12px;width:500px;height:281.25px;transition:opacity .3s}@media (max-width:500px){.video-container{min-height:53.4375vw}.video-loader,.auto-video{width:95%;height:53.4375vw}}.auto-video,video{pointer-events:none;-webkit-user-select:none;user-select:none}.video-container{justify-content:center;width:100%;padding:20px 0;display:flex;position:relative}.video-loader{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:500px;height:281.25px;display:flex;position:absolute}.video-spinner{border:4px solid #ddd;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-video.video-hidden{opacity:0;position:absolute}.auto-video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:500px;height:281.25px;transition:opacity .3s}.sound-btn{cursor:pointer;z-index:10;background:#0006;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex;position:absolute;bottom:10px;right:12px}.sound-btn:hover{background:#0009}.sound-icon{color:#fff;font-size:1.2rem}@media (max-width:500px){.auto-video,.video-loader{width:95%;height:53.4375vw}.sound-btn{bottom:8px;right:8px}}