.ChampionHeaderImage{border:2px solid #a78bfa;border-radius:.5rem;height:5rem;width:5rem}@media (max-width:768px){.ChampionHeaderImage{border:1px solid #c7edff;border-radius:.5rem;height:60px;width:60px}}.selector-wrapper{position:relative}.selector-trigger-button{background-color:#1e293b;border:2px solid #7c3aedcc;border-radius:1.5rem;box-shadow:0 0 25px 0 #7c3aed55;cursor:pointer;height:9rem;overflow:hidden;padding:0;position:relative;width:9rem}.selector-image-container,.selector-qmark-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.selector-qmark p{color:#fff;font-family:Exo\ 2,sans-serif;font-size:6rem;font-weight:900;line-height:1;margin:0;text-align:center}.selector-image-container{position:relative}.selector-champion-image{height:100%;object-fit:cover;position:absolute;width:100%}.popover-content{background-color:#1e293b;border:1px solid #7c3aedcc;border-radius:.375rem;display:none;left:50%;margin-top:.5rem;position:absolute;top:100%;transform:translateX(-50%);width:300px;z-index:50}.popover-content.open{display:block}.popover-search-container{padding:.5rem;position:relative}.popover-search-input{background-color:#1e293b;border:1px solid #7c3aedcc;border-radius:.375rem;color:#fff;font-size:.875rem;height:2.5rem;padding:.5rem .75rem;width:100%}.popover-scroll-area{height:18rem;overflow-y:auto;padding:.5rem}.popover-scroll-area::-webkit-scrollbar{width:8px}.popover-scroll-area::-webkit-scrollbar-track{background:transparent}.popover-scroll-area::-webkit-scrollbar-thumb{background:#7c3aedcc;border-radius:4px}.popover-grid{display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.popover-champion-button{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:auto;justify-content:center;padding:.5rem;width:100%}.popover-champion-button:hover{background-color:#7c3aed55}.popover-champion-image{border-radius:.375rem;height:48px;width:48px}.popover-champion-name{color:#fff;font-size:.75rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ChampionHeaderTextContainer{display:flex;flex:1;flex-direction:column;font-size:1.45rem}.headerStyle{color:#e6f7ff;font-family:Exo\ 2,sans-serif;font-size:1.4em;margin:0;padding:0;white-space:nowrap}.championName{color:#fff;font-weight:600}.guideText{color:#a9c2e6;font-weight:400;margin-left:.4em}.subheaderStyle{color:#a9c2e6;font-size:.8em;margin-top:.5em}.patchInfo{align-items:center;background-color:#1a202c;border-radius:4px;color:#cbd5e1;display:flex;font-size:12px;font-weight:700;height:fit-content;justify-content:center;margin-left:10px;padding:4px 8px;white-space:nowrap}@media (max-width:768px){.patchInfo{display:none}.headerStyle{color:#e6f7ff;font-family:Verdana,sans-serif;font-size:.76em;margin:0;padding:0;white-space:nowrap}}.ChampionHeader{align-items:center;background-color:transparent;display:flex;padding-bottom:1rem;padding-right:2rem;padding-top:1rem;position:relative}.ChampionHeader .icon-container{margin-right:1.5rem}.ChampionHeader .text-and-skills{display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.ChampionHeader{align-items:center;flex-direction:row;padding-left:1%}.ChampionHeader .icon-container{align-items:center;display:flex;margin-bottom:0;margin-right:1rem}}.navbar-header{background-color:var(--color-bg-primary,#020817);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-header{display:flex;width:100%}.navbar{align-items:center;background-color:transparent;border-bottom:1px solid var(--color-border,#1e2e52);box-sizing:border-box;font-family:Exo\ 2,sans-serif;height:4rem;justify-content:space-between;padding:0 1rem 0 0;position:relative}.navbar-left{align-items:center;display:flex;gap:1.5rem;padding-left:0}.navbar-logo{height:32px;margin-right:.5rem;width:32px}.navbar-title{color:#e6f7ff;font-family:Exo\ 2,sans-serif;font-size:1.125rem;font-weight:900}.navbar-link{align-items:center;display:flex;text-decoration:none}.navbar-links{display:flex;gap:1.5rem}.navbar-blog-link{color:#e6f7ff;font-family:Exo\ 2,sans-serif;font-weight:900;transition:color .2s ease}.navbar-blog-link:hover{color:var(--color-accent-teal,#31fdfe)}.navbar-right{align-items:center;display:flex;gap:1.5rem}.navbar-search-container{align-items:center;display:flex;position:relative}.navbar-search-icon{color:#a9c2e6;left:1rem;position:absolute}.navbar-search-input{background-color:#0a1018;border:1px solid #3a4048;border-radius:2rem;color:#a9c2e6;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;width:250px}.navbar-search-input::placeholder{color:#a9c2e6}.navbar-search-input:focus{border-color:#dbe9ee;outline:none;width:300px}.navbar-account{position:relative}.navbar-account-button{align-items:center;background-color:#1a1d21;border:1px solid #3a4048;border-radius:.5rem;color:#e6f7ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.navbar-account-button:hover{background-color:#24304a}.riot-logo-icon{height:24px;width:24px}.navbar-account-name{font-weight:600}.navbar-avatar-small{border-radius:50%;height:28px;width:28px}.navbar-dropdown{background-color:#1c2948;border:1px solid #dbe9ee;border-radius:.5rem;min-width:160px;padding:.5rem;position:absolute;right:0;top:120%;z-index:1002}.navbar-dropdown button{background:none;border:none;border-radius:.25rem;color:#e6f7ff;cursor:pointer;padding:.5rem 1rem;text-align:left;width:100%}.navbar-dropdown button:hover{background-color:#24304a}@media (max-width:768px){.navbar{padding:0 .75rem}.navbar-account-name{display:none}.navbar-account-button{padding:.5rem}}.navbar-search-results{background-color:#0f1923;border:1px solid #1e2e52;border-radius:.5rem;left:0;margin-top:.25rem;max-height:320px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.navbar-search-result-item{align-items:center;color:#e6f7ff;cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:.875rem;gap:.75rem;padding:.5rem 1rem;transition:background-color .15s ease}.navbar-search-result-item:hover{background-color:#1c2948}.navbar-search-result-icon{border-radius:50%;height:28px;object-fit:cover;width:28px}.navbar-new-badge{animation:navbar-new-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00e5ff,#31fdfe);border-radius:4px;color:#0e172b;display:inline-block;font-family:Exo\ 2,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.5px;line-height:1;margin-left:6px;padding:1px 6px;vertical-align:super}@keyframes navbar-new-pulse{0%,to{opacity:1}50%{opacity:.7}}.button-links-subheader{display:flex;gap:1.5rem;margin-top:1.5rem}.subheader-button{background-color:transparent;border:none;color:var(--color-text-secondary,#b8cce0);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:color .2s ease}.subheader-button:hover{background-color:#1d2a48;color:#fff}.subheader-button.active{color:#a78bfa}.subheader-button.active:after{background-color:#a78bfa;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:768px){.button-links-subheader{gap:1rem;padding:8px 0}.subheader-button{font-size:.9rem}}.filter-bar-container{align-items:center;background-color:transparent;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem;padding-top:1rem;width:100%}.filter-button,.filter-group{align-items:center;display:flex;gap:.5rem}.filter-button{background-color:var(--color-bg-input,#182543);border:1px solid var(--color-border,#1e2e52);border-radius:.375rem;color:#cdd3d6;cursor:pointer;height:32px;padding:.5rem;transition:background-color .2s ease,border-color .2s ease;width:32px}.filter-button:hover:not(:disabled){background-color:#1a2230}.filter-button.active{background-color:var(--color-bg-input,#182543);border-color:#a78bfa}.filter-button:disabled{cursor:not-allowed;opacity:.6}.role-button img{height:16px;width:16px}.search-bar{position:relative}.search-bar input{background-color:var(--color-bg-input,#182543);border:1px solid var(--color-border,#1e2e52);border-radius:.375rem;color:#cdd3d6;padding:.5rem .75rem .5rem 2.5rem;width:150px}.search-bar input::placeholder{color:var(--color-text-secondary,#b8cce0)}.patch-label{color:#cdd3d6;font-size:.875rem}.filter-bar-right{align-items:center;display:flex;gap:1rem}.search-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23b8cce0' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");background-repeat:no-repeat;color:var(--color-text-secondary,#b8cce0);height:16px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:16px}.patch-label{align-items:center;background-color:var(--color-bg-input,#182543);border:1px solid var(--color-border,#1e2e52);border-radius:4px;color:#cbd5e1;display:flex;font-size:12px;font-weight:700;height:fit-content;justify-content:center;margin-left:10px;padding:8px 16px;white-space:nowrap}@media (max-width:768px){.filter-bar-container{gap:12px;padding:8px}.role-button img{height:18px;width:18px}.search-bar input{font-size:12px;width:100px}.rank-button{display:none}}.amazon-affiliate-links-container{width:15.625rem}.amazon-affiliate-links-container.left{margin-left:1.25rem;margin-right:.625rem}.amazon-affiliate-links-container.right{margin-left:.625rem;margin-right:1.25rem}.lol-matchups-net-is-reader-supported-we-may-earn-a-commission-when-you-buy-through-links-on-this-page{color:var(--color-text-secondary,#b8cce0);font-size:.75rem;margin-bottom:10px;text-align:center}@media (max-width:768px){.amazon-affiliate-links-container{display:none}}.left-sidebar{background-color:var(--color-bg-secondary,#0e172b);border-right:1px solid var(--color-border,#1e2e52);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:4rem;transition:width .2s ease;width:48px;z-index:900}.left-sidebar.expanded{width:220px}.left-sidebar-nav{flex:1;list-style:none;margin:0;padding:0}.left-sidebar-item{position:relative}.left-sidebar-link{align-items:center;color:var(--color-text-secondary,#b8cce0);display:flex;gap:.75rem;padding:.75rem .875rem;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.left-sidebar-link:hover{color:var(--color-text-primary,#f0f4f8)}.left-sidebar-link--active,.left-sidebar-link:hover{background-color:var(--color-interactive-hover,#2a3b5a)}.left-sidebar-link--active{box-shadow:inset -3px 0 0 var(--color-accent-teal,#31fdfe)}.left-sidebar-link--active,.left-sidebar-link--active .left-sidebar-link-icon{color:var(--color-accent-teal,#31fdfe)}.left-sidebar-link--active:hover{background-color:var(--color-interactive-hover,#344a6e)}.left-sidebar-link-icon{flex-shrink:0;height:22px;width:22px}.left-sidebar-link-label{font-family:Exo\ 2,sans-serif;font-size:.875rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s ease}.left-sidebar.expanded .left-sidebar-link-label{opacity:1;pointer-events:auto}.left-sidebar-tooltip{background-color:var(--color-bg-card,#141f38);border:1px solid var(--color-border,#1e2e52);border-radius:.375rem;color:var(--color-text-primary,#f0f4f8);font-size:.75rem;font-weight:600;left:100%;margin-left:8px;opacity:0;padding:.35rem .65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:910}.left-sidebar:not(.expanded) .left-sidebar-item:hover .left-sidebar-tooltip{opacity:1}.left-sidebar-toggle{align-items:center;background:none;border:1px solid transparent;border-radius:.375rem;color:var(--color-text-muted,#a0aec0);cursor:pointer;display:flex;justify-content:center;margin:.25rem .375rem;padding:.625rem;transition:background-color .15s ease,color .15s ease}.left-sidebar-toggle:hover{background-color:var(--color-interactive-hover,#2a3b5a);color:var(--color-text-primary,#f0f4f8)}@media (max-width:767px){.left-sidebar{display:none}}.ad-rail{height:calc(100vh - 4rem);pointer-events:none;position:fixed;right:0;top:4rem;width:21rem;z-index:800}.ad-rail-sticky{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;padding-right:1rem;padding-top:1rem;pointer-events:auto;position:sticky;top:5rem}.ad-rail-slot{box-sizing:border-box;max-width:300px;overflow:hidden;width:100%}@media (max-width:1023px){.ad-rail{display:none}}.page-layout-shell{display:flex;min-height:100vh;padding-top:4rem}.page-layout-main{display:flex;flex:1;flex-direction:column;min-width:0;overflow-x:hidden}.page-layout-main>*{flex:1}@media (min-width:1024px){.page-layout-main{margin-left:48px;min-width:600px;padding-right:21rem}.page-layout-main>*{flex:1;margin-left:auto;margin-right:0}}@media (min-width:768px) and (max-width:1023px){.page-layout-main{margin-left:48px;min-width:600px}}@media (max-width:767px){.page-layout-main{margin-left:0;min-width:0}}:root{--color-bg-primary:#020817;--color-bg-secondary:#0e172b;--color-bg-card:#141f38;--color-bg-input:#182543;--color-text-primary:#f0f4f8;--color-text-secondary:#b8cce0;--color-text-muted:#a0aec0;--color-accent:#ffc107;--color-accent-purple:#895af6;--color-accent-teal:#31fdfe;--color-border:#1e2e52;--color-border-light:#3c4a6c;--color-interactive-hover:#2a3b5a;--color-success:#4ade80;--color-danger:#f87171}[data-theme=optimized-1]{--color-bg-primary:#1a171f;--color-bg-secondary:#1b2b4d;--color-bg-card:#223a6c;--color-bg-input:#1b2b4d;--color-text-primary:#d1c0c5;--color-text-secondary:#b5949c;--color-text-muted:#786268;--color-accent:#e2b27e;--color-accent-purple:#59cf93;--color-accent-teal:#59cf93;--color-border:#305785;--color-border-light:#305785;--color-interactive-hover:#305785;--color-success:#59cf93;--color-danger:#b9451d}