@layer build-rows-compact{.hub-builds-compact{width:100%!important;min-width:1100px!important;table-layout:fixed!important;border-collapse:collapse!important;background:transparent!important}.hub-builds-compact :is(th,td){box-sizing:border-box!important;min-width:0!important;padding:12px 10px!important;text-align:center!important;vertical-align:middle!important;border-bottom:1px solid #4a3c2e!important;white-space:normal!important}.hub-builds-compact th{height:52px!important;color:#d2ced0!important;background:transparent!important;font-size:11px!important;letter-spacing:.35px!important}.hub-builds-compact td{height:76px!important;background:transparent!important;color:#f0f0f2!important}.hub-builds-compact tbody tr:last-child td{border-bottom:0!important}.hub-builds-compact tbody tr:hover td,.hub-builds-compact tbody tr:focus-within td{background:transparent!important}.hub-builds-compact :is(th,td):nth-child(1){width:20%!important;text-align:left!important;padding-left:18px!important}.hub-builds-compact :is(th,td):nth-child(2){width:9%!important}.hub-builds-compact :is(th,td):nth-child(3){width:5%!important}.hub-builds-compact :is(th,td):nth-child(4){width:15%!important;text-align:center!important}.hub-builds-compact :is(th,td):nth-child(5){width:6%!important}.hub-builds-compact :is(th,td):nth-child(6){width:24%!important}.hub-builds-compact :is(th,td):nth-child(7){width:8%!important}.hub-builds-compact :is(th,td):nth-child(8){width:6%!important}.hub-builds-compact :is(th,td):nth-child(9){width:7%!important}.hub-builds-compact .hub-author{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-content:start!important}.hub-builds-compact .hub-author>div{min-width:0!important;text-align:left!important}.hub-builds-compact .hub-author:not(:has(>a))>div{grid-column:1 / -1!important}.hub-builds-compact .hub-author-avatar{width:38px!important;height:38px!important;max-width:none!important;border:1px solid #92744c!important;border-radius:50%!important;object-fit:cover!important}.hub-builds-compact .hub-build-name{text-align:center!important}.hub-builds-compact .hub-author strong,.hub-builds-compact .hub-build-name{color:#f6f6f6!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}.hub-builds-compact .hub-author-tag{display:block!important;margin-top:3px!important;font-size:11px!important;color:#a49ba4!important;overflow-wrap:anywhere!important}.hub-builds-compact .hub-rank-cell{min-width:0!important;max-width:100%!important}.hub-builds-compact .hub-rank-emphasis{width:38px!important;height:38px!important;flex:0 0 38px!important}.hub-builds-compact :is(.hub-inline,.hub-items,.hub-title-icons){display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;gap:5px!important}.hub-builds-compact .hub-title-icons img{width:24px!important;height:24px!important}.hub-builds-compact .hub-inline img{width:30px!important;height:30px!important}.hub-builds-compact .hub-items img{width:32px!important;height:32px!important;border:1px solid #826440!important;border-radius:4px!important;object-fit:contain!important}.hub-builds-compact .hub-view{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:27px!important;padding:5px 17px!important;border:1px solid #8d826f!important;border-radius:4px!important;background:#0b0e0fa6!important;color:#f0efeb!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;box-shadow:none!important}.hub-builds-compact .hub-view:hover{background:#ac86571c!important;border-color:#dfba7b!important;box-shadow:0 0 15px #c28d3914!important}.hub-builds-compact td.hub-empty{height:auto!important;padding:38px 24px!important;text-align:center!important}@media(max-width:760px){html[data-page="/builds"] #main>.hub-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important;left:auto!important;right:auto!important}html[data-page="/builds"] #main>.hub-content .hub-sheet{width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box!important}.hub-table:not(.hub-builds-compact) tr{grid-template-columns:minmax(0,22fr) minmax(0,16fr) minmax(0,12fr) minmax(0,16fr) minmax(0,15fr) minmax(0,10fr) minmax(0,9fr)!important}.hub-builds-compact{display:block!important;min-width:0!important;max-width:100%!important}.hub-builds-compact :is(thead,tbody){display:block!important;width:100%!important;min-width:0!important}.hub-builds-compact tr{display:grid!important;grid-template-columns:minmax(0,18fr) minmax(0,12fr) minmax(0,8fr) minmax(0,8fr) minmax(0,20fr) minmax(0,14fr) minmax(0,10fr) minmax(0,10fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:0!important;align-items:stretch!important}.hub-builds-compact :is(th,td):nth-child(n){display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:8px 1px!important;text-align:center!important;font-size:8px!important;overflow-wrap:anywhere!important}.hub-builds-compact :is(th,td):nth-child(4){display:none!important}.hub-builds-compact th{min-height:52px!important;letter-spacing:0!important}.hub-builds-compact td{min-height:88px!important}.hub-builds-compact th [data-hub-header]{max-width:100%!important;min-width:0!important;flex-wrap:wrap!important;justify-content:center!important;padding-inline:0!important;font-size:inherit!important;white-space:normal!important}.hub-builds-compact .hub-author{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}.hub-builds-compact .hub-author>div{text-align:center!important}.hub-builds-compact .hub-author-avatar{width:24px!important;height:24px!important}.hub-builds-compact .hub-author strong{font-size:9px!important}.hub-builds-compact .hub-author-tag{font-size:8px!important;margin-top:2px!important}.hub-builds-compact .hub-rank-emphasis{width:22px!important;height:22px!important;flex-basis:22px!important}.hub-builds-compact .hub-rank-division{display:inline-block!important;flex:0 0 auto!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;color:var(--rank-color)!important}.hub-builds-compact .hub-title-icons img{width:14px!important;height:14px!important}.hub-builds-compact .hub-inline img{width:20px!important;height:20px!important}.hub-builds-compact .hub-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;width:100%!important;max-width:64px!important}.hub-builds-compact .hub-items img{width:100%!important;max-width:20px!important;height:auto!important;aspect-ratio:1!important;min-width:0!important}.hub-builds-compact .hub-like{min-width:0!important;max-width:100%!important;flex-direction:column!important;gap:2px!important;padding:3px 1px!important;font-size:8px!important}.hub-builds-compact .hub-like svg{width:12px!important;height:12px!important}.hub-builds-compact .hub-view{min-width:0!important;max-width:100%!important;width:max-content!important;height:auto!important;min-height:0!important;padding:5px!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;font-size:8px!important}.hub-builds-compact td.hub-empty{grid-column:1 / -1!important;min-height:150px!important;padding:24px 12px!important;font-size:12px!important}}}@layer build-rows-compact{.hub-builds-compact th:nth-child(1){text-align:center!important;justify-content:center!important}}@layer build-rows-compact{html[data-page="/builds"] #main #hub-picker{margin-bottom:18px!important}html[data-page="/builds"] #main .hub-content>.hub-picker-tools{display:none!important}html[data-page="/builds"] #main .build-toolbar{margin:12px 0 20px!important}html[data-page="/builds"] #main .build-search #hub-search{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important}html[data-page="/builds"] #main .build-search:focus-within{outline:2px solid rgb(123, 55, 67)!important;outline-offset:2px!important}}@layer build-rows-compact{html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar{margin:0 0 20px!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar>:is(#hub-search,.build-search){box-sizing:border-box!important;height:40px!important;min-height:40px!important;background:#111317d1!important;border:1px solid transparent!important;border-radius:24px!important;box-shadow:none!important;color:#ddd9d6!important}html[data-page="/matchups"] #main .hub-toolbar>#hub-search{background-image:url(/assets/search-ui.svg)!important;background-repeat:no-repeat!important;background-position:15px center!important;background-size:18px 18px!important;padding:0 18px 0 44px!important}html[data-page="/builds"] #main .build-search{padding:0 18px!important;gap:8px!important}html[data-page="/builds"] #main .build-search>img{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important}html[data-page="/builds"] #main .build-search #hub-search{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;color:inherit!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar #hub-search{font:12px Arial,sans-serif!important}html[data-page="/matchups"] #main .hub-toolbar>#hub-search:focus-visible{outline:2px solid rgb(123, 55, 67)!important;outline-offset:2px!important}}@layer build-rows-compact{html[data-page="/builds"] #main .concept2-page-header .hero-copy{position:relative!important;top:-14px!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-content{display:flow-root!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-content>:is(.hub-picker-tools,.hub-rune-picker-tools){margin:0 0 calc(13.5px / var(--hub-ui-factor,1))!important;padding:0!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main :is(.hub-champion-search-box,.hub-rune-search-box){flex:0 1 calc(765px / var(--hub-ui-factor,1))!important;width:100%!important;max-width:calc(765px / var(--hub-ui-factor,1))!important;height:calc(46.8px / var(--hub-ui-factor,1))!important;min-height:calc(46.8px / var(--hub-ui-factor,1))!important;box-sizing:border-box!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker{height:calc(132px / var(--hub-ui-factor,1))!important;min-height:calc(132px / var(--hub-ui-factor,1))!important;margin-bottom:calc(15.3px / var(--hub-ui-factor,1))!important;box-sizing:border-box!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar{margin:0 0 calc(18px / var(--hub-ui-factor,1))!important;min-height:calc(40px / var(--hub-ui-factor,1))!important;padding:0!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar .concept2-filter-row{margin:0!important;padding:0!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar>:is(#hub-search,.build-search){flex:0 1 calc(604px / var(--hub-ui-factor,1))!important;height:calc(40px / var(--hub-ui-factor,1))!important;min-height:calc(40px / var(--hub-ui-factor,1))!important}html[data-page="/matchups"] #main .hub-toolbar>#hub-search{padding-left:calc(44px / var(--hub-ui-factor,1))!important;background-position:calc(15px / var(--hub-ui-factor,1)) center!important;background-size:calc(18px / var(--hub-ui-factor,1))!important}@media(min-width:761px){html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-content{margin-top:var(--hub-ui-top,64px)!important;width:calc(min(1320px,92vw) / var(--hub-ui-factor,1))!important;max-width:calc(1320px / var(--hub-ui-factor,1))!important}}@media(max-width:900px){html:is([data-page="/builds"],[data-page="/matchups"]) #main .hub-toolbar>:is(#hub-search,.build-search){flex:1 0 100%!important}}}@layer build-rows-compact{html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker{scrollbar-width:auto!important;scrollbar-color:auto!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar{height:12px!important;width:12px!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-track{background:#18161b!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-thumb{background:rgb(123, 55, 67)!important;border-radius:6px!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}}@layer build-rows-compact{html[data-page="/builds"] #main #hub-picker .hub-choice>.hub-icon{width:72px!important;height:72px!important;transform:scale(calc(.9 / var(--hub-ui-factor,1)))!important;transform-origin:center!important}html[data-page="/builds"] #main #hub-picker .hub-choice:before{transform:scale(calc(.9 / var(--hub-ui-factor,1)))!important;transform-origin:center!important}html[data-page="/builds"] #main .concept2-page-header h1{translate:0 -6px!important}}@layer build-rows-compact{html[data-page="/builds"] #main #hub-picker{column-gap:12.606px!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-track{margin:0!important}}@layer build-rows-compact{@media(max-width:760px){html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker .hub-choice>.hub-icon{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;box-sizing:border-box!important}}}@layer build-rows-compact{html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-track{background:#18181826!important}html:is([data-page="/builds"],[data-page="/matchups"]) #main #hub-picker::-webkit-scrollbar-thumb{background:#88888826!important;border:0!important;box-shadow:none!important}}