.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:scroll;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}}.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}}.view-toggle{align-items:center;display:flex;gap:.625rem}.view-toggle-label{color:#4a5568;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.view-toggle-buttons{gap:.375rem}.view-toggle-buttons,.vt-btn{align-items:center;display:flex}.vt-btn{background:linear-gradient(180deg,#1a2235,#0f1724);border:1px solid rgba(30,46,82,.5);color:#8b7a56;cursor:pointer;height:36px;justify-content:center;overflow:hidden;padding:0;position:relative;transform:skewX(-6deg);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;width:42px}.vt-btn svg{flex-shrink:0;opacity:.6;transform:skewX(6deg);transition:opacity .2s}.vt-btn:hover{background:linear-gradient(180deg,#1e2d42,#152238);border-color:rgba(139,122,86,.4);box-shadow:0 0 8px rgba(139,122,86,.1);color:#b8a472}.vt-btn:hover svg{opacity:1}.vt-btn--active{background:linear-gradient(180deg,#1a2a30,#0e1e24);border-color:rgba(92,158,173,.5);box-shadow:0 0 12px rgba(92,158,173,.15);color:#8b7a56}.vt-btn--active svg{opacity:1}.vt-btn-bar{background:linear-gradient(90deg,#5c9ead,#7ec8d8);border-radius:0 0 2px 2px;height:3px;left:0;position:absolute;right:0;top:0}.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-group{gap:.375rem}.filter-button,.filter-group{align-items:center;display:flex}.filter-button{background:linear-gradient(180deg,#1a2235,#0f1724);border:1px solid rgba(30,46,82,.5);border-radius:0;color:#4a5568;cursor:pointer;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transform:skewX(-6deg);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;width:36px}.filter-button:hover:not(:disabled){background:linear-gradient(180deg,#1e2d42,#152238);border-color:rgba(92,158,173,.4);box-shadow:0 0 8px rgba(92,158,173,.1)}.filter-button.active{background:linear-gradient(180deg,#1a3040,#0e2030);border-color:rgba(92,158,173,.5);box-shadow:0 0 12px rgba(92,158,173,.15)}.filter-button.active:before{background:linear-gradient(90deg,#5c9ead,#7ec8d8);border-radius:0 0 2px 2px;content:"";height:3px;left:0;position:absolute;right:0;top:0}.filter-button:disabled{cursor:not-allowed;opacity:.4}.role-button img{height:16px;opacity:.6;transform:skewX(6deg);transition:opacity .2s;width:16px}.filter-button.active .role-button img,.filter-button:hover:not(:disabled) .role-button img{opacity:1}.search-bar{position:relative}.search-bar input{background:linear-gradient(180deg,rgba(20,30,50,.8),rgba(12,20,36,.9));border:none;border-bottom:1px solid rgba(100,90,70,.2);border-radius:0;border-top:1px solid hsla(40,24%,51%,.3);color:#b8cce0;font-size:.8125rem;font-weight:500;letter-spacing:.02em;padding:.55rem 1rem .55rem 2.5rem;transform:skewX(-6deg);transition:border-color .2s ease,box-shadow .2s ease,width .2s ease;width:200px}.search-bar input:focus{border-bottom-color:rgba(92,158,173,.3);border-top-color:rgba(92,158,173,.5);box-shadow:0 0 8px rgba(92,158,173,.15);outline:none;width:240px}.search-bar input::placeholder{color:#4a5568;font-weight:400}.search-bar-icon{color:#4a5568;left:.85rem;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) skewX(-6deg)}.filter-bar-right{gap:1rem}.filter-bar-right,.patch-label{align-items:center;display:flex}.patch-label{background:linear-gradient(180deg,rgba(157,77,187,.25),rgba(120,50,160,.15));border:none;border-bottom:1px solid rgba(120,60,160,.2);border-radius:0;border-top:1px solid rgba(180,120,220,.4);box-shadow:none;color:#d9a1f0;font-size:.6875rem;font-weight:600;gap:6px;height:fit-content;justify-content:center;letter-spacing:.04em;margin-left:10px;padding:6px 16px;transform:skewX(-6deg);white-space:nowrap}.patch-label-emblem{height:20px;object-fit:contain;transform:skewX(6deg);width:20px}.patch-label-info{align-items:center;background:rgba(180,120,220,.25);border-radius:50%;color:#c084d8;cursor:help;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;margin-left:2px;position:relative;transform:skewX(6deg);width:14px}.patch-label-info:hover{background:rgba(180,120,220,.4);color:#e0b0f0}.patch-label-tooltip{background:#1a1f2e;border:1px solid rgba(180,120,220,.3);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.4);color:#c8d6e5;display:none;font-size:11px;font-weight:400;letter-spacing:.01em;line-height:1.45;padding:8px 10px;pointer-events:none;position:absolute;right:-8px;transform:skewX(-6deg);white-space:normal;width:240px;z-index:100}.patch-label-tooltip:after{border:5px solid transparent;border-top-color:rgba(180,120,220,.3);content:"";position:absolute;right:14px;top:100%}.patch-label-info:hover .patch-label-tooltip{display:block}@media (max-width:768px){.filter-bar-container{gap:12px;padding:8px}.filter-button{border-radius:.375rem;height:32px;transform:none;width:32px}.role-button img{height:18px;transform:none;width:18px}.search-bar input{border:1px solid rgba(30,46,82,.6);border-radius:9999px;font-size:12px;transform:none;width:100px}.search-bar-icon{transform:translateY(-50%)}.patch-label{border:1px solid rgba(157,77,187,.5);border-radius:9999px}.patch-label,.patch-label-emblem{transform:none}.rank-button{display:none}}.build-page-skill-section{background-color:var(--color-bg-secondary,#0e172b);border-radius:8px;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;width:100%}.skill-path-section,.skill-priority-section{display:flex;flex-direction:column}.skill-priority-section{flex-basis:30%}.skill-path-section{flex-basis:70%}.header{align-items:center;display:flex;margin-bottom:1rem}.header-accent-line{margin-right:8px}.header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.skill-priority-icons{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.winrate-stats{margin-bottom:1rem}.winrate{color:#22d3ee}.games-played{font-size:12px}.summoner-spells img{border-radius:4px;height:24px;margin-right:4px;width:24px}.skill-path-grid{display:flex;flex-direction:column;gap:.25rem}.skill-info,.skill-row{align-items:center;display:flex;gap:.5rem}.skill-info{width:150px}.skill-name{background-color:#1a263e;border-radius:4px;color:#60a5fa;font-size:14px;padding:.25rem .5rem;text-align:center;width:100%}.skill-slots{display:flex;gap:2px}.skill-slot{align-items:center;background-color:#374151;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.skill-slot.active{background-color:#2563eb}.toughest-matchups-container{background-color:var(--color-bg-secondary,#0e172b);border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding:1rem;width:100%}.toughest-matchups-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.header-accent-line{background-color:#3b82f6;border-radius:2px;height:20px;width:4px}.toughest-matchups-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.toughest-matchups-header span{color:#9ca3af;font-size:12px;margin-left:8px}.matchups-list{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;overflow-x:auto;width:100%}.matchup-card{align-items:center;background-color:#1a263e;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:80px;padding:12px;transition:background-color .2s ease-in-out;width:calc(10% - 10.8px)}.matchup-card:hover{background-color:#2c3a58}.champion-icon{border:2px solid #3b82f6;border-radius:50%;height:48px;margin-bottom:8px;margin-right:0;width:48px}.champion-name{color:#e2e8f0;font-size:13px;font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.winrate{font-size:14px;font-weight:700;margin-bottom:2px}.winrate.low-winrate{color:#ef4444}.games-played{color:#9ca3af;font-size:10px}.no-matchups-container{background-color:#1a202c;border-radius:8px;color:#666;font-size:14px;padding:16px}@media (max-width:768px){.toughest-matchups-container{padding:0;width:100%}.matchup-card{width:25%}}.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}@media (max-width:768px){.amazon-affiliate-links-container{display:none}}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:700;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/cinzel-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:600;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/rajdhani-600-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.matchup-container{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}.matchup-heading{color:#333;font-size:2em}.matchup-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:10px}.matchup-paragraph{color:#666;font-size:1.2em}.matchup-strong{font-weight:700}.matchup-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.matchup-button-text{color:#007bff;margin-top:10px}.header-background-container{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;color:var(--color-text-primary,#f0f4f8);overflow:visible;padding:24px}.matchup-main{align-items:stretch;background-color:var(--color-bg-primary,#020817);box-sizing:border-box;display:flex;flex-direction:column;padding-top:0;width:100%}@media (max-width:768px){.matchup-main{padding:4rem 0 0}}.champion-header-row{margin-top:30px;padding-bottom:30px;padding-top:30px;width:100%}.centered-flex-column{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.championPageStylingContainer{display:flex;flex-direction:row;width:100%}@media (max-width:768px){.championPageStylingContainer{flex-direction:column;gap:0;width:100%}}.left-aligned-flex-column{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:1400px;width:100%}.build-page-row{width:100%}.lol-matchups-net-is-reader-supported-we-may-earn-a-commission-when-you-buy-through-links-on-this-page{color:#8890b5;font-size:.9rem;margin-bottom:20px;padding:10px;text-align:center}.middle-column{flex-grow:1;margin-right:0;min-width:0}.ad-container.left{left:0}.ad-container.left,.ad-container.right{height:600px;position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:1000}.ad-container.right{right:0}.left-column{margin-right:.625rem}.left-column,.right-column{flex-shrink:0;height:100vh;position:sticky;top:0;width:15.625rem}.right-column{margin-left:.625rem;max-width:238px}