.riot-champions-list__tree-view-item{z-index:0;width:calc(140px * var(--league-ui-scale));margin:calc(10px * var(--league-ui-scale));text-align:center;position:relative}.riot-champions-list__tree-view-item:hover,.riot-champions-list__tree-view-item:focus-within{z-index:10}.riot-champion-item{width:100%;height:calc(220px * var(--league-ui-scale));text-align:left;background:#010a13;border:0;padding:0;display:block;position:relative;overflow:hidden}.riot-champion-item:focus-visible{outline:none}.riot-champion-item__content,.riot-champion-item__border{display:block;position:absolute;inset:0}.riot-champion-item__border{border:1px solid #1e2328;overflow:hidden}.riot-champion-item:hover .riot-champion-item__border,.riot-champion-item:focus-visible .riot-champion-item__border{border-image:linear-gradient(#fdfdfd,#e4d6ba 50%,#c8aa6e) 1}.riot-champion-item__image{object-fit:cover;width:100%;height:100%;display:block}.riot-champion-item--store-card .riot-champion-item__image{object-position:50% 24%}.riot-champion-item--muted .riot-champion-item__image{filter:grayscale();opacity:.72}.riot-champion-item--store-card.riot-champion-item--muted .riot-champion-item__image{filter:none;opacity:.94}.riot-champion-item__stack{right:calc(1px * var(--league-ui-scale));bottom:calc(1px * var(--league-ui-scale));height:calc(30px * var(--league-ui-scale));color:#b09b8c;font-size:calc(13px * var(--league-ui-scale));opacity:.7;background:#000000b3;align-items:center;display:flex;position:absolute;left:0}.riot-champion-item--store-card{height:calc(188px * var(--league-ui-scale))}.champions-view--store .riot-champions-list__tree-view-item{width:calc(188px * var(--league-ui-scale));margin:calc(5px * var(--league-ui-scale))}.riot-champion-item--store-card .riot-champion-item__border{border:1px solid #0000;border-image:linear-gradient(135deg,#3c3c41 0%,#4c4c51 100%) 1}.riot-champion-item--store-card:hover .riot-champion-item__border,.riot-champion-item--store-card:focus-visible .riot-champion-item__border{border-image:linear-gradient(135deg,#c8aa6e 0%,#f0e6d2 100%) 1}.riot-champion-item--store-card:after{content:"";pointer-events:none;background:linear-gradient(#00000014 0%,#0000002e 25%,#00000094 74%,#000000e6 100%);display:block;position:absolute;inset:0}.riot-champion-item--store-card.riot-champion-item--muted:after{background:linear-gradient(#0000001f 0%,#00000042 25%,#0009 74%,#000000e6 100%)}.riot-champion-item--store-card .riot-champion-item__stack{z-index:3;right:calc(10px * var(--league-ui-scale));bottom:calc(10px * var(--league-ui-scale));left:calc(10px * var(--league-ui-scale));justify-items:center;gap:calc(5px * var(--league-ui-scale));color:#f0e6d2;height:auto;font-size:calc(13px * var(--league-ui-scale));opacity:1;background:0 0;display:grid}.riot-champion-item__inline-name{color:#f0e6d2;max-width:100%;font-size:calc(14px * var(--league-ui-scale));text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}.riot-champion-item--store-card .riot-champion-item__fire{display:none}.riot-champion-item--store-card .riot-champion-item__status{color:#c8aa6e;height:auto;font-size:calc(13px * var(--league-ui-scale));font-weight:700;line-height:1}.riot-champion-item--store-card .riot-champion-item__completed-badge,.riot-champion-item--store-card .riot-champion-item__loss-badge{z-index:4}.champions-view--store .riot-champions-list__champion-name{display:none}.riot-champion-item:hover .riot-champion-item__stack,.riot-champion-item:focus-visible .riot-champion-item__stack{color:#cdbe91;opacity:1}.riot-champion-item__fire{width:calc(18px * var(--league-ui-scale));height:calc(18px * var(--league-ui-scale));margin:0 calc(10px * var(--league-ui-scale)) 0 calc(75px * var(--league-ui-scale));color:currentColor;fill:currentColor;flex:none;display:block}.riot-champion-item__status{white-space:nowrap;align-items:center;min-width:0;height:100%;line-height:1;display:flex}.riot-champion-item__completed-badge,.riot-champion-item__loss-badge{top:calc(6px * var(--league-ui-scale));right:calc(6px * var(--league-ui-scale));z-index:2;min-width:calc(20px * var(--league-ui-scale));height:calc(20px * var(--league-ui-scale));color:#c8aa6e;font-size:calc(10px * var(--league-ui-scale));background:#010a13;border:1px solid #c8aa6e;place-items:center;font-weight:700;display:grid;position:absolute}.riot-champion-item__loss-badge{color:#ff6b4a;border-color:#9c3213}.riot-champions-list__champion-name{margin:calc(10px * var(--league-ui-scale)) 0 0;color:#999487;font-size:calc(13px * var(--league-ui-scale));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.champions-view{min-width:0;height:100%;color:var(--league-text-muted);font-family:var(--font-lol-body);grid-template-columns:2.5fr 7.5fr;display:grid;overflow:hidden}.champions-view--store{grid-template-rows:calc(45px * var(--league-ui-scale)) minmax(0, 1fr);grid-template-columns:calc(234px * var(--league-ui-scale)) minmax(0, 1fr);background:linear-gradient(90deg, var(--league-surface-gradient-left) 0%, #010a137a 24%, transparent 54%), var(--league-surface-bg-soft)}.riot-store-top-bar{--store-topbar-action-h:calc(32px * var(--league-ui-scale));--store-topbar-action-circle:calc(28px * var(--league-ui-scale));min-width:0;padding:0 calc(22px * var(--league-ui-scale)) 0 calc(34px * var(--league-ui-scale));grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.riot-store-top-bar__tabs{padding-top:calc(4px * var(--league-ui-scale));align-self:stretch}.riot-store-top-bar__actions{align-self:center;align-items:center;gap:calc(14px * var(--league-ui-scale));padding-top:calc(2px * var(--league-ui-scale));display:flex}.riot-store-top-bar__purchase{width:calc(104px * var(--league-ui-scale));height:var(--store-topbar-action-h);border:calc(2px * var(--league-ui-scale)) solid transparent;color:#cdbe91;font-family:var(--font-lol-cn);font-size:calc(13px * var(--league-ui-scale));background:#1e2328;border-image:linear-gradient(#c8aa6e,#785a28) 1;place-items:center;font-weight:700;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #091119}.riot-store-top-bar__purchase:hover,.riot-store-top-bar__purchase:focus-visible{color:#f0e6d2;background:linear-gradient(#1e2328,#3c3423);border-image-source:linear-gradient(#f0e6d2,#c8aa6e);outline:none}.riot-store-top-bar__circle{width:var(--store-topbar-action-circle);height:var(--store-topbar-action-circle);border:calc(2px * var(--league-ui-scale)) solid #c8aa6e;color:#c8aa6e;background:#1e2328;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.riot-store-top-bar__circle:hover,.riot-store-top-bar__circle:focus-visible{color:#f0e6d2;border-color:#f0e6d2;outline:none}.riot-store-top-bar__gift-icon,.riot-store-top-bar__account-icon{width:calc(12px * var(--league-ui-scale));height:calc(12px * var(--league-ui-scale));display:block;position:relative}.riot-store-top-bar__gift-icon:before,.riot-store-top-bar__gift-icon:after{content:"";background:currentColor;position:absolute}.riot-store-top-bar__gift-icon:before{inset:calc(6px * var(--league-ui-scale)) 0 0;border-radius:calc(1px * var(--league-ui-scale))}.riot-store-top-bar__gift-icon:after{width:calc(3px * var(--league-ui-scale));height:100%;top:0;left:50%;transform:translate(-50%)}.riot-store-top-bar__account-icon{border:calc(2px * var(--league-ui-scale)) solid currentcolor;border-radius:50%}.riot-store-top-bar__account-icon:after{right:calc(-7px * var(--league-ui-scale));bottom:calc(-2px * var(--league-ui-scale));width:calc(10px * var(--league-ui-scale));height:calc(10px * var(--league-ui-scale));border:calc(2px * var(--league-ui-scale)) solid #1e2328;content:"";background:currentColor;border-radius:50%;position:absolute}.champs-left-menu{min-width:0;min-height:0;padding:0 calc(18px * var(--league-ui-scale)) 0 calc(34px * var(--league-ui-scale))}.champs-left-menu__stack-panel{margin:calc(14px * var(--league-ui-scale)) 0 0}.champs-left-menu__store-sections{gap:calc(8px * var(--league-ui-scale));width:calc(181px * var(--league-ui-scale));margin:0 0 calc(14px * var(--league-ui-scale));padding-bottom:calc(10px * var(--league-ui-scale));border-bottom:1px solid #a09b8c2e;display:grid}.champion-search-field{width:calc(169px * var(--league-ui-scale));margin:0 0 calc(8px * var(--league-ui-scale));display:block}.champs-left-menu__show-owned{margin:0 0 calc(20px * var(--league-ui-scale))}.store-sort-combo{z-index:20;width:calc(160px * var(--league-ui-scale));margin:0 0 calc(16px * var(--league-ui-scale));position:relative}.store-sort-combo--open{z-index:80}.store-sort-combo__button{width:100%;height:calc(28px * var(--league-ui-scale));align-items:center;gap:calc(10px * var(--league-ui-scale));color:#cdbf91;font-family:var(--font-lol-cn);font-size:calc(12px * var(--league-ui-scale));padding:0 calc(10px * var(--league-ui-scale));text-align:left;background:#0f1a20;border:1px solid #0000;border-image:linear-gradient(#c8aa6e 0%,#785a28 100%) 1;grid-template-columns:minmax(0,1fr) auto auto;line-height:1;display:grid;position:relative}.store-sort-combo__button:hover,.store-sort-combo__button:focus-visible,.store-sort-combo--open .store-sort-combo__button{color:#f0e6d2;background:linear-gradient(#111920,#292e2b);border-image-source:linear-gradient(#f0e6d2 0%,#c8aa6e 100%);outline:none}.store-sort-combo__button span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-sort-combo__direction{color:#f0e6d2}.store-sort-combo__chevrons{color:#785a28;font-size:calc(13px * var(--league-ui-scale))}.store-sort-combo__popup{top:calc(28px * var(--league-ui-scale));box-shadow:inset 0 0 0 1px #010a13cc, 0 calc(10px * var(--league-ui-scale)) calc(26px * var(--league-ui-scale)) #00000073;padding:calc(5px * var(--league-ui-scale)) 0;background:linear-gradient(#0f1a20fa 0%,#081116fa 100%);border:1px solid #c8aa6e;display:grid;position:absolute;left:0;right:0}.store-sort-combo__option{width:100%;min-height:calc(30px * var(--league-ui-scale));align-items:center;gap:calc(10px * var(--league-ui-scale));color:#cdbf91;font-family:var(--font-lol-cn);font-size:calc(12px * var(--league-ui-scale));padding:0 calc(12px * var(--league-ui-scale));text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative}.store-sort-combo__option:hover,.store-sort-combo__option:focus-visible,.store-sort-combo__option[aria-selected=true]{color:#f0e6d2;background:#c8aa6e1a;outline:none}.store-sort-combo__option span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-sort-combo__option-direction{color:#5c5b57}.store-sort-combo__check{color:#f0e6d2;font-size:calc(16px * var(--league-ui-scale))}.champs-left-menu__filter-stack{gap:calc(14px * var(--league-ui-scale));width:calc(181px * var(--league-ui-scale));padding-top:calc(17px * var(--league-ui-scale));border-top:1px solid #a09b8c29;display:grid}.champs-left-menu__role-filter{margin:0}.champs-left-menu__local-data{width:calc(169px * var(--league-ui-scale));margin:calc(16px * var(--league-ui-scale)) 0 0}.riot-champions-list{min-width:0;min-height:0;margin:0 calc(22px * var(--league-ui-scale)) 0 0}.riot-champions-list__basic-scroll{height:100%;margin:0 0 calc(15px * var(--league-ui-scale));scrollbar-width:none}.riot-champions-list__basic-scroll::-webkit-scrollbar{display:none}.riot-champions-list__items-presenter{grid-template-columns:repeat(auto-fill, calc(188px * var(--league-ui-scale)));gap:calc(16px * var(--league-ui-scale)) calc(12px * var(--league-ui-scale));isolation:isolate;align-items:flex-start;display:grid;overflow:visible}.riot-champion-preview-panel{z-index:40;bottom:calc(100% + 8px * var(--league-ui-scale));width:calc(240px * 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;opacity:0;pointer-events:none;text-align:left;transform:translateX(-50%) translateY(calc(6px * var(--league-ui-scale)));background:linear-gradient(#1e2328f7 0%,#010a13fa 100%),#010a13;border:1px solid #c8aa6eb3;transition:opacity .1s,transform .1s;position:absolute;left:50%}.champions-view--store .riot-champion-preview-panel{z-index:120;top:calc(100% + 8px * var(--league-ui-scale));width:calc(214px * var(--league-ui-scale));transform:translateY(calc(6px * var(--league-ui-scale)));bottom:auto;left:0}.riot-champions-list__tree-view-item:hover .riot-champion-preview-panel,.riot-champions-list__tree-view-item:focus-within .riot-champion-preview-panel{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.champions-view--store .riot-champions-list__tree-view-item:hover .riot-champion-preview-panel,.champions-view--store .riot-champions-list__tree-view-item:focus-within .riot-champion-preview-panel{transform:translateY(0)}.riot-champion-preview-panel__header{align-items:center;gap:calc(10px * var(--league-ui-scale));display:flex}.riot-champion-preview-panel__icon{width:calc(40px * var(--league-ui-scale));height:calc(40px * var(--league-ui-scale));background:#010a13;border:1px solid #c8aa6e9e;flex:none;display:block}.riot-champion-preview-panel__image{object-fit:cover;width:100%;height:100%;display:block}.riot-champion-preview-panel__copy{min-width:0}.riot-champion-preview-panel__name{color:#f0e6d2;font-size:calc(14px * var(--league-ui-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.riot-champion-preview-panel__status,.riot-champion-preview-panel__completed-at,.riot-champion-preview-panel__date{color:#a09b8c;font-size:calc(12px * var(--league-ui-scale))}.riot-champion-preview-panel__completed-at{margin-top:calc(8px * var(--league-ui-scale))}.riot-champion-preview-panel__completed-at span{color:#f0e6d2}.riot-champion-preview-panel__matches{gap:calc(6px * var(--league-ui-scale));margin-top:calc(12px * var(--league-ui-scale));display:grid}.riot-champion-preview-panel__section-label{color:#a09b8c;font-size:calc(12px * var(--league-ui-scale));font-weight:700}.riot-champion-preview-panel__match{gap:calc(8px * var(--league-ui-scale));min-height:calc(28px * var(--league-ui-scale));padding:0 calc(8px * var(--league-ui-scale));color:#f0e6d2;font-size:calc(12px * var(--league-ui-scale));background:#ffffff0a;border:1px solid #46371470;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;text-decoration:none;display:grid}.riot-champion-preview-panel__match:hover{background:#c89b3c1a;border-color:#c8aa6eb3}.riot-champion-preview-panel__kda{font-weight:700}.riot-champion-preview-panel__result{min-width:calc(20px * var(--league-ui-scale));height:calc(18px * var(--league-ui-scale));font-size:calc(10px * var(--league-ui-scale));border:1px solid;place-items:center;font-weight:700;display:inline-grid}.riot-champion-preview-panel__result.is-win{color:#1dd1a1;background:#1dd1a11a}.riot-champion-preview-panel__result.is-loss{color:#ff6b4a;background:#ff6b4a1a}.riot-champion-preview-panel__external{width:calc(12px * var(--league-ui-scale));height:calc(12px * var(--league-ui-scale));color:#a09b8c}