.live-demo{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:relative}.live-table{background:#fff;border:1px solid #0000000f;border-radius:8px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 4px 12px #00000008}.live-row{display:flex}.live-row:not(:last-child){border-bottom:1px solid #0000000a}.live-header{background:#f8f9fa;border-bottom:1px solid #0000000f!important}.live-cell{flex:1;min-width:0;padding:7px 10px;animation:8s ease-out infinite liveCellFlash}.live-header-cell{padding:6px 10px;animation:none}.live-cell:not(:last-child){border-right:1px solid #00000008}.live-ph{background:#e8e8e8;border-radius:3px;height:6px}.live-header-cell .live-ph{background:#d4d4d4;height:5px}@keyframes liveCellFlash{0%{background-color:#0000}2%{background-color:#3b82f61f}8%{background-color:#0000}to{background-color:#0000}}.live-logos{z-index:1;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.live-logo{opacity:0;background:#fff;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a}.live-logo:nth-child(odd){animation:.4s ease-out forwards liveLogoIn,4s ease-in-out .4s infinite liveLogoFloatA}.live-logo:nth-child(2n){animation:.4s ease-out forwards liveLogoIn,4.5s ease-in-out .4s infinite liveLogoFloatB}.live-logo-icon{object-fit:contain;width:24px;height:24px}@keyframes liveLogoIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes liveLogoFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes liveLogoFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width<=768px){.live-cell,.live-header-cell{padding:5px 8px}.live-logo{width:34px;height:34px}.live-logo-icon{width:20px;height:20px}}