Replay Library

#erl-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #1a1a1a; } #erl-wrap * { box-sizing: border-box; } #erl-filters { display: flex; gap: 8px; margin-bottom: 1.5rem; flex-wrap: wrap; align-items: center; } #erl-wrap .erl-btn { font-size: 13px; padding: 7px 16px; border-radius: 999px; border: 1px solid #ccc; background: transparent; color: #555; cursor: pointer; } #erl-wrap .erl-btn:hover { background: #eee; } #erl-wrap .erl-btn.active { background: #fff; border-color: #888; color: #111; font-weight: 600; } #erl-search-wrap { margin-left: auto; position: relative; } #erl-search { padding: 7px 12px 7px 32px; font-size: 13px; width: 200px; border: 1px solid #ccc; border-radius: 8px; background: #fff; outline: none; } #erl-search:focus { border-color: #888; } #erl-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; color: #999; } #erl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; } #erl-wrap .erl-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; } #erl-wrap .erl-embed { position: relative; padding-bottom: 56.25%; background: #eee; } #erl-wrap .erl-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #erl-wrap .erl-body { padding: 14px 16px; } #erl-wrap .erl-tag { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 999px; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.03em; } #erl-wrap .erl-tag-webinar { background: #dbeafe; color: #1e40af; } #erl-wrap .erl-tag-keynote { background: #ede9fe; color: #5b21b6; } #erl-wrap .erl-tag-plenary { background: #d1fae5; color: #065f46; } #erl-wrap .erl-title { font-size: 14px; font-weight: 600; color: #111; line-height: 1.45; margin-bottom: 8px; } #erl-wrap .erl-meta { font-size: 12px; color: #888; display: flex; gap: 14px; margin-bottom: 10px; } #erl-wrap .erl-yt { font-size: 12px; color: #c00; text-decoration: none; } #erl-wrap .erl-yt:hover { text-decoration: underline; } #erl-empty { display: none; text-align: center; padding: 3rem; color: #999; font-size: 14px; } @media (max-width: 480px) { #erl-search-wrap { margin-left: 0; width: 100%; } #erl-search { width: 100%; } }

No sessions found. Try a different search or filter.

var erlActiveFilter = 'all'; var erlActiveSearch = ''; function erlFilter(type, btn) { erlActiveFilter = type; document.querySelectorAll('.erl-btn').forEach(function(b) { b.classList.remove('active'); }); btn.classList.add('active'); erlApply(); } function erlSearch(val) { erlActiveSearch = val.toLowerCase(); erlApply(); } function erlApply() { var visible = 0; document.querySelectorAll('.erl-card').forEach(function(card) { var matchType = erlActiveFilter === 'all' || card.dataset.type === erlActiveFilter; var matchSearch = !erlActiveSearch || card.dataset.title.includes(erlActiveSearch); var show = matchType && matchSearch; card.style.display = show ? '' : 'none'; if (show) visible++; }); document.getElementById('erl-empty').style.display = visible === 0 ? 'block' : 'none'; }