@layer replays{.replay-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;padding:16px!important}.replay-card{min-width:0!important;overflow:hidden!important;border:1px solid var(--champion-control-border,#68404a)!important;border-radius:7px!important;background:#08080980!important}.replay-thumbnail{position:relative!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#111!important}.replay-thumbnail>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.replay-play{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#fff!important;background:#0004!important;font-size:32px!important;opacity:0;transition:opacity .15s}.replay-card:is(:hover,:focus-visible) .replay-play{opacity:1!important}.replay-card{display:block!important;text-decoration:none!important;color:#eee!important;box-shadow:none!important}.replay-card:hover{outline:none!important;box-shadow:none!important}.replay-card:focus-visible{outline:2px solid #aaa!important;outline-offset:2px!important}.replay-caption{display:flex!important;align-items:center!important;gap:6px!important;padding:10px!important;flex-wrap:wrap!important}.replay-caption img{flex:none!important;width:30px!important;height:30px!important;border-radius:50%!important}.replay-caption h2{font-size:15px!important;line-height:1.4!important;margin:0!important;color:#eee!important}.replay-caption p{font-size:12px!important;margin:5px 0 0!important;color:#b7b4b7!important}.replays-empty{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:270px!important;text-align:center!important;padding:35px 15px!important}.replays-play{font-size:45px!important;line-height:1!important;color:var(--champion-control-border,#8d6c79)!important}.replays-empty h2{font-size:21px!important;margin:0!important;color:#eee!important}.replays-empty p{font-size:14px!important;margin:0!important;color:#aaa!important}@media(max-width:1100px){.replay-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.replay-grid{grid-template-columns:minmax(0,1fr)!important;padding:12px!important}}.vod-pill{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 8px!important;border:1px solid var(--champion-control-border,#666)!important;border-radius:20px!important;background:var(--champion-control-fill,#242020)!important;color:#eee!important;font:600 11px/1.4 Arial,sans-serif!important;white-space:nowrap!important}.vod-patch{color:#c9c5c7!important;background:#ffffff08!important;border-color:#ffffff26!important}.vod-filter-controls{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.vod-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #ffffff30!important;border-radius:5px!important;background:#15131599!important;color:#ddd!important;font:600 12px/1.4 Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important}.vod-filter[data-filter-active=true]{background:var(--champion-control-fill,#32232a)!important;border-color:var(--champion-control-border,#888)!important}.vod-filter-arrow{color:var(--champion-control-border,#aaa)!important}html[data-page="/vods"] #main .matchup-toolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}html[data-page="/vods"] #main #hub-search{flex:1 1 240px!important;min-width:180px!important;width:auto!important}html[data-page="/vods"] #main :is(.hub-picker,.hub-champion-circle,.hub-all,.hub-choice){background-color:transparent!important;background-image:none!important}html[data-page="/vods"] #main .hub-picker{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}html[data-page="/vods"] #main .hub-champion-circle{border-color:#7774!important}html[data-page="/vods"] #main .hub-choice[aria-pressed=true] :is(.hub-champion-circle,.hub-fill-icon){border-color:var(--champion-control-border,#888)!important;box-shadow:none!important}html[data-page="/vods"] #main .hub-picker:before,html[data-page="/vods"] #main .hub-picker:after{display:none!important}html[data-page="/vods"] #main .hub-fill-icon{position:relative!important;background:transparent!important;mask:none!important;-webkit-mask:none!important}html[data-page="/vods"] #main .hub-fill-icon:after{content:""!important;display:block!important;position:absolute!important;inset:20%!important;background:#b7b1b6!important;mask:url(/assets/roles-custom/all.png) center/contain no-repeat!important;-webkit-mask:url(/assets/roles-custom/all.png) center/contain no-repeat!important}.vod-control-icon{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;object-fit:contain!important}.vod-author-icon{border-radius:50%!important}.vod-role-icon{filter:grayscale(1) brightness(1.45) drop-shadow(0 1px 2px #000a)!important}.vod-filter .dropdown-sort-icon{color:#ccc!important}html[data-page="/vods"] .ambe-filter-menu .vod-control-icon{width:24px!important;height:24px!important;flex-basis:24px!important}.replay-caption .vod-matchup-icon{width:16px!important;height:16px!important;flex:0 0 16px!important;border-radius:50%!important;object-fit:cover!important}.vod-pill{gap:4px!important}.vod-tile-author{display:flex!important;align-items:center!important;gap:7px!important;padding:0 10px 10px!important;color:#bcb7b9!important;font:12px/1.4 Arial,sans-serif!important}.vod-tile-author img{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;object-fit:cover!important;border-radius:50%!important}.vod-tile-author span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.replay-caption{flex-wrap:nowrap!important;padding:8px!important;gap:4px!important}.replay-caption .vod-pill{font-size:10px!important;gap:3px!important;padding-inline:6px!important;min-width:0!important}.replay-caption .vod-matchup-icon{width:14px!important;height:14px!important;flex-basis:14px!important}.vod-patch{flex-shrink:0!important}.vod-opponent-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.vod-filter:hover{box-shadow:none!important;outline:none!important}.replay-caption .vod-pill{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;line-height:1.4!important}.replay-caption .vod-pill img{display:block!important;align-self:center!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;vertical-align:middle!important}.replay-caption .vod-role-pill img{width:14px!important;height:14px!important;flex:0 0 14px!important;object-fit:contain!important;border-radius:0!important}.vod-filter-arrow{font-size:12px!important;line-height:1!important}.vod-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.vod-pagination button{display:grid!important;place-items:center!important;min-width:30px!important;height:32px!important;padding:4px 9px!important;margin:0!important;border:1px solid #ffffff26!important;border-radius:4px!important;background:#ffffff08!important;color:#d8d5d8!important;font:14px/1 Arial,sans-serif!important;cursor:pointer!important}.vod-pagination button:disabled{opacity:.4!important;cursor:default!important}.vod-pagination span{white-space:nowrap!important}.vod-disclaimer{display:block!important;max-width:1100px!important;margin:20px auto 0!important;padding:0 12px!important;text-align:center!important;color:#aaa5a8!important;font:12px/1.7 Arial,sans-serif!important}.vod-disclaimer a{color:#d2c9ce!important;text-decoration:underline!important;text-underline-offset:2px!important}#replay-videos{scroll-margin-top:90px!important}@media(max-width:760px){.replays-sheet .hub-sheet-footer{flex-wrap:wrap!important;gap:14px!important}.vod-pagination{order:3!important;flex-basis:100%!important}}.vod-pagination button.selected{border-color:var(--champion-control-border,rgb(56, 151, 139))!important;background:var(--champion-control-fill,#35212acc)!important;color:#fff!important}.vod-pagination button:not(:disabled):hover{background:#ffffff10!important}.replay-card{container-type:inline-size}@container (max-width:210px){.replay-caption .vod-pill{font-size:8.5px!important;padding-inline:4px!important;gap:2px!important}.replay-caption .vod-pill img{width:12px!important;height:12px!important;flex-basis:12px!important}}.vod-filter-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;flex:0 1 520px!important;min-width:0!important}.vod-filter-controls .vod-filter{width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:6px!important;padding-inline:8px!important}@media(max-width:760px){.vod-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:1 1 100%!important}.vod-filter-controls .vod-filter{font-size:11px!important}.vod-filter-controls .vod-control-icon{width:18px!important;height:18px!important;flex-basis:18px!important}}html[data-page="/vods"] #main>.hub-hero{width:100%!important;max-width:none!important;margin-inline:0!important;justify-self:stretch!important}html[data-page="/vods"] #main>.hub-hero>.hub-hero-copy{width:100%!important;max-width:none!important;margin-inline:auto!important;text-align:center!important}}
