.champion-article-builds.svelte-csu3ru{position:relative;.champion-bg:where(.svelte-csu3ru){position:absolute;top:0%;right:0%;translate:42% -22%;height:135%;width:auto;mask-image:radial-gradient(50% 50% at 50% 46%,black,transparent);aspect-ratio:16 / 9;max-width:unset;opacity:.25}}.builds-tabs.svelte-csu3ru{--padd: .5rem;display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--padd);border-bottom:1px solid var(--shade3-15)}.build-tab.svelte-csu3ru{position:relative;display:flex;align-items:center;gap:.5rem;background:var(--shade4-15);padding:.25rem;padding-inline-end:.75rem;border-radius:var(--br-sm);box-shadow:inset 0 0 0 1px var(--shade3-25);&.active{background:var(--shade3-25);box-shadow:inset 0 0 0 1px var(--shade1-15);&:after{content:"";position:absolute;bottom:calc(var(--padd) * -1);left:50%;width:var(--sp-6);height:3px;background:var(--primary);border-top-left-radius:var(--br-sm);border-top-right-radius:var(--br-sm);transform:translate(-50%)}}}.build-tab-items.svelte-csu3ru{display:flex;align-items:center;gap:.25rem}.build-info.svelte-csu3ru{display:grid;text-align:left;>:where(.svelte-csu3ru){line-height:1.25}}.selected-build.svelte-csu3ru{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:1.5rem;padding-block-start:1rem}.build-title.svelte-csu3ru{position:relative;display:flex;align-items:center;gap:1rem;width:100%;&:before,&:after{content:"";flex:1;height:1px;background:var(--shade3-25)}&.half{&:before{content:unset}}}.build-subtitle.svelte-csu3ru{display:block;padding-block-end:.5rem;&.center{text-align:center}}.items.svelte-csu3ru{display:grid;grid-auto-rows:max-content;gap:1rem}.items-list.svelte-csu3ru{display:flex;flex-wrap:wrap;gap:.25rem;width:fit-content;img:where(.svelte-csu3ru){border-radius:var(--br)}}.article-content.svelte-fd5p8t{color:var(--shade1);font-size:1.125rem;font-weight:400;@container (width <= 900px){font-size:1rem}>:where(.svelte-fd5p8t){max-width:44rem;margin-inline:auto;animation:enter linear both;animation-timeline:view();animation-range:entry 0% entry 150px}:has(.fullbleed),.fullbleed{max-width:90%;@container (inline-size <= 900px){max-width:100%}}h2:where(.svelte-fd5p8t),h3:where(.svelte-fd5p8t),h4:where(.svelte-fd5p8t),h5:where(.svelte-fd5p8t),h6:where(.svelte-fd5p8t){color:#fff;&:not(:first-child){margin-block-start:1em}}h2:where(.svelte-fd5p8t){font-size:2rem;@container (width <= 900px){font-size:1.5rem}}h3:where(.svelte-fd5p8t){font-size:1.5rem;@container (width <= 900px){font-size:1.25rem}}>p:where(.svelte-fd5p8t),>ul:where(.svelte-fd5p8t),>ol:where(.svelte-fd5p8t){margin-block:.25em;margin-block-end:1.75em;&:has(>.video-container:where(.svelte-fd5p8t)){margin-block:2em}ul:where(.svelte-fd5p8t),ol:where(.svelte-fd5p8t){padding-inline-start:1.5em}}>img:where(.svelte-fd5p8t){height:auto;max-width:52rem;border-radius:var(--br-xl);margin-block:1rem;border:2px solid var(--shade9);box-shadow:0 0 0 2px var(--shade3-25)}>.video-container:where(.svelte-fd5p8t){--radii: var(--br-xl);position:relative;margin-block:1rem;border-radius:var(--radii);video:where(.svelte-fd5p8t){display:block;width:100%;height:auto;border-radius:var(--radii)}&:after{content:"";position:absolute;inset:0;border-radius:var(--radii);border:2px solid var(--shade0-15);pointer-events:none}}a:where(.svelte-fd5p8t){color:var(--primary);font-weight:600;text-decoration:underline}p b{color:#fff;font-weight:675}>ol:where(.svelte-fd5p8t),>ul:where(.svelte-fd5p8t){padding-inline-start:1.5em;li:where(.svelte-fd5p8t){margin-block:.5em}}>ol:where(.svelte-fd5p8t){list-style:decimal;ol:where(.svelte-fd5p8t){list-style:lower-alpha}}>ul:where(.svelte-fd5p8t){list-style:disc;ul:where(.svelte-fd5p8t){list-style:circle}}>hr:where(.svelte-fd5p8t){display:block;max-width:90%;margin-block:2.5em;border:none;height:1px;background:var(--shade6);mask-image:linear-gradient(to right,transparent,black 35%,black 65%,transparent)}.iframe-embed:where(.svelte-fd5p8t){display:contents;iframe{display:block;width:100%;max-width:unset;height:auto;aspect-ratio:16 / 9;border-radius:var(--br-xl)}}.article-table:where(.svelte-fd5p8t){--table-border: 1px solid rgba(255, 255, 255, .08);--table-header-bg: rgba(255, 255, 255, .05);--table-row-bg: rgba(255, 255, 255, .02);--table-hover-bg: rgba(255, 255, 255, .07);overflow-x:auto;margin-block:1.75rem;width:100%}table:where(.svelte-fd5p8t){width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--br-lg);overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--shade1);background-color:transparent;box-shadow:0 0 0 1px #ffffff0d}th:where(.svelte-fd5p8t){padding:.75rem 1rem .5rem;border:var(--table-border);border-bottom:none;text-align:left;text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:.675rem;line-height:1;background-color:var(--table-header-bg);top:0;z-index:10;color:var(--shade0);&:not(:last-child){border-right:none}&:first-child{border-top-left-radius:var(--br-lg)}&:last-child{border-top-right-radius:var(--br-lg)}}tr:where(.svelte-fd5p8t){&:not(:last-child) td:where(.svelte-fd5p8t){border-bottom:none}&:hover,&:focus,&:active{background-color:var(--table-hover-bg)}}td:where(.svelte-fd5p8t){padding:.5rem 1rem;border:var(--table-border);text-align:left;vertical-align:top;color:var(--shade1);background-color:var(--table-row-bg);&:not(:last-child){border-right:none}}}.article-header.svelte-1q1znzm{padding-block:1rem}.title.svelte-1q1znzm,.byline.svelte-1q1znzm{text-align:center}.title.svelte-1q1znzm{font-size:2.5rem;line-height:1.3;color:#fff;width:75%;margin-inline:auto}.byline.svelte-1q1znzm{display:block;font-size:1rem;color:var(--shade1)}.author.svelte-1q1znzm{color:var(--shade0)}.cover-img-container.svelte-1q1znzm{position:relative;max-width:920px;margin-inline:auto;&:after{content:"";position:absolute;inset:0;border-radius:var(--br-xl);border:2px solid var(--shade0-15)}}.cover-img.svelte-1q1znzm{object-fit:cover;width:100%;height:auto;aspect-ratio:265 / 132;border-radius:var(--br-xl);background:var(--shade7)}
