.s3-video-player{background:#000;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.s3-video-element{object-fit:contain;background:#000;width:100%;height:100%}.s3-video-loading{color:#fff;z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.s3-video-spinner{border:3px solid #ffffff4d;border-top-color:#00a33e;border-radius:50%;width:40px;height:40px;animation:1s linear infinite s3-spin}@keyframes s3-spin{to{transform:rotate(360deg)}}.s3-video-error{background:#1a1a1a;justify-content:center;align-items:center;min-height:200px;display:flex}.s3-video-error-content{color:#888;flex-direction:column;align-items:center;gap:12px;display:flex}.s3-video-error-icon{color:#f44;font-size:48px}.s3-video-play-overlay{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.s3-video-play-overlay:hover{background:#0003}.s3-video-play-button{color:#fff;background:#00a33ee6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s,background .2s;display:flex}.s3-video-play-overlay:hover .s3-video-play-button{background:#00a33e;transform:scale(1.1)}.s3-video-play-button svg{width:40px;height:40px;margin-left:4px}@media (max-width:768px){.s3-video-play-button{width:60px;height:60px}.s3-video-play-button svg{width:30px;height:30px}}