.riot-match-history-list-box__header-controls{align-items:center;gap:calc(8px * var(--league-ui-scale));display:flex}.riot-match-history-list-box__sort-stack{gap:calc(2px * var(--league-ui-scale));padding:calc(2px * var(--league-ui-scale));background:linear-gradient(#010a13b8 0%,#00000042 100%);border:1px solid #785a2885;display:flex}.riot-match-history-list-box__control-button,.riot-match-history-list-box__filter-toggle{min-height:calc(26px * var(--league-ui-scale));color:#a09b8c;font-family:var(--font-lol-body);font-size:calc(12px * var(--league-ui-scale));background:0 0;border:0;line-height:1;transition:color .12s,background .12s,transform 80ms;position:relative;overflow:hidden}.riot-match-history-list-box__filter-button:before,.riot-match-history-list-box__filter-toggle:before,.riot-match-history-list-box__clear-button:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f0e6d22e 48%,#0000 100%),linear-gradient(#c8aa6e1a 0%,#0000 52%);position:absolute;inset:0;transform:translate(-110%)}.riot-match-history-list-box__sort-button{padding:0 calc(12px * var(--league-ui-scale))}.riot-match-history-list-box__filter-toggle{padding:0 calc(12px * var(--league-ui-scale));background:linear-gradient(#010a13b8 0%,#00000042 100%);border:1px solid #785a2885}.riot-match-history-list-box__filter-button{justify-content:center;align-items:center;column-gap:calc(4px * var(--league-ui-scale));padding:0 calc(10px * var(--league-ui-scale));background:#0000002e;border:1px solid #46371452;grid-auto-flow:column;display:inline-grid}.riot-match-history-list-box__filter-button-label,.riot-match-history-list-box__filter-count{line-height:1;display:block}.riot-match-history-list-box__filter-button-icon{width:calc(16px * var(--league-ui-scale));height:calc(16px * var(--league-ui-scale));place-items:center;display:grid}.riot-match-history-list-box__filter-button-icon .riot-match-badge{--riot-match-badge-size:calc(16px * var(--league-ui-scale));--riot-match-badge-font-size:calc(8px * var(--league-ui-scale))}.riot-match-history-list-box__filter-count{font-size:calc(10px * var(--league-ui-scale));opacity:.65}.riot-match-history-list-box__clear-button{align-items:center;gap:calc(4px * var(--league-ui-scale));padding:0 calc(8px * var(--league-ui-scale));display:inline-flex}.riot-match-history-list-box__control-button:hover,.riot-match-history-list-box__filter-toggle:hover{color:#f0e6d2;background:#ffffff14}.riot-match-history-list-box__filter-button:hover:before,.riot-match-history-list-box__filter-toggle:hover:before,.riot-match-history-list-box__clear-button:hover:before{opacity:1;transition:opacity .12s,transform .52s cubic-bezier(.18,.72,.18,1);transform:translate(110%)}.riot-match-history-list-box__button-icon{width:calc(12px * var(--league-ui-scale));height:calc(12px * var(--league-ui-scale))}.riot-match-history-list-box__control-button:active,.riot-match-history-list-box__filter-toggle:active{transform:scale(.96)}.riot-match-history-list-box__sort-button--checked,.riot-match-history-list-box__filter-button--checked,.riot-match-history-list-box__filter-toggle[data-active=true]{color:#f0e6d2;background:linear-gradient(#4637145c 0%,#010a1357 100%);border-color:#c89b3c9e}.riot-match-history-list-box__filter-toggle[data-open=true]{box-shadow:inset 0 0 0 1px #f0e6d21a, 0 0 calc(12px * var(--league-ui-scale)) #c89b3c2e;animation:.18s ease-out riot-filter-toggle-open}.riot-match-history-list-box__filter-button[data-empty=true]:not(.riot-match-history-list-box__filter-button--checked){color:#a09b8c59;background:#ffffff05}.riot-match-history-list-box__filter-stack{gap:calc(8px * var(--league-ui-scale));display:grid}.riot-match-history-list-box__filter-panel{padding:calc(8px * var(--league-ui-scale)) 0 calc(2px * var(--league-ui-scale));transform-origin:top;position:relative;overflow:hidden}.riot-match-history-list-box__filter-panel:before{top:calc(2px * var(--league-ui-scale));height:calc(1px * var(--league-ui-scale));content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#785a2873 12%,#f0e6d2b3 50%,#785a2873 88%,#0000 100%);position:absolute;left:0;right:0}.riot-match-history-list-box__filter-panel[data-state=open]{animation:.18s cubic-bezier(.18,.72,.18,1) both riot-filter-panel-open}.riot-match-history-list-box__filter-panel[data-state=open]:before{animation:.28s cubic-bezier(.18,.72,.18,1) both riot-filter-panel-line}.riot-match-history-list-box__filter-panel[data-state=closing]{pointer-events:none;animation:.14s ease-in both riot-filter-panel-close}.riot-match-history-list-box__filter-row{grid-template-columns:calc(96px * var(--league-ui-scale)) minmax(0, 1fr) auto;column-gap:calc(8px * var(--league-ui-scale));min-width:0;min-height:calc(28px * var(--league-ui-scale));align-items:center;display:grid}.riot-match-history-list-box__filter-row-options,.riot-match-history-list-box__filter-row-actions{align-items:center;gap:calc(6px * var(--league-ui-scale));flex-wrap:wrap;min-width:0;display:flex}.riot-match-history-list-box__filter-row-actions{justify-content:flex-end}.riot-match-history-list-box__filter-label{min-height:calc(26px * var(--league-ui-scale));color:#785a28;font-size:calc(12px * var(--league-ui-scale));white-space:nowrap;font-family:var(--font-lol-heading);align-items:center;font-weight:700;display:inline-grid}.riot-match-history-list-box__range-filter{display:inline-flex;position:relative}.riot-match-history-list-box__range-popover{z-index:30;top:calc(36px * var(--league-ui-scale));width:min(calc(288px * var(--league-ui-scale)), calc(100vw - calc(32px * var(--league-ui-scale))));gap:calc(14px * var(--league-ui-scale));padding:calc(12px * var(--league-ui-scale));color:#f0e6d2;box-shadow:inset 0 0 0 1px #091119eb, 0 calc(14px * var(--league-ui-scale)) calc(36px * var(--league-ui-scale)) #00000073;background:linear-gradient(#1e2328f5 0%,#010a13fa 100%),#010a13;border:1px solid #c8aa6eb3;display:grid;position:absolute;right:0}@keyframes riot-filter-panel-open{0%{clip-path:inset(0 0 100%);opacity:0;transform:translateY(calc(-6px * var(--league-ui-scale)))}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}@keyframes riot-filter-panel-close{0%{clip-path:inset(0);opacity:1;transform:translateY(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translateY(calc(-4px * var(--league-ui-scale)))}}@keyframes riot-filter-panel-line{0%{opacity:0;transform:scaleX(0)}35%{opacity:1}to{opacity:.72;transform:scaleX(1)}}@keyframes riot-filter-toggle-open{0%{transform:translateY(calc(1px * var(--league-ui-scale)))}55%{transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.riot-match-history-list-box__filter-button:before,.riot-match-history-list-box__filter-toggle:before,.riot-match-history-list-box__clear-button:before,.riot-match-history-list-box__filter-panel,.riot-match-history-list-box__filter-panel:before,.riot-match-history-list-box__filter-toggle[data-open=true]{transition:none;animation:none}}.riot-match-history-list-box__range-popover-title{color:#f0e6d2;font-size:calc(14px * var(--league-ui-scale));margin:0;font-weight:700}.riot-match-history-list-box__range-popover-copy{margin:calc(4px * var(--league-ui-scale)) 0 0;color:#a09b8c;font-size:calc(12px * var(--league-ui-scale))}.riot-match-history-list-box__range-field-stack{gap:calc(12px * var(--league-ui-scale));display:grid}.riot-match-history-list-box__range-label{color:#a09b8c;font-size:calc(12px * var(--league-ui-scale));font-weight:700}.riot-match-history-list-box__range-input-grid{gap:calc(8px * var(--league-ui-scale));margin-top:calc(6px * var(--league-ui-scale));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.riot-match-history-list-box__range-separator{color:#a09b8c99;font-size:calc(12px * var(--league-ui-scale))}.riot-match-history-list-box{color:#f0e6d2;min-width:0;height:100%;font-family:var(--font-lol-body);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.riot-match-history-list-box__header{gap:calc(10px * var(--league-ui-scale));padding:0 0 calc(6px * var(--league-ui-scale));border-bottom:0;display:grid}.riot-match-history-list-box__title-row{justify-content:space-between;align-items:flex-end;gap:calc(12px * var(--league-ui-scale));padding-left:calc(5px * var(--league-ui-scale));flex-wrap:wrap;display:flex}.riot-match-history-list-box__eyebrow{margin:0 0 calc(4px * var(--league-ui-scale));color:#c89b3c;font-family:var(--font-lol-cn);font-size:calc(11px * var(--league-ui-scale));letter-spacing:.08em;font-weight:700}.riot-match-history-list-box__header-text{color:#f0e6d2;font-family:var(--font-lol-cn);font-size:calc(17px * var(--league-ui-scale));letter-spacing:0;margin:0;font-weight:700;line-height:1.1}.riot-match-history-list-box__meta-text{min-height:calc(14px * var(--league-ui-scale));margin:calc(4px * var(--league-ui-scale)) 0 0;color:#a09b8c;font-size:calc(12px * var(--league-ui-scale));line-height:calc(14px * var(--league-ui-scale))}.riot-match-history-list-box__meta-text[data-empty=true]{visibility:hidden}.riot-match-history-list-box__archive-tabs{gap:calc(20px * var(--league-ui-scale));padding-left:calc(5px * var(--league-ui-scale));flex-wrap:wrap;align-items:center;display:flex}.riot-match-history-list-box__archive-tabs-label{color:#785a28;font-family:var(--font-lol-heading);font-size:calc(12px * var(--league-ui-scale));font-weight:700}.riot-match-history-list-box__archive-tab{min-height:calc(28px * var(--league-ui-scale));align-items:center;gap:calc(6px * var(--league-ui-scale));color:#cdbe91;font-family:var(--font-lol-cn);font-size:calc(13px * var(--league-ui-scale));background:0 0;border:0;padding:0;line-height:1;display:inline-flex;position:relative}.riot-match-history-list-box__archive-tab:after{height:calc(2px * var(--league-ui-scale));content:"";background:0 0;position:absolute;bottom:0;left:0;right:0}.riot-match-history-list-box__archive-tab span{color:#a09b8c;font-size:calc(11px * var(--league-ui-scale))}.riot-match-history-list-box__archive-tab:hover,.riot-match-history-list-box__archive-tab[data-active=true]{color:#f0e6d2}.riot-match-history-list-box__archive-tab[data-active=true]:after{background:linear-gradient(90deg,#c89b3c 0%,#f0e6d2 50%,#785a28 100%)}.riot-match-history-list-box__empty-text{color:#a09b8c;font-size:calc(13px * var(--league-ui-scale));margin:0}.riot-match-history-list-box__empty-text--padded{padding:calc(32px * var(--league-ui-scale)) calc(16px * var(--league-ui-scale))}.riot-match-history-list-box__empty-state{gap:calc(14px * var(--league-ui-scale));padding:calc(32px * var(--league-ui-scale)) calc(16px * var(--league-ui-scale));justify-items:start;display:grid}.riot-match-history-list-box__empty-actions{gap:calc(8px * var(--league-ui-scale));flex-wrap:wrap;display:flex}.riot-match-history-list-box__empty-action{min-height:calc(26px * var(--league-ui-scale));padding:0 calc(10px * var(--league-ui-scale));color:#cdbe91;font-size:calc(12px * var(--league-ui-scale));background:linear-gradient(#010a13b8 0%,#00000042 100%);border:1px solid #785a2885}.riot-match-history-list-box__empty-action:hover,.riot-match-history-list-box__empty-action:focus-visible{color:#f0e6d2;border-color:#c89b3c9e;outline:none}.riot-match-history-list-box__scroll-viewer{height:100%;min-height:calc(260px * var(--league-ui-scale));scrollbar-color:#785a28 #010a1375;scrollbar-width:thin;margin-top:0;padding-left:0;position:relative;overflow:hidden auto}.riot-match-history-list-box__scroll-viewer::-webkit-scrollbar{width:calc(8px * var(--league-ui-scale))}.riot-match-history-list-box__scroll-viewer::-webkit-scrollbar-track{background:#010a1375}.riot-match-history-list-box__scroll-viewer::-webkit-scrollbar-thumb{background:linear-gradient(#c89b3c 0%,#785a28 100%);border:1px solid #c89b3c85}.riot-match-history-list-box__virtual-canvas{min-width:0;position:relative}.riot-match-history-list-box-item__root-grid{background:0 0;width:100%;position:absolute;top:0;left:0}.riot-match-history-list-box-item__main-border{min-height:calc(88px * var(--league-ui-scale));box-sizing:border-box;padding:0 0 0 calc(5px * var(--league-ui-scale));background:0 0;border-bottom:1px solid #22201c;outline:none;align-items:center;transition:background .12s;display:grid;position:relative;container-type:inline-size}.riot-match-history-list-box-item__root-grid[data-included=false] .riot-match-history-list-box-item__main-border{background:#0000001a}.riot-match-history-list-box-item__root-grid:hover .riot-match-history-list-box-item__main-border{background:#010a1357}.riot-match-history-list-box-item__main-border[data-selected=true],.riot-match-history-list-box-item__main-border:focus-visible{background:#010a137a}.riot-match-history-list-box-item__content-stack{grid-template-columns:auto minmax(calc(112px * var(--league-ui-scale)), .7fr) minmax(calc(260px * var(--league-ui-scale)), 1.45fr) minmax(calc(180px * var(--league-ui-scale)), 1fr) auto;column-gap:calc(14px * var(--league-ui-scale));row-gap:calc(5px * var(--league-ui-scale));min-width:0;padding-right:calc(18px * var(--league-ui-scale));grid-template-rows:auto auto;align-items:center;display:grid}.riot-match-history-list-box-item__champion-avatar{width:calc(48px * var(--league-ui-scale));min-width:calc(48px * var(--league-ui-scale));height:calc(48px * var(--league-ui-scale));margin-left:calc(3px * var(--league-ui-scale));grid-row:1/3;justify-self:start;place-items:center;display:grid;position:relative}.riot-match-history-list-box-item__champion-avatar:after{inset:calc(-5px * var(--league-ui-scale));z-index:2;content:"";pointer-events:none;background:url(/lol-ui/match-history/champion-frame.png) top/100% no-repeat;position:absolute}.riot-match-history-list-box-item__root-grid:hover .riot-match-history-list-box-item__champion-avatar:after,.riot-match-history-list-box-item__main-border[data-selected=true] .riot-match-history-list-box-item__champion-avatar:after,.riot-match-history-list-box-item__main-border:focus-visible .riot-match-history-list-box-item__champion-avatar:after{background-position:bottom}.riot-match-history-list-box-item__champion-image{width:calc(48px * var(--league-ui-scale));height:calc(48px * var(--league-ui-scale));object-fit:cover;border:0;border-radius:50%}.riot-match-history-list-box-item__champion-level{right:calc(-6px * var(--league-ui-scale));bottom:calc(-4px * var(--league-ui-scale));z-index:3;min-width:calc(19px * var(--league-ui-scale));height:calc(19px * var(--league-ui-scale));color:#f0e6d2;font-size:calc(10px * var(--league-ui-scale));background:#010a13;border:1px solid #c89b3c;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.riot-match-history-list-box-item__root-grid[data-completed=true] .riot-match-history-list-box-item__champion-avatar:after{filter:brightness(1.16) drop-shadow(0 0 calc(10px * var(--league-ui-scale)) #c89b3c4d)}.riot-match-history-list-box-item__performance-badge{bottom:calc(-7px * var(--league-ui-scale));z-index:3;min-width:calc(40px * var(--league-ui-scale));height:calc(16px * var(--league-ui-scale));padding:0 calc(6px * var(--league-ui-scale));font-size:calc(10px * var(--league-ui-scale));background:#010a13db;border:1px solid #010a13e0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.riot-match-history-list-box-item__game-info-stack-panel{grid-row:1/3;align-self:center;min-width:0}.riot-match-history-list-box-item__game-result-text{font-size:calc(16px * var(--league-ui-scale));margin:0;font-weight:700;line-height:1.2}.riot-match-history-list-box-item__game-result-text[data-result=win]{color:#00d7e6}.riot-match-history-list-box-item__game-result-text[data-result=loss]{color:#ff2f68}.riot-match-history-list-box-item__game-result-text[data-result=remake]{color:#a09b8c}.riot-match-history-list-box-item__game-mode-text,.riot-match-history-list-box-item__base-text,.riot-match-history-list-box-item__duration-text,.riot-match-history-list-box-item__date-text,.riot-match-history-list-box-item__note-text{color:#a09b8c;font-size:calc(12px * var(--league-ui-scale));margin:0;line-height:1.25}.riot-match-history-list-box-item__duration-text{color:#fffc}.riot-match-history-list-box-item__note-text{align-items:center;gap:calc(5px * var(--league-ui-scale));white-space:nowrap;width:100%;min-width:0;max-width:100%;margin-top:0;display:flex;overflow:visible}.riot-match-row-badges{--riot-match-list-badge-size:calc(20px * var(--league-ui-scale));align-items:center;gap:0;min-width:0;display:inline-flex}.riot-match-row-badges .riot-match-badge-list{gap:0}.riot-match-row-badges .riot-match-history-list-box-item__performance-tag,.riot-match-row-badges .riot-match-history-list-box-item__performance-placeholder{--riot-performance-tag-height:var(--riot-match-list-badge-size);--riot-performance-tag-min-width:calc(40px * var(--league-ui-scale));--riot-performance-tag-padding-x:calc(7px * var(--league-ui-scale));--riot-performance-tag-font-size:calc(10px * var(--league-ui-scale))}.riot-match-row-badges .riot-match-history-list-box-item__icon-badge{--riot-match-icon-size:var(--riot-match-list-badge-size)}.riot-match-row-badges .riot-match-badge{--riot-match-badge-size:var(--riot-match-list-badge-size)}.riot-match-history-list-box-item__date-text{margin-left:0}.riot-match-history-list-box-item__spell-stack-panel{align-items:center;gap:calc(3px * var(--league-ui-scale));margin-top:calc(7px * var(--league-ui-scale));display:flex}.riot-match-history-list-box-item__icon-badge{--riot-match-icon-size:calc(18px * var(--league-ui-scale));--riot-match-icon-border:#46371485;--riot-match-icon-bg:#010a13b3;--riot-match-icon-color:#785a28;--riot-match-icon-font-size:calc(10px * var(--league-ui-scale));box-sizing:border-box;width:var(--riot-match-icon-size);height:var(--riot-match-icon-size);border:1px solid var(--riot-match-icon-border);color:var(--riot-match-icon-color);background:var(--riot-match-icon-bg);font-size:var(--riot-match-icon-font-size);flex:none;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.riot-match-history-list-box-item__spell-badge{--riot-match-icon-size:calc(20px * var(--league-ui-scale));--riot-match-icon-border:#785a28b8;--riot-match-icon-bg:#010a13;--riot-match-icon-color:#c89b3c;overflow:hidden}.riot-match-history-list-box-item__spell-badge img,.riot-match-history-list-box-item__item-badge img{object-fit:cover;width:100%;height:100%}.riot-match-history-list-box-item__challenge-status{--riot-match-icon-bg:#010a13b8}.riot-match-history-list-box-item__challenge-status .league-ui-icon{width:calc(12px * var(--league-ui-scale));height:calc(12px * var(--league-ui-scale))}.riot-match-history-list-box-item__challenge-status[data-status=completed]{--riot-match-icon-border:#f0e6d2c2;--riot-match-icon-bg:linear-gradient(180deg, #785a289e 0%, #010a13b8 100%);--riot-match-icon-color:#f0e6d2}.riot-match-history-list-box-item__challenge-status[data-status=excluded]{--riot-match-icon-border:#5c5b57c7;--riot-match-icon-bg:#1e232875;--riot-match-icon-color:#a09b8c}.riot-match-history-list-box-item__item-stack-host{grid-area:1/3;justify-self:center;min-width:0}.riot-match-history-list-box-item__item-stack-panel{align-items:flex-start;gap:0;margin:0;display:flex}.riot-match-history-list-box-item__item-badge{--riot-match-icon-size:calc(32px * var(--league-ui-scale));--riot-match-icon-border:#785a28b8;--riot-match-icon-bg:#010a13;--riot-match-icon-color:#c89b3c;margin-left:calc(-1px * var(--league-ui-scale));overflow:hidden}.riot-match-history-list-box-item__item-badge[data-filled=false]{background:#010a13d1}.riot-match-history-list-box-item__item-badge[data-trinket=true]{margin-left:calc(8px * var(--league-ui-scale))}.riot-match-history-list-box-item__incident-badge{--riot-match-icon-border:#a03636b8;--riot-match-icon-color:#ff6b4a;--riot-match-icon-font-size:calc(17px * var(--league-ui-scale))}.riot-match-history-list-box-item__incident-badge img{width:calc(12px * var(--league-ui-scale));height:calc(12px * var(--league-ui-scale));object-fit:contain}.riot-match-history-list-box-item__incident-badge--flash-swap{background:#010a13;border-color:#c89b3cb8;overflow:visible}.riot-match-history-list-box-item__incident-badge--flash-swap img{object-fit:cover;width:100%;height:100%}.riot-match-history-list-box-item__incident-question{right:calc(-3px * var(--league-ui-scale));bottom:calc(-3px * var(--league-ui-scale));width:calc(9px * var(--league-ui-scale));height:calc(9px * var(--league-ui-scale));color:#010a13;font-size:calc(7px * var(--league-ui-scale));background:#c89b3c;border:1px solid #010a13;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.riot-match-history-list-box-item__note-text .riot-match-history-list-box-item__incident-badge{--riot-match-icon-font-size:calc(10px * var(--league-ui-scale))}.riot-match-history-list-box-item__incident-count{right:calc(2px * var(--league-ui-scale));bottom:calc(1px * var(--league-ui-scale));color:#f0e6d2;font-size:calc(9px * var(--league-ui-scale));line-height:1;position:absolute}.riot-match-history-list-box-item__stats-grid{grid-area:2/3;grid-template-columns:calc(104px * var(--league-ui-scale)) calc(52px * var(--league-ui-scale)) calc(70px * var(--league-ui-scale));width:calc(226px * var(--league-ui-scale));align-items:center;margin-left:0;display:grid}.riot-match-history-list-box-item__stats-grid .riot-match-history-list-box-item__base-text{color:#c8c3b4;font-size:calc(14px * var(--league-ui-scale));font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700;line-height:1}.riot-match-history-list-box-item__creep-text,.riot-match-history-list-box-item__gold-text{justify-content:flex-end}.riot-match-history-list-box-item__kda-text{grid-template-columns:calc(33px * var(--league-ui-scale)) calc(14px * var(--league-ui-scale)) minmax(0, 1fr);white-space:nowrap;align-items:center;display:grid}.riot-match-history-list-box-item__kda-kill{justify-self:end}.riot-match-history-list-box-item__kda-separator{color:#c8c3b4;justify-self:center}.riot-match-history-list-box-item__kda-tail{justify-self:start}.riot-match-history-list-box-item__stat-text{align-items:center;gap:calc(4px * var(--league-ui-scale));display:inline-flex}.riot-match-history-list-box-item__stat-icon{width:calc(14px * var(--league-ui-scale));height:calc(14px * var(--league-ui-scale));object-fit:contain;opacity:.72}.riot-match-history-list-box-item__sprite-stat-icon{opacity:.7;background-position:top;background-repeat:no-repeat;flex:none;display:inline-block}.riot-match-history-list-box-item__sprite-stat-icon--minions{width:calc(14px * var(--league-ui-scale));height:calc(15px * var(--league-ui-scale));background-image:url(/lol-ui/icons/match/minions.png);background-size:100% 200%}.riot-match-history-list-box-item__sprite-stat-icon--gold{width:calc(16px * var(--league-ui-scale));height:calc(14px * var(--league-ui-scale));background-image:url(/lol-ui/icons/match/gold.png);background-size:100% 200%}.riot-match-history-list-box-item__detail-info-stack-panel{grid-area:1/4;align-content:center;align-self:center;width:100%;min-width:0;display:grid;position:relative;overflow:visible}.riot-match-history-list-box-item__detail-time-stack{margin-top:calc(5px * var(--league-ui-scale));align-items:center;display:flex}.riot-match-history-list-box-item__note-stack{grid-area:2/4;align-self:center;width:100%;min-width:0;overflow:visible}.riot-match-history-list-box-item__action-stack{width:calc(34px * var(--league-ui-scale));z-index:1;grid-area:1/5/3;justify-content:center;place-self:center end;align-items:center;display:flex}.riot-match-history-list-box-item__action-click-shield{place-items:center;display:inline-grid}.riot-match-history-list-box-item__replay-button{transform:none}.riot-match-history-list-box-item__left-border,.riot-match-history-list-box-item__top-border,.riot-match-history-list-box-item__bottom-border{pointer-events:none;border-color:#0000;transition:border-color .12s;position:absolute}.riot-match-history-list-box-item__left-border{top:calc(1px * var(--league-ui-scale));width:calc(4px * var(--league-ui-scale));background:0 0;bottom:0;left:0}.riot-match-history-list-box-item__top-border{border-top:1px solid #0000;top:0;left:-1px;right:0}.riot-match-history-list-box-item__bottom-border{border-bottom:1px solid #0000;bottom:0;left:-1px;right:0}.riot-match-history-list-box-item__root-grid:hover .riot-match-history-list-box-item__left-border{box-shadow:calc(2px * var(--league-ui-scale)) 0 calc(8px * var(--league-ui-scale)) #c89b3c52;background:linear-gradient(#c89b3c 0%,#f0e6d2 45%,#785a28 100%)}.riot-match-history-list-box-item__main-border[data-selected=true] .riot-match-history-list-box-item__left-border,.riot-match-history-list-box-item__main-border[data-selected=true]~.riot-match-history-list-box-item__left-border{background:linear-gradient(#c89b3c 0%,#f0e6d2 45%,#785a28 100%)}.riot-match-history-list-box-item__root-grid[data-included=false] .riot-match-history-list-box-item__left-border{box-shadow:none;background:#5c5b57b8}.riot-match-history-list-box-item__root-grid:hover .riot-match-history-list-box-item__top-border,.riot-match-history-list-box-item__root-grid:hover .riot-match-history-list-box-item__bottom-border{border-image:linear-gradient(90deg,#c89b3c 0%,#785a28 50%,#0000 100%) 1}.riot-match-history-list-box-item__detail-content{padding:calc(16px * var(--league-ui-scale));background:#010a13b8;border-top:1px solid #4637146b}.riot-match-history-list-box-item__detail-state{padding:calc(8px * var(--league-ui-scale)) 0;color:#a09b8c;font-size:calc(13px * var(--league-ui-scale));margin:0}.riot-match-history-list-box-item__detail-state[data-state=error]{color:#ff6b4a}@container (width<=640px){.riot-match-history-list-box-item__content-stack{row-gap:calc(7px * var(--league-ui-scale));grid-template-rows:auto auto auto auto auto;grid-template-columns:auto minmax(0,1fr) auto}.riot-match-history-list-box-item__champion-avatar{grid-area:1/1}.riot-match-history-list-box-item__game-info-stack-panel{grid-area:1/2}.riot-match-history-list-box-item__action-stack{grid-area:1/3}.riot-match-history-list-box-item__item-stack-host,.riot-match-history-list-box-item__stats-grid,.riot-match-history-list-box-item__detail-info-stack-panel,.riot-match-history-list-box-item__note-stack{grid-column:1/-1;justify-self:stretch}.riot-match-history-list-box-item__item-stack-host{grid-row:2}.riot-match-history-list-box-item__stats-grid{grid-row:3}.riot-match-history-list-box-item__detail-info-stack-panel{grid-row:4}.riot-match-history-list-box-item__note-stack{grid-row:5}}.riot-match-profile-page{grid-template-rows:calc(38px * var(--league-ui-scale)) minmax(0, 1fr);min-width:0;height:100%;display:grid;overflow:hidden;container:riot-match-profile-page/inline-size}.riot-match-profile-page--detail{grid-template-rows:minmax(0,1fr)}.riot-match-profile-page__nav{grid-template-columns:calc(292px * var(--league-ui-scale)) minmax(0, calc(292px * var(--league-ui-scale))) 1fr;color:#cdbe91;font-family:var(--font-lol-body);background:#010a1370;border-top:1px solid #785a2875;border-bottom:1px solid #785a28b8;align-items:stretch;display:grid;position:relative}.riot-match-profile-page__identity{align-items:center;gap:calc(8px * var(--league-ui-scale));padding-left:calc(32px * var(--league-ui-scale));border-right:1px solid #785a286b;display:flex;position:relative}.riot-match-profile-page__identity:after{right:calc(-24px * var(--league-ui-scale));width:calc(24px * var(--league-ui-scale));height:calc(38px * var(--league-ui-scale));border-right:calc(2px * var(--league-ui-scale)) solid #785a28b8;content:"";transform-origin:100% 100%;border-bottom:1px solid #785a28b8;position:absolute;bottom:-1px;transform:skew(-45deg)}.riot-match-profile-page__avatar{width:calc(28px * var(--league-ui-scale));height:calc(28px * var(--league-ui-scale));background:#010a13;border:2px solid #785a28;border-radius:50%;place-items:center;display:grid;overflow:hidden}.riot-match-profile-page__avatar img{object-fit:cover;width:100%;height:100%}.riot-match-profile-page__name{color:#cdbe91;font-family:var(--font-lol-cn);font-size:calc(13px * var(--league-ui-scale));font-weight:700}.riot-match-profile-page__tabs{z-index:1;padding-top:calc(4px * var(--league-ui-scale));grid-column:2;justify-content:center;align-self:stretch}.riot-match-profile-page__tabs .league-section-tabs__item{font-size:calc(13px * var(--league-ui-scale))}.riot-match-archive-layout{box-sizing:border-box;grid-template-columns:minmax(calc(720px * var(--league-ui-scale)), 1fr) calc(240px * var(--league-ui-scale));gap:calc(36px * var(--league-ui-scale));min-width:0;height:100%;padding:calc(22px * var(--league-ui-scale)) calc(20px * var(--league-ui-scale)) 0 calc(30px * var(--league-ui-scale));align-items:start;display:grid;overflow:hidden}.riot-match-archive-layout__list{min-width:0;height:100%;min-height:0}.riot-match-detail-page{color:#f0e6d2;background:radial-gradient(circle at 18% 0,#0ac8b917,#0000 34%),linear-gradient(#010a13bd 0%,#010a13eb 100%);border-top:1px solid #785a2857;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.riot-match-detail-page__hero{min-height:calc(52px * var(--league-ui-scale));align-items:center;column-gap:calc(24px * var(--league-ui-scale));padding:calc(6px * var(--league-ui-scale)) calc(24px * var(--league-ui-scale)) calc(6px * var(--league-ui-scale)) calc(44px * var(--league-ui-scale));background:radial-gradient(circle at 12% 20%,#0ac8b91f,#0000 28%),linear-gradient(90deg,#09141ceb 0%,#09141c9e 58%,#010a132e 100%),#010a13;border-bottom:1px solid #785a286b;grid-template-columns:minmax(0,max-content) auto minmax(0,1fr) auto auto;display:grid;position:relative}.riot-match-detail-page__hero:after{right:calc(44px * var(--league-ui-scale));bottom:-1px;left:calc(44px * var(--league-ui-scale));content:"";background:linear-gradient(90deg,#0000,#c89b3c7a,#0000);height:1px;position:absolute}.riot-match-detail-page__summary{align-items:center;gap:calc(10px * var(--league-ui-scale));grid-column:1;min-width:0;display:flex}.riot-match-detail-page__champion-frame{width:calc(44px * var(--league-ui-scale));height:calc(44px * var(--league-ui-scale));box-shadow:0 0 0 1px #010a13eb, 0 0 calc(16px * var(--league-ui-scale)) #c89b3c2e;background:#010a13;border:2px solid #785a28;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.riot-match-detail-page__champion-frame img{object-fit:cover;width:100%;height:100%}.riot-match-detail-page__copy{gap:calc(3px * var(--league-ui-scale));align-items:center;min-width:0;display:grid}.riot-match-detail-page__headline{align-items:center;gap:calc(8px * var(--league-ui-scale));min-width:0;line-height:1;display:flex}.riot-match-detail-page__result-row{align-items:center;gap:calc(8px * var(--league-ui-scale));min-width:0;display:flex}.riot-match-detail-page__result{color:#c89b3c;font-family:var(--font-lol-cn);font-size:calc(22px * var(--league-ui-scale));margin:0;font-weight:700;line-height:1}.riot-match-detail-page__result[data-result=win]{color:#0ac8b9}.riot-match-detail-page__result[data-result=lose]{color:#d55454}.riot-match-detail-page__champion-title,.riot-match-detail-page__title,.riot-match-detail-page__mode{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.riot-match-detail-page__champion-title{color:#f0e6d2;font-family:var(--font-lol-cn);font-size:calc(13px * var(--league-ui-scale));font-weight:700}.riot-match-detail-page__title{color:#f0e6d2;font-family:var(--font-lol-cn);font-size:calc(13px * var(--league-ui-scale));font-weight:700;line-height:1.2}.riot-match-detail-page__mode{color:#cdbe91;font-size:calc(12px * var(--league-ui-scale));flex:none;font-weight:700}.riot-match-detail-page__meta{align-items:center;gap:calc(10px * var(--league-ui-scale));color:#a09b8c;min-width:0;font-size:calc(12px * var(--league-ui-scale));margin:0;line-height:1.2;display:flex}.riot-match-detail-page__meta span{flex:none}.riot-match-detail-page__badge-row{gap:calc(4px * var(--league-ui-scale));flex-wrap:nowrap;flex:none}.riot-match-detail-page__badge-row .riot-match-history-list-box-item__icon-badge,.riot-match-detail-page__badge-row .riot-match-badge{--riot-match-icon-size:calc(16px * var(--league-ui-scale));--riot-match-icon-font-size:calc(9px * var(--league-ui-scale));--riot-match-badge-size:calc(16px * var(--league-ui-scale));--riot-match-badge-font-size:calc(9px * var(--league-ui-scale))}.riot-match-detail-page__actions{z-index:2;align-items:center;gap:calc(8px * var(--league-ui-scale));grid-column:5;display:flex;position:static}.riot-match-detail-page__close,.riot-match-detail-page__replay{width:calc(36px * var(--league-ui-scale));height:calc(36px * var(--league-ui-scale));flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.riot-match-detail-page__close{box-shadow:0 0 0 calc(4px * var(--league-ui-scale)) #785a2829, inset 0 0 0 1px #f0e6d212;background:radial-gradient(circle,#1e2328eb 0%,#010a13f5 70%),#010a13;border:2px solid #785a28;border-radius:50%}.riot-match-detail-page__close-icon{width:calc(26px * var(--league-ui-scale));height:calc(26px * var(--league-ui-scale));background:#cdbe91;transition:background .14s;display:block;mask:url(/lol-ui/icons/window-controls/close.png) 50%/contain no-repeat}.riot-match-detail-page__close:hover,.riot-match-detail-page__close:focus-visible{border-color:#c89b3c;outline:none}.riot-match-detail-page__close:hover .riot-match-detail-page__close-icon,.riot-match-detail-page__close:focus-visible .riot-match-detail-page__close-icon{background:#f0e6d2}.riot-match-detail-page__close:active .riot-match-detail-page__close-icon{background:#c8aa6e}.riot-match-detail-page__replay{border:0}.riot-match-detail-page__body{min-height:0;padding:calc(12px * var(--league-ui-scale)) calc(44px * var(--league-ui-scale)) calc(10px * var(--league-ui-scale));overflow:hidden}.riot-match-detail-page__body .riot-game-detail-table{min-height:100%}.riot-match-detail-page__tabs{border-bottom:1px solid #785a2852}.riot-match-detail-page__tabs .league-section-tabs__item{padding-right:calc(4px * var(--league-ui-scale));padding-left:calc(4px * var(--league-ui-scale))}.riot-match-detail-page__tabs--hero{z-index:2;gap:calc(24px * var(--league-ui-scale));min-height:calc(28px * var(--league-ui-scale));border-bottom:0;grid-column:2;align-items:center;position:static}.riot-match-detail-page__tabs--hero .league-section-tabs__item{min-width:calc(46px * var(--league-ui-scale));padding-bottom:calc(7px * var(--league-ui-scale));text-align:center}.riot-match-detail-page__facts{justify-content:flex-end;align-items:center;gap:calc(6px * var(--league-ui-scale));color:#a09b8c;min-width:0;font-size:calc(11px * var(--league-ui-scale));grid-column:4;font-weight:700;display:flex}.riot-match-detail-page__facts span{padding:calc(3px * var(--league-ui-scale)) calc(7px * var(--league-ui-scale));background:#010a137a;border:1px solid #785a286b;flex:none}.riot-match-detail-page__panel{height:100%;min-height:0}.riot-match-detail-page__panel[hidden]{display:none}.riot-match-detail-page__state{justify-content:center;align-items:center;gap:calc(12px * var(--league-ui-scale));min-height:calc(260px * var(--league-ui-scale));color:#a09b8c;font-size:calc(13px * var(--league-ui-scale));background:#010a138f;border:1px solid #46371494;flex-direction:column;margin:0;font-weight:700;display:flex}.riot-match-detail-page__state p{margin:0}.riot-match-detail-page__state[data-state=error]{color:#f3b2a8}.riot-match-detail-page__reload{padding:calc(6px * var(--league-ui-scale)) calc(16px * var(--league-ui-scale));border-radius:calc(2px * var(--league-ui-scale));color:#cdbe91;font-family:var(--font-lol-body);font-size:calc(12px * var(--league-ui-scale));cursor:pointer;background:linear-gradient(#1e2328eb 0%,#010a13f5 100%),#010a13;border:1px solid #785a28;font-weight:700}.riot-match-detail-page__reload:hover,.riot-match-detail-page__reload:focus-visible{color:#f0e6d2;border-color:#c89b3c;outline:none}.riot-match-archive-side-panel{gap:calc(42px * var(--league-ui-scale));min-width:0;padding-top:calc(32px * var(--league-ui-scale));color:#f0e6d2;font-family:var(--font-lol-body);display:grid}.riot-match-archive-side-panel__section{min-width:0;position:relative}.riot-match-archive-side-panel__section+.riot-match-archive-side-panel__section{padding-top:calc(42px * var(--league-ui-scale));border-top:1px solid #785a2847}.riot-match-archive-side-panel__title{margin:0 0 calc(10px * var(--league-ui-scale));color:#f0e6d2;font-family:var(--font-lol-cn);font-size:calc(18px * var(--league-ui-scale));text-align:center;font-weight:700;line-height:1.1}.riot-match-archive-side-panel__champions{gap:calc(20px * var(--league-ui-scale));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.riot-match-archive-side-panel__champion{justify-items:center;min-width:0;display:grid}.riot-match-archive-side-panel__champion-frame{width:calc(66px * var(--league-ui-scale));height:calc(66px * var(--league-ui-scale));background:#010a13;border:1px solid #785a28;display:block;position:relative;box-shadow:inset 0 0 0 1px #000}.riot-match-archive-side-panel__champion-frame img{object-fit:cover;width:100%;height:100%}.riot-match-archive-side-panel__champion-medal{width:calc(34px * var(--league-ui-scale));height:calc(28px * var(--league-ui-scale));margin-top:calc(-8px * var(--league-ui-scale));clip-path:polygon(50% 0,90% 20%,78% 100%,50% 78%,22% 100%,10% 20%);filter:drop-shadow(0 calc(2px * var(--league-ui-scale)) 0 #000000a3);background:linear-gradient(135deg,#0000 0 20%,#60421f 21% 42%,#0000 43%) 0 100%/50% 76% no-repeat,linear-gradient(225deg,#0000 0 20%,#60421f 21% 42%,#0000 43%) 100% 100%/50% 76% no-repeat,linear-gradient(#d1a85d 0%,#785a28 48%,#2b1d12 100%)}.riot-match-archive-side-panel__champion-percent{margin-top:calc(10px * var(--league-ui-scale));color:#c8aa6e;font-family:var(--font-lol-heading);font-size:calc(15px * var(--league-ui-scale));font-style:italic;font-weight:700;line-height:1}.riot-match-archive-side-panel__caption{margin:calc(16px * var(--league-ui-scale)) 0 0;color:#a09b8c;font-size:calc(14px * var(--league-ui-scale));text-align:center}.riot-match-archive-side-panel__activity{gap:calc(16px * var(--league-ui-scale));grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid}.riot-match-archive-side-panel__activity-item{justify-items:center;gap:calc(12px * var(--league-ui-scale));display:grid}.riot-match-archive-side-panel__activity-track{width:calc(12px * var(--league-ui-scale));height:calc(78px * var(--league-ui-scale));background:#010a1385;border:1px solid #785a28d1;align-items:flex-end;display:flex;position:relative}.riot-match-archive-side-panel__activity-fill{width:100%;min-height:calc(2px * var(--league-ui-scale));box-shadow:0 0 calc(8px * var(--league-ui-scale)) #00a8b573;background:#00a8b5;display:block}.riot-match-archive-side-panel__role-mark{width:calc(28px * var(--league-ui-scale));height:calc(24px * var(--league-ui-scale));place-items:center;display:grid}.riot-match-archive-side-panel__role-mark img{width:calc(23px * var(--league-ui-scale));height:calc(23px * var(--league-ui-scale));object-fit:contain;opacity:.58;filter:sepia()saturate(1.7)hue-rotate(357deg)brightness(.66)}@media (width<=1120px){.riot-match-archive-layout{grid-template-columns:minmax(0,1fr)}.riot-match-archive-side-panel{display:none}}@container riot-match-profile-page (width<=1120px){.riot-match-archive-layout{grid-template-columns:minmax(0,1fr)}.riot-match-archive-side-panel{display:none}}