*,:after,:before{box-sizing:border-box}.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-page-container{width:calc(100% - 24px);margin-inline:auto}.ds-button,.ds-filter-option,.ds-input,.ds-map-control,.ds-navbar-item,.ds-pagination-option,.ds-select,.ds-tab-item{font-family:var(--ds-type-font-family-base)}.ds-button{display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;border-radius:var(--ds-component-button-radius);color:var(--ds-button-text-default);font-weight:var(--ds-button-font-weight-medium);font-synthesis:none;line-height:var(--ds-type-line-height-auto);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.ds-button--xsmall{max-width:var(--ds-button-max-width-xsmall);height:var(--ds-button-height-xsmall);gap:var(--ds-button-gap-xsmall);padding-inline:var(--ds-button-padding-xsmall);font-size:var(--ds-button-font-size-xsmall)}.ds-button--small,.ds-button--xsmall{width:-moz-fit-content;width:fit-content;border-radius:var(--ds-primitive-radius-sm)}.ds-button--small{min-width:var(--ds-button-min-width-small);max-width:var(--ds-button-max-width-small);height:var(--ds-button-height-small);gap:var(--ds-button-gap-small);padding-inline:var(--ds-button-padding-small);font-size:var(--ds-button-font-size-small)}.ds-button--medium{min-width:var(--ds-button-min-width-medium);max-width:var(--ds-button-max-width-medium);height:var(--ds-button-height-medium);gap:var(--ds-button-gap-medium);padding-inline:var(--ds-button-padding-medium);font-size:var(--ds-button-font-size-medium)}.ds-button--large,.ds-button--medium{width:-moz-fit-content;width:fit-content}.ds-button--large{min-width:var(--ds-button-min-width-large);max-width:var(--ds-button-max-width-large);height:var(--ds-button-height-large);gap:var(--ds-button-gap-large);padding-inline:var(--ds-button-padding-large);font-size:var(--ds-button-font-size-large)}.ds-button--small,.ds-button--xsmall{font-weight:var(--ds-button-font-weight-regular)}.ds-button--base.ds-button--hierarchy-primary,.ds-button--primary{background:var(--ds-button-brand-primary);color:var(--ds-color-text-neutral-dark)}.ds-button--base.ds-button--hierarchy-primary:hover:not(:disabled),.ds-button--primary:hover:not(:disabled){background:var(--ds-button-brand-hover)}.ds-button--base.ds-button--hierarchy-primary:active:not(:disabled),.ds-button--primary:active:not(:disabled){background:var(--ds-button-brand-active)}.ds-button--base.ds-button--hierarchy-secondary,.ds-button--secondary{background:var(--ds-button-neutral-secondary);color:var(--ds-color-text-accent)}.ds-button--base.ds-button--hierarchy-tertiary{background:var(--ds-button-neutral-secondary);color:var(--ds-button-text-default)}.ds-button--outline{border:var(--ds-component-button-border-width) solid var(--ds-button-border-primary);background:var(--ds-primitive-color-white-white-alpha5);color:var(--ds-color-text-accent)}.ds-button--outline:active:not(:disabled),.ds-button--outline:hover:not(:disabled){background:var(--ds-primitive-color-white-white-alpha10)}.ds-button--outline.ds-button--hierarchy-secondary{border-color:var(--ds-color-border-neutral-default);color:var(--ds-color-text-neutral-secondary)}.ds-button--outline.ds-button--hierarchy-secondary:hover:not(:disabled){color:var(--ds-color-text-neutral-primary)}.ds-button--outline.ds-button--hierarchy-secondary:active:not(:disabled){color:var(--ds-color-text-neutral-tertiary)}.ds-button--ghost{background:transparent;color:var(--ds-button-text-default)}.ds-button--ghost:active:not(:disabled){color:var(--ds-color-text-neutral-tertiary)}.ds-button:focus-visible,.ds-filter-option:focus-visible,.ds-map-control:focus-visible,.ds-navbar-item:focus-visible,.ds-pagination-option:focus-visible,.ds-pal-card:focus-visible,.ds-select:focus-visible,.ds-tab-item:focus-visible,.ds-tool-card:focus-visible{outline:3px solid var(--ds-color-border-neutral-highlight);outline-offset:3px}.ds-button:disabled{background:var(--ds-button-neutral-disabled);color:var(--ds-color-text-neutral-tertiary);opacity:.72;cursor:not-allowed}.ds-button--outline:disabled{border-color:var(--ds-button-border-disabled)}.ds-button--ghost:disabled{background:transparent}.ds-button__icon{display:inline-flex;flex:none;align-items:center;justify-content:center}.ds-button--xsmall .ds-button__icon{width:var(--ds-button-icon-xsmall);height:var(--ds-button-icon-xsmall)}.ds-button--small .ds-button__icon{width:var(--ds-button-icon-small);height:var(--ds-button-icon-small)}.ds-button--medium .ds-button__icon{width:var(--ds-button-icon-medium);height:var(--ds-button-icon-medium)}.ds-button--large .ds-button__icon{width:var(--ds-button-icon-large);height:var(--ds-button-icon-large)}.ds-button__icon>img,.ds-button__icon>svg{width:100%;height:100%}.ds-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.ds-map-control{width:44px;height:44px;padding:2px;border:0;background:transparent;color:var(--ds-color-icon-neutral-primary);cursor:pointer}.ds-map-control,.ds-map-control__visual{display:inline-flex;align-items:center;justify-content:center}.ds-map-control__visual{width:40px;height:40px;padding:8px;overflow:hidden;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-card-radius-sm);background:var(--ds-button-neutral-secondary)}.ds-map-control__visual>*{width:24px;height:24px}.ds-map-control:hover:not(:disabled) .ds-map-control__visual{border-color:var(--ds-color-border-neutral-highlight);background:var(--ds-button-ghost-hover)}.ds-map-control:active:not(:disabled) .ds-map-control__visual,.ds-map-control[aria-pressed=true] .ds-map-control__visual{border-color:var(--ds-color-border-neutral-highlight);background:var(--ds-button-ghost-active);color:var(--ds-color-icon-accent)}.ds-map-control:disabled{opacity:.5;cursor:not-allowed}.ds-zoom-icon{display:inline-block;width:24px;height:24px;background:currentColor}.ds-zoom-icon--in{-webkit-mask:url(/tft/_next/static/media/zoom-in-24.5dcb300d.svg) center/14px 14px no-repeat;mask:url(/tft/_next/static/media/zoom-in-24.5dcb300d.svg) center/14px 14px no-repeat}.ds-zoom-icon--out{-webkit-mask:url(/tft/_next/static/media/zoom-out-24.aa70820f.svg) center/16px 2px no-repeat;mask:url(/tft/_next/static/media/zoom-out-24.aa70820f.svg) center/16px 2px no-repeat}.ds-zoom-control{display:inline-flex;flex-direction:column;gap:8px}.ds-field{display:inline-flex;width:320px;max-width:100%;align-items:center;gap:var(--ds-primitive-space-sm);padding-inline:var(--ds-primitive-space-md);border:var(--ds-component-input-border-width) solid var(--ds-color-border-neutral-line);background:var(--ds-color-surface-3);color:var(--ds-color-text-neutral-primary)}.ds-field--large{height:48px;border-radius:var(--ds-component-input-lg)}.ds-field--medium{height:40px;border-radius:var(--ds-component-input-md)}.ds-field:focus-within,.ds-field:hover:not(:has(.ds-input:disabled)){border-color:var(--ds-input-border-focus);background:var(--ds-color-surface-2)}.ds-field:has(.ds-input:disabled){border-color:var(--ds-input-border-default);background:var(--ds-input-background-default);color:var(--ds-color-text-neutral-tertiary);cursor:not-allowed}.ds-field__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--ds-color-icon-neutral-tertiary)}.ds-field__icon,.ds-field__icon>*,.ds-input-icon{width:20px;height:20px}.ds-input-icon{display:block;background:currentColor}.ds-input-icon--search{-webkit-mask:url(/tft/_next/static/media/search-20.371517cd.svg) center/contain no-repeat;mask:url(/tft/_next/static/media/search-20.371517cd.svg) center/contain no-repeat}.ds-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;height:100%;padding:0;font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto)}.ds-input::placeholder{color:var(--ds-color-text-neutral-tertiary)}.ds-input:disabled{cursor:not-allowed}.ds-select:disabled{opacity:.5;cursor:not-allowed}.ds-select-root{position:relative;width:-moz-fit-content;width:fit-content;min-width:96px;max-width:100%;font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-select{display:flex;width:100%;min-width:0;align-items:center;gap:8px;border:var(--ds-component-input-border-width) solid var(--ds-color-border-neutral-line);background:var(--ds-color-surface-3);color:var(--ds-color-text-neutral-tertiary);text-align:left;cursor:pointer}.ds-select--small{height:32px;gap:4px}.ds-select--medium,.ds-select--small{padding-inline:12px;border-radius:var(--ds-component-input-md);font-size:var(--ds-type-font-size-sm)}.ds-select--medium{height:40px}.ds-select--large{height:48px;padding-inline:16px;border-radius:var(--ds-component-input-lg);font-size:var(--ds-type-font-size-md)}.ds-select-root--large.is-open .ds-select,.ds-select:hover:not(:disabled){border-color:var(--ds-input-border-focus)}.ds-select-root--medium.is-open .ds-select,.ds-select-root--small.is-open .ds-select{border-color:var(--ds-color-action-brand)}.ds-select-root.is-open{z-index:80}.ds-select:focus-visible{outline:2px solid var(--ds-color-surface-brand-subtle);outline-offset:2px}.ds-select-root.has-value .ds-select,.ds-select-root.is-open .ds-select{color:var(--ds-color-text-neutral-primary)}.ds-select__media{display:inline-flex;color:var(--ds-color-icon-neutral-tertiary)}.ds-select__value{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select__chevron{width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url(/tft/_next/static/media/select-chevron-down-20.7a577c14.svg) center/contain no-repeat;mask:url(/tft/_next/static/media/select-chevron-down-20.7a577c14.svg) center/contain no-repeat}.ds-select-root.is-open .ds-select__chevron{transform:rotate(180deg)}.ds-select__options{position:absolute;z-index:80;top:calc(100% + 6px);left:0;width:100%;max-height:280px;overflow-y:auto;margin:0;padding:8px;list-style:none;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-1);box-shadow:var(--ds-component-popup-shadow)}.ds-select-root[data-placement=top] .ds-select__options{top:auto;bottom:calc(100% + 6px)}.ds-selection-option{display:flex;width:164px;min-height:40px;align-items:center;gap:8px;padding:8px;border:0;border-radius:var(--ds-component-card-radius-md);background:transparent;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto);text-align:left;cursor:pointer}.ds-selection-option__media,.ds-selection-option__trailing{display:inline-flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center}.ds-selection-option__media>*,.ds-selection-option__trailing>*{width:16px;height:16px}.ds-selection-option__label{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select__options .ds-selection-option{width:100%}.ds-selection-option.is-active{border-radius:var(--ds-component-thumb-radius);background:var(--ds-color-action-default)}.ds-selection-option.is-selected{border-radius:var(--ds-component-thumb-radius);background:transparent;color:var(--ds-color-text-accent)}.ds-selection-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ds-select__check{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url(/tft/_next/static/media/select-check-16.854fb57e.svg) center/contain no-repeat;mask:url(/tft/_next/static/media/select-check-16.854fb57e.svg) center/contain no-repeat}.ds-switch{display:inline-flex;min-height:44px;align-items:center;gap:12px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-md);line-height:var(--ds-type-line-height-auto);cursor:pointer}.ds-switch input{position:absolute;opacity:0;pointer-events:none}.ds-switch__track{display:inline-flex;width:42px;height:24px;padding:3px;border-radius:var(--ds-component-button-radius);background:var(--ds-switch-track-off);transition:background-color .16s ease}.ds-switch__track span{width:18px;height:18px;border-radius:50%;background:var(--ds-switch-thumb-off);transition:transform .16s ease}.ds-switch:hover input:not(:disabled):not(:checked)+.ds-switch__track{background:var(--ds-switch-track-off-hover)}.ds-switch input:checked+.ds-switch__track{background:var(--ds-switch-track-on)}.ds-switch:hover input:not(:disabled):checked+.ds-switch__track{background:var(--ds-switch-track-on-hover)}.ds-switch input:checked+.ds-switch__track span{transform:translateX(18px);background:var(--ds-switch-thumb-on)}.ds-switch input:focus-visible+.ds-switch__track{outline:3px solid var(--ds-switch-focus-ring);outline-offset:3px}.ds-switch input:disabled+.ds-switch__track{background:var(--ds-switch-track-disabled)}.ds-switch input:disabled+.ds-switch__track span{background:var(--ds-switch-thumb-disabled)}.ds-switch input:disabled~*{cursor:not-allowed}.ds-selection-indicator{position:relative;display:inline-block;width:12px;height:12px;border:1px solid var(--ds-color-border-neutral-default);border-radius:50%}.ds-selection-indicator.is-selected{border-color:var(--ds-color-border-selected);background:var(--ds-color-surface-1)}.ds-selection-indicator.is-selected:after{position:absolute;inset:2px;border-radius:50%;background:var(--ds-color-action-brand);content:""}.ds-filter-option,.ds-pagination-option,.ds-tab-item{min-height:44px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-tab-radius);background:var(--ds-color-surface-2);color:var(--ds-color-text-neutral-secondary);cursor:pointer}.ds-filter-option,.ds-tab-item{padding-inline:var(--ds-component-padding-medium)}.ds-pagination-option{display:inline-grid;min-width:44px;padding-inline:var(--ds-component-padding-small);place-items:center;line-height:1}.ds-pagination-option>img,.ds-pagination-option>svg{display:block;width:20px;height:20px}.ds-filter-option:hover:not(:disabled),.ds-pagination-option:hover:not(:disabled),.ds-tab-item:hover:not(:disabled){color:var(--ds-color-text-neutral-primary);border-color:var(--ds-color-border-neutral-highlight)}.ds-filter-option.is-selected,.ds-pagination-option.is-selected,.ds-tab-item.is-selected{background:var(--ds-tab-background-selected);color:var(--ds-color-text-neutral-dark);border-color:var(--ds-color-border-selected)}.ds-filter-option:disabled,.ds-pagination-option:disabled,.ds-tab-item:disabled{opacity:.5;cursor:not-allowed}.ds-tab-underline{position:relative;display:inline-flex;min-height:40px;padding:8px 12px;align-items:center;border:0;background:transparent;color:var(--ds-color-text-neutral-secondary);font:inherit;cursor:pointer}.ds-tab-underline:after{position:absolute;right:12px;bottom:0;left:12px;height:2px;background:transparent;content:""}.ds-tab-underline.is-selected,.ds-tab-underline:hover{color:var(--ds-color-text-neutral-primary)}.ds-tab-underline.is-selected:after{background:var(--ds-color-border-selected)}.ds-tab-underline:focus-visible{outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:2px}.ds-filter-toolbar{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:12px;padding-block:16px}.ds-filter-toolbar>.ds-field{width:100%}.ds-filter-toolbar__filters{display:flex;flex-direction:column;align-items:stretch;gap:12px}.ds-filter-toolbar__filters>.ds-select-root{width:100%;min-width:180px}.ds-filter-toolbar--mobile{width:min(100%,360px)}.ds-avatar{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;border-radius:50%;background:var(--ds-color-surface-2)}.ds-avatar>*{width:100%;height:100%;object-fit:cover}.ds-avatar--small{width:32px;height:32px}.ds-avatar--medium{width:40px;height:40px}.ds-avatar--large{width:56px;height:56px}.ds-champion-avatar{position:relative;display:inline-flex;overflow:hidden;flex:none;align-items:center;justify-content:center;border:0;border-radius:4px;background:var(--ds-color-surface-2)}.ds-champion-avatar:after{position:absolute;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 var(--ds-champion-avatar-stroke-width) var(--ds-champion-avatar-stroke-color);content:"";inset:0;pointer-events:none}.ds-champion-avatar>*{width:100%;height:100%;object-fit:cover}.ds-champion-avatar--40{--ds-champion-avatar-stroke-width:1px;width:40px;height:40px}.ds-champion-avatar--96{--ds-champion-avatar-stroke-width:2px;width:96px;height:96px;border-radius:8px}.ds-champion-avatar--cost-default{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-default)}.ds-champion-avatar--cost-1{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-1)}.ds-champion-avatar--cost-2{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-2)}.ds-champion-avatar--cost-3{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-3)}.ds-champion-avatar--cost-4{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-4)}.ds-champion-avatar--cost-5{--ds-champion-avatar-stroke-color:var(--ds-rating-lol-cost-5)}.ds-champion{display:inline-flex;flex-direction:column;align-items:center;gap:4px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);line-height:var(--ds-type-line-height-auto);text-align:center}.ds-champion--40{width:40px}.ds-champion--96{width:96px}.ds-champion>span:last-child{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.ds-type-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:24px;align-self:flex-start;align-items:center;gap:4px;padding-inline:8px;border:1px solid transparent;border-radius:var(--ds-component-thumb-radius);background:var(--ds-color-surface-3);color:var(--ds-color-text-neutral-secondary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto)}.ds-type-tag>span[aria-hidden=true]{display:inline-flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center}.ds-type-tag>span[aria-hidden=true]>img{width:100%;height:100%;object-fit:contain}.ds-type-tag--brand{background:transparent;color:var(--ds-color-text-accent)}.ds-type-tag--prismatic{background:var(--ds-augment-prismatic-background);border-color:var(--ds-augment-prismatic-border);color:var(--ds-augment-prismatic-foreground)}.ds-type-tag--gold{background:var(--ds-augment-gold-background);border-color:var(--ds-augment-gold-border);color:var(--ds-augment-gold-foreground)}.ds-type-tag--silver{background:var(--ds-augment-silver-background);border-color:var(--ds-augment-silver-border);color:var(--ds-augment-silver-foreground)}.ds-type-tag--tier-t0{background:var(--ds-tier-t0-background);color:var(--ds-tier-t0-foreground)}.ds-type-tag--tier-t1{background:var(--ds-tier-t1-background);color:var(--ds-tier-t1-foreground)}.ds-type-tag--tier-t2{background:var(--ds-tier-t2-background);color:var(--ds-tier-t2-foreground)}.ds-type-tag--tier-t3{background:var(--ds-tier-t3-background);color:var(--ds-tier-t3-foreground)}.ds-type-tag--tier-t4{background:var(--ds-tier-t4-background);color:var(--ds-tier-t4-foreground)}.ds-trait{position:relative;display:inline-flex;min-width:43px;height:24px;align-items:center;justify-content:center;gap:4px;padding-inline:8px;border-radius:4px;background:var(--ds-switch-track-on);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular);line-height:1}.ds-trait:before{position:absolute;border-radius:999px;background:currentColor;content:"";inset:0;opacity:.1;pointer-events:none}.ds-trait__icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.ds-trait>span:last-child,.ds-trait__icon{position:relative}.ds-trait__icon>*{width:100%;height:100%}.ds-trait--bronze{color:var(--ds-rating-lol-quality-bronze)}.ds-trait--silver{color:var(--ds-rating-lol-quality-silver)}.ds-trait--gold{color:var(--ds-rating-lol-quality-gold)}.ds-trait--prismatic{color:var(--ds-rating-lol-quality-prismatic)}.ds-trait-badge{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--ds-rating-lol-quality-bronze)}.ds-trait-badge>*{width:100%;height:100%}.ds-trait-badge:not(.has-artwork)[data-quality=inactive]{background-image:url(/tft/_next/static/media/trait-badge-inactive.9d6e6ce0.png)}.ds-trait-badge:not(.has-artwork)[data-quality=bronze]{background-image:url(/tft/_next/static/media/trait-badge-bronze.2edb0111.png)}.ds-trait-badge:not(.has-artwork)[data-quality=silver]{background-image:url(/tft/_next/static/media/trait-badge-silver.f3599b15.png)}.ds-trait-badge:not(.has-artwork)[data-quality=gold]{background-image:url(/tft/_next/static/media/trait-badge-gold.0c807bdc.png)}.ds-trait-badge:not(.has-artwork)[data-quality=prismatic]{background-image:url(/tft/_next/static/media/trait-badge-prismatic.09c52fbc.png)}.ds-trait-badge:not(.has-artwork)[data-quality=unique]{background-image:url(/tft/_next/static/media/trait-badge-unique.4c93a0e0.png)}.ds-rarity-tag,.ds-tier-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;border-radius:var(--ds-primitive-radius-sm);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-rarity-tag{position:relative;height:18px;padding:2px 4px;border:1px solid;font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular)}.ds-rarity-tag--prismatic{border-color:transparent;background:var(--ds-rarity-prismatic-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}.ds-rarity-tag--prismatic:before{position:absolute;border:1px solid transparent;border-radius:inherit;background:var(--ds-rarity-prismatic-gradient) border-box;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ds-rarity-tag--gold{background:var(--ds-rarity-gold-background);border-color:var(--ds-rarity-gold-border);color:var(--ds-rarity-gold-foreground)}.ds-rarity-tag--silver{background:var(--ds-rarity-silver-background);border-color:var(--ds-rarity-silver-border);color:var(--ds-rarity-silver-foreground)}.ds-rating-strip{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:4px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xl);font-weight:var(--ds-type-font-weight-bold);line-height:1}.ds-rating-strip--s{background:var(--ds-rarity-prismatic-gradient)}.ds-rating-strip--a{background:var(--ds-rating-lol-quality-gold)}.ds-rating-strip--b{background:var(--ds-rating-lol-quality-silver)}.ds-rating-strip--c{background:var(--ds-rating-lol-quality-bronze)}.ds-rating-strip--d{background:var(--ds-rating-lol-quality-default)}.ds-augment-rating{display:inline-block;width:48px;height:48px;flex:none;background:var(--ds-augment-rating-artwork) center /contain no-repeat}.ds-augment-rating[data-rating=S]{--ds-augment-rating-artwork:url(/tft/_next/static/media/augment-rating-s.1f1ae6f0.png)}.ds-augment-rating[data-rating=A]{--ds-augment-rating-artwork:url(/tft/_next/static/media/augment-rating-a.b3976074.png)}.ds-augment-rating[data-rating=B]{--ds-augment-rating-artwork:url(/tft/_next/static/media/augment-rating-b.e7993690.png)}.ds-augment-rating[data-rating=C]{--ds-augment-rating-artwork:url(/tft/_next/static/media/augment-rating-c.4c72bb13.png)}.ds-augment-rating[data-rating=D]{--ds-augment-rating-artwork:url(/tft/_next/static/media/augment-rating-d.493af7d6.png)}.ds-augment-rating--20{width:20px;height:20px}.ds-augment-rating--24{width:24px;height:24px}.ds-tier-tag{height:20px;padding:2px 4px;font-family:var(--ds-type-font-family-name);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-tier-tag--t0{background:var(--ds-tier-t0-background);color:var(--ds-tier-t0-foreground)}.ds-tier-tag--t1{background:var(--ds-tier-t1-background);color:var(--ds-tier-t1-foreground)}.ds-tier-tag--t2{background:var(--ds-tier-t2-background);color:var(--ds-tier-t2-foreground)}.ds-tier-tag--t3{background:var(--ds-tier-t3-background);color:var(--ds-tier-t3-foreground)}.ds-tier-tag--t4{background:var(--ds-tier-t4-background);color:var(--ds-tier-t4-foreground)}.ds-rank-badge{display:inline-grid;width:22px;height:24px;place-items:center;border-radius:0;background:url(/tft/_next/static/media/rank-badge-other.ff5cbd54.svg) 50%/22px 24px no-repeat;color:var(--ds-color-text-neutral-quaternary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-bold)}.ds-rank-badge--first{background-image:url(/tft/_next/static/media/rank-badge-first.0efe7316.svg)}.ds-rank-badge--second{background-image:url(/tft/_next/static/media/rank-badge-second.4a10c0a2.svg)}.ds-rank-badge--third{background-image:url(/tft/_next/static/media/rank-badge-third.2dedfbb5.svg)}.ds-rank-badge--other{background-image:url(/tft/_next/static/media/rank-badge-other.ff5cbd54.svg)}.ds-metric{display:flex;gap:var(--ds-primitive-space-sm);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-metric--vertical{flex-direction:column;align-items:flex-start;justify-content:center;padding-block:4px}.ds-metric--horizontal{width:220px;height:34px;align-items:center;padding-inline:12px}.ds-metric__attribute{display:flex;min-width:0;align-items:center;gap:8px}.ds-metric--horizontal .ds-metric__attribute{flex:1 1}.ds-metric__icon{display:inline-flex;width:16px;height:16px;flex:none}.ds-metric__icon>*{width:100%;height:100%}.ds-metric__label{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular)}.ds-metric>strong{color:var(--ds-color-text-neutral-primary);font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-bold)}.ds-metric--horizontal>strong{font-weight:var(--ds-type-font-weight-semibold)}.ds-trait-metric{display:inline-flex;width:112px;height:48px;align-items:center;gap:16px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-trait-metric__icon{position:relative;display:inline-grid;width:48px;height:48px;flex:none;place-items:start}.ds-trait-metric__icon>.ds-trait-badge{width:48px;height:48px}.ds-trait-metric__media{position:absolute;top:10px;left:10px;display:block;width:28px;height:28px}.ds-trait-metric__media>*{width:100%;height:100%;object-fit:contain}.ds-trait-metric>strong{display:inline-flex;width:48px;height:40px;min-width:48px;box-sizing:border-box;align-items:center;justify-content:center;padding:8px;border-radius:4px;background:rgb(255 255 255/10%);font-size:var(--ds-type-font-size-lg);font-weight:var(--ds-type-font-weight-semibold);line-height:1}.ds-trait-metric__target{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.ds-trait-metric--mobile{width:auto;height:24px;gap:4px}.ds-trait-metric--mobile .ds-trait-metric__icon,.ds-trait-metric--mobile .ds-trait-metric__icon>.ds-trait-badge{width:24px;height:24px}.ds-trait-metric--mobile .ds-trait-metric__media{top:5px;left:5px;width:14px;height:14px}.ds-trait-metric--mobile>strong{width:28px;height:20px;min-width:28px;padding:4px;font-size:var(--ds-type-font-size-xs)}.ds-champion-hex{position:relative;display:inline-block;width:72px;height:82px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular);line-height:1;text-align:center}.ds-champion-hex__shape{position:absolute;display:block;inset:0;background:url(/tft/_next/static/media/champion-hex-bg-default.abc1267b.svg) 50%/100% 100% no-repeat}.ds-champion-hex__media{position:absolute;display:flex;overflow:hidden;align-items:center;justify-content:center;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);inset:0}.ds-champion-hex__media>*{width:100%;height:100%;object-fit:cover}.ds-champion-hex__mask{position:absolute;inset:0;background:url(/tft/_next/static/media/champion-hex-mask.3a2ddc8a.svg) 50%/100% 100% no-repeat;pointer-events:none}.ds-champion-hex__border{position:absolute;inset:0;background:url(/tft/_next/static/media/champion-hex-border-default.a26e9bc0.svg) 50%/100% 100% no-repeat;pointer-events:none}.ds-champion-hex__add{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%);background:url(/tft/_next/static/media/champion-hex-add-default.86f1becb.svg) 50%/24px 24px no-repeat;pointer-events:none}.ds-champion-hex__name{position:absolute;bottom:28px;left:50%;width:48px;transform:translate(-50%,100%);overflow:hidden;font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular);letter-spacing:0;line-height:var(--ds-type-line-height-auto);text-overflow:ellipsis;white-space:nowrap}.ds-champion-hex__close{position:absolute;top:2px;left:48px;width:16px;height:16px;background:url(/tft/_next/static/media/champion-hex-close-16.a80a111a.svg) 50%/16px 16px no-repeat}.ds-champion-hex--cost-default.is-hover .ds-champion-hex__shape{background-image:url(/tft/_next/static/media/champion-hex-bg-hover.abc1267b.svg)}.ds-champion-hex--cost-default.is-hover .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-hover.b811fba9.svg)}.ds-champion-hex--cost-default.is-hover .ds-champion-hex__add{background-image:url(/tft/_next/static/media/champion-hex-add-hover.7c6b6f76.svg)}.ds-champion-hex--cost-1 .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-cost-1.2056ba30.svg)}.ds-champion-hex--cost-2 .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-cost-2.dabe7b6e.svg)}.ds-champion-hex--cost-3 .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-cost-3.ca9abcd9.svg)}.ds-champion-hex--cost-4 .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-cost-4.8cd1eafa.svg)}.ds-champion-hex--cost-5 .ds-champion-hex__border{background-image:url(/tft/_next/static/media/champion-hex-border-cost-5.169b6afa.svg)}.ds-stat-card{display:flex;min-width:140px;gap:12px;padding:16px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-2)}.ds-stat-card__icon{color:var(--ds-color-icon-accent)}.ds-list-count-item{display:grid;min-height:44px;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding-inline:12px;border-radius:var(--ds-component-card-radius-sm);color:var(--ds-color-text-neutral-secondary)}.ds-list-count-item.is-selected,.ds-list-count-item:hover:not(.is-disabled){background:var(--ds-color-surface-3);color:var(--ds-color-text-neutral-primary)}.ds-list-count-item.is-disabled{opacity:.5}.ds-pal-card,.ds-tool-card{position:relative;display:flex;overflow:hidden;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-2);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto);text-decoration:none}.ds-pal-card{width:180px;height:225px;padding:12px;flex-direction:column;align-items:stretch;gap:8px}.ds-pal-card>small{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-semibold)}.ds-pal-card__media{width:156px;height:96px;overflow:hidden;flex:0 0 auto;border-radius:6px;background:var(--ds-color-surface-3)}.ds-pal-card__media>*{width:100%;height:100%;object-fit:cover}.ds-pal-card__content{display:flex;min-width:0;flex-direction:column;gap:2px;overflow:hidden}.ds-pal-card__content>span,.ds-pal-card__content>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-pal-card__content>strong{font-size:var(--ds-type-font-size-sm)}.ds-pal-card__content>span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-xs)}.ds-pal-card__tags{display:flex;min-width:0;gap:6px;overflow:hidden}.ds-pal-card:hover:not(.is-disabled){border-color:var(--ds-color-border-neutral-highlight)}.ds-pal-card.is-selected{border-width:2px;border-color:var(--ds-color-border-selected);background:var(--ds-color-surface-brand-subtle);padding:11px}.ds-pal-card.is-disabled,.ds-tool-card.is-disabled{opacity:.5;pointer-events:none}.ds-tool-card{width:min(100%,435px);min-height:203px;padding:24px;isolation:isolate}.ds-tool-card--green{background:var(--ds-tool-card-background-green);border-color:var(--ds-tool-card-border-green)}.ds-tool-card--blue{background:var(--ds-tool-card-background-blue);border-color:var(--ds-tool-card-border-blue)}.ds-tool-card--amber{background:var(--ds-tool-card-background-amber);border-color:var(--ds-tool-card-border-amber)}.ds-tool-card__background{position:absolute;z-index:-1;inset:0 0 0 auto;width:64%}.ds-tool-card__background>*{width:100%;height:100%;object-fit:cover}.ds-tool-card__content{display:flex;width:min(72%,300px);flex-direction:column;gap:14px}.ds-tool-card__header{display:flex;min-height:48px;align-items:flex-start;justify-content:space-between;gap:12px}.ds-tool-card__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--ds-component-card-radius-sm);background:var(--ds-color-surface-brand-subtle)}.ds-tool-card__text{display:flex;flex-direction:column;gap:8px}.ds-tool-card__text>strong{font-size:var(--ds-type-font-size-lg)}.ds-tool-card__text>span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);line-height:var(--ds-type-line-height-auto)}.ds-tool-card__view-more{color:var(--ds-color-text-accent);font-size:var(--ds-type-font-size-sm)}.ds-tool-card.is-hover,.ds-tool-card:hover:not(.is-disabled){border-width:2px;border-color:var(--ds-color-border-selected);padding:23px}.ds-pal-detail-preview{position:relative;display:flex;width:min(100%,376px);flex-direction:column;gap:16px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-pal-detail-preview>small{position:absolute;inset:0 auto auto 0;font-size:var(--ds-type-font-size-sm)}.ds-pal-detail-preview__media{display:grid;width:180px;height:180px;margin-inline:auto;overflow:hidden;place-items:center;border:2px solid var(--ds-color-border-neutral-divider);border-radius:50%;background:var(--ds-color-surface-2)}.ds-pal-detail-preview__media>*{width:100%;height:100%;object-fit:cover}.ds-pal-detail-preview__identity{display:flex;flex-direction:column;gap:8px}.ds-pal-detail-preview__identity>strong{font-size:var(--ds-type-font-size-2xl);font-weight:var(--ds-type-font-weight-semibold)}.ds-pal-detail-preview__identity>span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-pal-detail-preview__identity>div,.ds-pal-skill__tags{display:flex;flex-wrap:wrap;gap:8px}.ds-pal-detail-section{display:flex;width:min(100%,376px);flex-direction:column;gap:16px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-aram-card h3,.ds-pal-detail-section h3,.ds-pal-skill h3{margin:0}.ds-pal-detail-section h3{font-size:var(--ds-type-font-size-sm)}.ds-pal-detail-section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ds-pal-detail-section .ds-metric,.ds-pal-skill .ds-metric{padding:8px;border-radius:var(--ds-component-card-radius-sm);background:var(--ds-color-surface-3)}.ds-pal-detail-section .ds-metric>strong,.ds-pal-skill .ds-metric>strong{color:var(--ds-color-text-neutral-primary)}.ds-pal-detail-section--active-skills>div,.ds-pal-detail-section--stats>div{display:flex;flex-wrap:wrap;gap:8px}.ds-pal-detail-section--active-skills .ds-type-tag{flex:0 0 auto}.ds-pal-detail-section--partner-skill>div{display:flex;min-height:72px;padding:8px;align-items:center;gap:8px;border-radius:var(--ds-component-card-radius-sm);background:var(--ds-color-surface-3)}.ds-pal-skill{display:flex;width:min(100%,376px);padding:16px;flex-direction:column;gap:16px;border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-3);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-pal-skill__header{display:flex;align-items:center;gap:16px}.ds-pal-skill__header>div{display:flex;min-width:0;flex-direction:column;gap:8px}.ds-pal-skill__artwork{display:inline-flex;width:48px;height:48px;overflow:hidden;flex:none;align-items:center;justify-content:center;border-radius:50%}.ds-pal-skill__artwork>*{width:100%;height:100%;object-fit:cover}.ds-pal-skill h3{font-size:var(--ds-type-font-size-lg)}.ds-pal-skill p{margin:0;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);line-height:var(--ds-type-line-height-auto)}.ds-pal-skill__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.ds-pal-skill details{display:flex;flex-direction:column;gap:12px}.ds-pal-skill summary{display:flex;align-items:center;justify-content:space-between;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-bold);cursor:pointer;list-style:none}.ds-pal-skill summary::-webkit-details-marker{display:none}.ds-pal-skill summary:after{width:20px;height:20px;flex:none;background:url(/tft/_next/static/media/pal-skill-chevron-down-20.3d2f8fbf.svg) 50%/20px 20px no-repeat;content:""}.ds-pal-skill--expanded summary:after{background-image:url(/tft/_next/static/media/pal-skill-chevron-up-20.f59299da.svg)}.ds-pal-skill__learnable{display:flex;margin-top:0;flex-wrap:wrap;gap:8px;overflow:hidden}.ds-pal-skill__learnable>.ds-avatar{flex:none}.ds-pal-skill--collapsed .ds-pal-skill__learnable{max-height:40px}.ds-pal-skill--passive{gap:12px}.ds-pal-skill--active .ds-pal-skill__header{align-items:flex-start}.ds-pal-skill--active .ds-pal-skill__header>div,.ds-pal-skill--passive .ds-pal-skill__header>div{width:100%;gap:12px}.ds-pal-skill--active .ds-pal-skill__artwork,.ds-pal-skill--general .ds-pal-skill__metrics,.ds-pal-skill--general details,.ds-pal-skill--partner .ds-pal-skill__metrics,.ds-pal-skill--partner details,.ds-pal-skill--passive .ds-pal-skill__artwork,.ds-pal-skill--passive details{display:none}.ds-tft-composition{display:flex;width:min(100%,584px);height:auto;min-height:234px;padding:16px;overflow:hidden;container-type:inline-size;flex-direction:column;align-items:flex-start;gap:16px;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);transition:border-color .16s ease,background-color .16s ease}.ds-tft-composition>header{display:flex;width:100%;min-width:0;align-items:center;gap:12px}.ds-tft-composition>header>div{display:flex;min-width:0;flex:1 1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.ds-tft-composition>header strong{width:100%;min-width:0;overflow:hidden;font-size:var(--ds-type-font-size-md);text-overflow:ellipsis;white-space:nowrap}.ds-tft-composition__rating{display:inline-flex;width:40px;height:40px;flex:none}.ds-tft-composition__cost{display:inline-flex;flex:none;align-items:center;gap:4px;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-aram-tier-card__cost i,.ds-tft-composition__cost i{width:20px;height:20px;flex:none;background:url(/tft/_next/static/media/champion-cost-20.ae0a73d0.svg) 50%/16.2021px 14.5557px no-repeat}.ds-tft-composition__champions,.ds-tft-composition__traits{display:flex;min-width:0;align-items:center;gap:8px;overflow:hidden}.ds-tft-composition__traits{width:100%;height:auto;flex-wrap:wrap;overflow:visible}.ds-tft-composition__traits>.ds-type-tag{flex:none;white-space:nowrap}.ds-tft-composition__champions{width:100%;height:40px;flex:none}.ds-tft-composition__champion-slot{display:inline-flex;min-width:0;max-width:40px;flex:1 1 40px;aspect-ratio:1}.ds-tft-composition__champion-slot .ds-champion-avatar--40,.ds-tft-composition__champion-slot>*{width:100%;height:100%}.ds-tft-composition__metrics{display:flex;width:100%;align-items:stretch;gap:8px}.ds-tft-composition__metrics>.ds-metric{min-width:0;flex:1 1}.ds-tft-composition__metrics>.ds-divider--vertical{height:auto;align-self:stretch}.ds-tft-composition.is-hover,.ds-tft-composition.is-selected,.ds-tft-composition:hover{padding:15px;border:2px solid var(--ds-color-border-selected)}.ds-tft-composition--mobile,.ds-tft-composition.is-selected{background:var(--ds-color-surface-2)}.ds-tft-composition--mobile{width:min(100%,313px);height:auto;min-height:191.1px;padding:8px;gap:12px;border-color:transparent}.ds-tft-composition--mobile>header strong{font-size:var(--ds-type-font-size-sm)}.ds-tft-composition--mobile .ds-tft-composition__champions{height:40px;gap:4px}.ds-tft-composition--mobile .ds-tft-composition__champion-slot{width:min(40px,calc((100% - 36px) / 10));max-width:40px;height:auto;flex:none}.ds-tft-composition--mobile .ds-tft-composition__champion-slot .ds-champion-avatar--40{--ds-champion-avatar-stroke-width:1px}@container (max-width: 400px){.ds-tft-composition--desktop .ds-tft-composition__champions{gap:4px}.ds-tft-composition--desktop .ds-tft-composition__champion-slot{width:calc((100% - 36px) / 10);max-width:none;flex:none}}.ds-tft-composition--mobile.is-hover,.ds-tft-composition--mobile.is-selected,.ds-tft-composition--mobile:hover{padding:7px;border-width:2px;border-color:var(--ds-color-border-selected)}.ds-tft-composition.is-fluid{width:100%;max-width:none;height:100%}.ds-champion-detail__related-grid .ds-tft-composition.is-fluid{height:100%}.ds-pal-breeding{display:flex;width:min(100%,373px);padding:16px;flex-direction:column;gap:20px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-pal-breeding>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ds-pal-breeding>div>span{display:grid;min-width:72px;grid-gap:6px;gap:6px;place-items:center}.ds-pal-breeding b{color:var(--ds-color-text-neutral-tertiary)}.ds-lol-skill{display:flex;width:100%;min-height:152px;padding:16px;flex-direction:column;gap:16px;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-lol-skill>header{display:flex;align-items:center;gap:12px;overflow:hidden}.ds-lol-skill__artwork{display:inline-flex;width:64px;height:64px;overflow:hidden;flex:none;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-card-radius-sm);background:var(--ds-color-surface-3)}.ds-lol-skill__artwork>*{width:100%;height:100%;object-fit:cover}.ds-lol-skill header>div{display:flex;min-width:0;flex-direction:column;gap:8px}.ds-lol-skill header h3{margin:0;overflow:hidden;font-size:var(--ds-type-font-size-lg);text-overflow:ellipsis;white-space:nowrap}.ds-lol-skill__mana{display:inline-flex;align-items:center;gap:4px;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-lol-skill__mana-icon{display:inline-flex;width:16px;height:16px;overflow:hidden;flex:none;background:url(/tft/_next/static/media/lol-mana-16.5c6c8fef.png) 50%/16px 16px no-repeat}.ds-lol-skill__mana-icon>*{width:100%;height:100%;object-fit:cover}.ds-lol-skill__body{display:flex;flex-direction:column;gap:8px;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-lol-skill__body p{margin:0}.ds-lol-skill--mobile{max-width:none}.ds-champion-summary{display:flex;width:100%;max-width:1200px;padding:16px;flex-direction:column;align-items:stretch;gap:16px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-champion-summary__identity{display:flex;min-width:0;height:96px;align-items:center;gap:16px}.ds-champion-summary__content{display:flex;overflow:hidden;min-width:0;flex:1 1;flex-direction:column;align-items:flex-start;gap:12px}.ds-champion-summary__info{display:flex;overflow:hidden;align-items:center;gap:8px}.ds-champion-summary__info h2{margin:0;overflow:hidden;font-size:var(--ds-type-font-size-lg);font-weight:var(--ds-type-font-weight-bold);line-height:var(--ds-type-line-height-auto);text-overflow:ellipsis;white-space:nowrap}.ds-champion-summary__cost{display:inline-flex;flex:none;align-items:center;gap:4px;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold);line-height:var(--ds-type-line-height-auto)}.ds-champion-summary__cost i{display:block;width:20px;height:20px;flex:none;background:url(/tft/_next/static/media/champion-cost-20.ae0a73d0.svg) 50%/16.2021px 14.5557px no-repeat}.ds-champion-summary__secondary{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-champion-summary__traits{display:flex;overflow:hidden;max-width:100%;align-items:flex-start;gap:8px}.ds-champion-summary__metrics{display:flex;overflow:hidden;width:100%;align-items:stretch;gap:16px}.ds-champion-summary__metrics>.ds-metric{min-width:0;flex:1 1}.ds-champion-summary__metrics>.ds-metric>strong{color:var(--ds-color-text-neutral-primary)}.ds-champion-summary--desktop{height:199px;min-height:199px;flex-direction:column;align-items:stretch;gap:16px}.ds-champion-summary--desktop .ds-champion-summary__identity{width:100%}.ds-champion-summary--mobile{width:100%;min-width:0;max-width:100%}.ds-champion-summary--mobile .ds-champion-summary__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-row-gap:8px;row-gap:8px}.ds-aram-card{position:relative;display:flex;box-sizing:border-box;border:var(--ds-component-panel-border-width) solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto);transition:border-color .16s ease,background-color .16s ease}.ds-aram-card.is-hover,.ds-aram-card.is-selected,.ds-aram-card:hover{border-width:2px;border-color:var(--ds-color-border-selected)}.ds-aram-status{display:flex;min-width:72px;padding:8px;flex-direction:column;align-items:center;gap:4px}.ds-aram-status strong{font-size:var(--ds-type-font-size-sm)}.ds-aram-status span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-xs);text-align:center}.ds-aram-tier-card{width:min(100%,226px);padding:12px;flex-direction:column;align-items:center;gap:16px}.ds-aram-tier-card>.ds-tier-tag{position:absolute;top:7px;right:7px}.ds-aram-tier-card>.ds-rank-badge{position:absolute;top:-1px;left:9px}.ds-aram-tier-card__identity{gap:8px}.ds-aram-tier-card__details,.ds-aram-tier-card__identity{display:flex;width:100%;flex-direction:column;align-items:center}.ds-aram-tier-card__details{gap:4px}.ds-aram-tier-card__identity>.ds-avatar{position:relative;width:96px;height:96px;overflow:hidden;border:0;border-radius:8px}.ds-aram-tier-card__identity>.ds-avatar>*{border-radius:inherit}.ds-aram-tier-card__identity>.ds-avatar:after{position:absolute;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--ds-color-border-selected);content:"";inset:0;pointer-events:none}.ds-aram-tier-card .ds-aram-tier-card__details h3{margin:0;font-size:var(--ds-type-font-size-lg);text-align:center}.ds-aram-tier-card__cost{display:inline-flex;align-items:center;gap:4px;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-aram-tier-card__types{display:flex;max-width:100%;gap:4px;overflow:hidden}.ds-aram-tier-card__metrics{display:flex;width:100%;justify-content:center;overflow:hidden}.ds-aram-tier-card__metrics>.ds-aram-status{width:0;min-width:0;flex:1 1}.ds-aram-tier-card__metrics>*+*{border-left:1px solid var(--ds-color-border-neutral-divider)}.ds-aram-augment-card,.ds-aram-build-card{width:min(100%,380px);padding:16px;flex-direction:column;gap:16px}.ds-aram-augment-card header,.ds-aram-build-card header{display:flex;align-items:center;gap:16px}.ds-aram-augment-card header>div,.ds-aram-augment-card section,.ds-aram-build-card header>div,.ds-aram-build-card section{display:flex;min-width:0;flex-direction:column;gap:8px}.ds-aram-build-card header h3{margin:0;font-size:var(--ds-type-font-size-lg)}.ds-aram-augment-card header h3{margin:0;font-size:var(--ds-type-font-size-md)}.ds-aram-augment-card header h3,.ds-aram-augment-card section>strong,.ds-aram-build-card section>strong{font-weight:var(--ds-type-font-weight-semibold)}.ds-aram-augment-card section>div,.ds-aram-build-card section>div{display:flex;gap:8px;overflow:hidden}.ds-aram-build-card__avatar{position:relative;width:48px;height:48px;border:0}.ds-aram-build-card__avatar:after{position:absolute;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ds-color-border-selected);content:"";inset:0;pointer-events:none}.ds-aram-tier-simple{width:min(100%,318px);height:97px;padding:12px;align-items:center;gap:16px}.ds-aram-tier-simple__avatar{width:72px;height:72px;flex:none}.ds-aram-tier-simple__content{display:flex;overflow:hidden;min-width:0;flex:1 1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.ds-aram-tier-simple__content h3{width:100%;margin:0;overflow:hidden;font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.ds-aram-tier-simple__cost{display:flex;width:100%;align-items:center;gap:4px;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-aram-tier-simple__cost i{display:block;width:20px;height:20px;flex:none;background:url(/tft/_next/static/media/champion-cost-20.ae0a73d0.svg) 50%/16.2021px 14.5557px no-repeat}.ds-aram-tier-simple__types{display:flex;overflow:hidden;max-width:100%;align-items:center;gap:8px}.ds-aram-tier-simple__types>*{flex:none}.ds-aram-augment-card.is-default{padding:12px}.ds-aram-augment-card__art{width:48px;height:48px;overflow:hidden;flex:none;background:var(--ds-color-surface-2)}.ds-aram-augment-card__art>*{width:100%;height:100%;object-fit:cover}.ds-aram-augment-card[data-accent-quality=inactive]{--ds-aram-card-accent:var(--ds-rating-lol-quality-default)}.ds-aram-augment-card[data-accent-quality=bronze]{--ds-aram-card-accent:var(--ds-rating-lol-quality-bronze)}.ds-aram-augment-card[data-accent-quality=silver]{--ds-aram-card-accent:var(--ds-rating-lol-quality-silver)}.ds-aram-augment-card[data-accent-quality=gold]{--ds-aram-card-accent:var(--ds-rating-lol-quality-gold)}.ds-aram-augment-card[data-accent-quality=unique]{--ds-aram-card-accent:var(--ds-rating-lol-quality-unique)}.ds-aram-augment-card[data-accent-quality=prismatic]{--ds-aram-card-accent:var(--ds-rating-lol-quality-prismatic)}.ds-aram-augment-card[data-accent-quality] .ds-aram-augment-card__art,.ds-aram-augment-card[data-accent-quality] .ds-aram-augment-card__title h3{color:var(--ds-aram-card-accent)}.ds-aram-augment-card__title{display:flex;min-width:0;max-width:100%;align-items:center;gap:8px}.ds-aram-augment-card__title h3{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.ds-aram-augment-card__title .ds-augment-rating{flex:none}.ds-aram-augment-card__type{display:flex;min-width:0;min-height:18px;align-items:center}.ds-aram-augment-card section .ds-avatar{position:relative;border:0}.ds-aram-augment-card section .ds-avatar:after{position:absolute;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ds-color-border-selected);content:"";inset:0;pointer-events:none}.ds-aram-augment-card__effect p{margin:0;overflow-wrap:anywhere}.ds-aram-augment-card__effect p,.ds-augment-effect-row{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-xs)}.ds-augment-effect-row{display:grid;overflow:visible;width:100%;min-width:0;grid-template-columns:24px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;font-family:var(--ds-type-font-family-base)}.ds-augment-effect-row__unit{display:inline-flex;box-sizing:border-box;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;flex:0 0 24px;align-items:center;justify-content:center;border:1px solid var(--ds-color-border-neutral-default);border-radius:50%;aspect-ratio:1;white-space:nowrap}.ds-augment-effect-row p{min-width:0;margin:0;color:inherit;font-size:inherit;overflow-wrap:anywhere}.ds-aram-item-icon{position:relative;display:inline-flex;width:40px;height:40px;overflow:hidden;flex:none;align-items:center;justify-content:center;border:1px solid var(--ds-color-border-selected);border-radius:6px;background:var(--ds-color-surface-2)}.ds-aram-item-icon img{width:36px;height:36px;border-radius:4px;object-fit:cover}.ds-aram-tooltip{display:flex;max-width:160px;flex-direction:column;align-items:center;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs);line-height:var(--ds-type-line-height-auto)}.ds-aram-tooltip>div{display:flex;padding:8px;flex-direction:column;gap:4px;border-radius:6px;background:var(--ds-tooltip-surface)}.ds-aram-tooltip span{color:var(--ds-color-text-neutral-secondary)}.ds-aram-tooltip i{width:0;height:0;border-top:6px solid var(--ds-tooltip-surface);border-right:6px solid transparent;border-left:6px solid transparent}.ds-navbar-item{display:inline-flex;height:42px;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:4px;padding-inline:16px;border-radius:var(--ds-component-button-radius);color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto);text-align:left;text-decoration:none}.ds-navbar-item:hover{color:var(--ds-color-text-neutral-primary)}.ds-navbar-item.is-selected{color:var(--ds-color-text-accent);font-weight:var(--ds-type-font-weight-semibold)}.ds-navbar-item.is-disabled{opacity:.5;pointer-events:none}.ds-navbar-item__icon{display:inline-flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center}.ds-icon-placeholder-navbar{display:block;width:12px;height:12px;border:1.5px solid var(--ds-color-text-neutral-secondary);border-radius:3px}.ds-logo-slot-global-navigation{display:inline-flex;width:126px;height:40px;align-items:center;justify-content:center}.ds-product-logo{display:block;flex:none;object-fit:contain}.ds-product-logo--mobile{width:32px;height:32px}.ds-product-logo--desktop{height:40px}.ds-chevron-next{display:inline-block;flex:none;background:currentColor;-webkit-mask:url(/tft/_next/static/media/chevron-next-16.05d9d7db.svg) center/contain no-repeat;mask:url(/tft/_next/static/media/chevron-next-16.05d9d7db.svg) center/contain no-repeat}.ds-chevron-next--16{width:16px;height:16px}.ds-chevron-next--20{width:20px;height:20px;-webkit-mask-image:url(/tft/_next/static/media/chevron-next-20.bc18a036.svg);mask-image:url(/tft/_next/static/media/chevron-next-20.bc18a036.svg)}.ds-breadcrumb{color:var(--ds-color-text-neutral-tertiary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto)}.ds-breadcrumb ol{display:flex;min-height:48px;margin:0;padding:var(--ds-primitive-space-md) 0;list-style:none}.ds-breadcrumb li,.ds-breadcrumb ol{align-items:center;gap:var(--ds-primitive-space-xs)}.ds-breadcrumb li{display:inline-flex;white-space:nowrap}.ds-breadcrumb a{color:inherit;text-decoration:none}.ds-breadcrumb a:hover{color:var(--ds-color-text-neutral-primary)}.ds-breadcrumb a:focus-visible{border-radius:var(--ds-primitive-radius-sm);outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:3px}.ds-breadcrumb [aria-current=page]{color:var(--ds-color-text-neutral-primary)}.ds-breadcrumb__separator{display:inline-flex;color:var(--ds-color-icon-neutral-tertiary)}.ds-global-nav{position:relative;z-index:50;background:var(--ds-color-mask-mask);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-global-nav--desktop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ds-global-nav__bar{display:grid;width:min(100%,var(--ds-content-max-width));min-height:64px;margin-inline:auto;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:8px 16px}.ds-global-nav__items,.ds-global-nav__logo{display:flex;min-width:0;align-items:center}.ds-global-nav__items{justify-content:flex-start;gap:8px;overflow:hidden}.ds-global-nav__menu{display:inline-flex;width:24px;height:40px;padding:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ds-color-icon-neutral-primary)}.ds-global-nav__brand{display:flex;min-width:0;align-items:center;gap:12px}.ds-global-nav__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ds-global-nav__action,.ds-global-nav__language{display:inline-flex;flex:none}.ds-global-nav__language .ds-select-root{width:-moz-fit-content;width:fit-content}.ds-global-nav__language .ds-select{width:100%}.ds-global-nav__mobile{position:absolute;top:100%;right:0;left:0;display:flex;padding:8px;flex-direction:column;border-top:1px solid var(--ds-color-border-neutral-divider);background:var(--ds-color-mask-mask);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ds-global-nav__mobile .ds-navbar-item{width:100%;justify-content:flex-start}.ds-global-nav__mobile-action{padding:8px 16px}.ds-global-nav--mobile .ds-global-nav__items,.ds-global-nav--tablet .ds-global-nav__items{display:none}.ds-global-nav--mobile .ds-global-nav__bar,.ds-global-nav--tablet .ds-global-nav__bar{width:100%;grid-template-columns:minmax(0,1fr) auto}.ds-global-nav--mobile .ds-global-nav__logo,.ds-global-nav--tablet .ds-global-nav__logo{justify-self:start}.ds-global-nav--mobile .ds-logo-slot-global-navigation,.ds-global-nav--tablet .ds-logo-slot-global-navigation{width:32px;height:32px}.ds-global-nav--mobile .ds-global-nav__actions,.ds-global-nav--tablet .ds-global-nav__actions{gap:12px}.ds-global-nav--mobile.is-open .ds-global-nav__mobile,.ds-global-nav--tablet.is-open .ds-global-nav__mobile{min-height:204px}.ds-page-header{position:relative;display:flex;width:100%;max-width:1200px;overflow:hidden;padding:24px 0;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto);text-align:left}.ds-page-header.has-artwork{min-height:200px}.ds-page-header__artwork{position:absolute;inset:0}.ds-page-header__artwork:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,rgba(7,16,25,.96),rgba(7,16,25,.7) 48%,rgba(7,16,25,.08))}.ds-page-header__artwork>*{width:100%;height:100%;object-fit:cover}.ds-page-header>div{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px}.ds-page-header h1{font-size:var(--ds-type-font-size-3xl);font-weight:var(--ds-type-font-weight-bold);letter-spacing:0}.ds-page-header h1,.ds-page-header p{margin:0;line-height:var(--ds-type-line-height-auto)}.ds-page-header p{max-width:720px;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-page-header--tablet{padding-block:16px}.ds-page-header--tablet.has-artwork{min-height:176px}.ds-page-header.ds-page-header--mobile{width:100%;padding-block:16px}.ds-page-header.ds-page-header--mobile.has-artwork{min-height:152px}.ds-page-header.ds-page-header--mobile h1{font-size:var(--ds-type-font-size-xl)}.ds-section-header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-section-header,.ds-section-header h2{line-height:var(--ds-type-line-height-auto)}.ds-section-header h2{margin:0;font-size:var(--ds-type-font-size-xl);font-weight:var(--ds-type-font-weight-bold)}.ds-section-header a{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--ds-color-text-accent);font-size:var(--ds-type-font-size-sm);line-height:var(--ds-type-line-height-auto);text-decoration:none;white-space:nowrap}.ds-section-header a:focus-visible{border-radius:var(--ds-primitive-radius-sm);outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:3px}.ds-divider{display:block;flex:none;border:0;background:var(--ds-color-border-neutral-divider)}.ds-divider--horizontal{width:328px;max-width:100%;height:1px}.ds-divider--vertical{width:1px;height:40px}.ds-footer{padding-block:24px;border-top:1px solid var(--ds-color-border-neutral-divider);background:var(--ds-color-background-base);color:var(--ds-color-text-neutral-secondary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto)}.ds-footer-item{display:block;width:-moz-fit-content;width:fit-content;text-decoration:none}.ds-footer-item--title{margin-bottom:12px;color:var(--ds-color-text-neutral-primary);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold)}.ds-footer-item--text{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-regular);line-height:var(--ds-type-line-height-auto)}.ds-footer-item--text.is-hover,.ds-footer-item--text.is-selected,.ds-footer-item--text:hover{color:var(--ds-color-text-accent)}.ds-footer-item.is-focus{outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:2px}.ds-footer-item.is-disable,.ds-footer-item.is-disabled{color:var(--ds-color-text-neutral-tertiary);pointer-events:none}.ds-footer__content,.ds-footer__groups,.ds-footer__summary{display:grid;grid-gap:24px;gap:24px}.ds-footer__follow,.ds-footer__intro{display:flex;flex-direction:column;align-items:flex-start}.ds-footer__intro{gap:12px}.ds-footer__intro p{margin:0;font-size:var(--ds-type-font-size-xs);line-height:var(--ds-type-line-height-auto)}.ds-footer__follow{gap:8px}.ds-footer__follow .ds-footer-item--title{margin:0}.ds-footer nav{display:flex;flex-direction:column;gap:8px}.ds-footer nav strong{color:var(--ds-color-text-neutral-primary)}.ds-footer a{display:inline-flex;min-height:24px;align-items:center;color:inherit;text-decoration:none}.ds-footer a:focus-visible,.ds-footer a:hover{color:var(--ds-color-text-neutral-primary)}.ds-footer__legal{display:flex;padding-top:16px;flex-direction:column;gap:8px;border-top:1px solid var(--ds-color-border-neutral-divider);font-size:var(--ds-type-font-size-sm)}.ds-modal{width:min(520px,calc(100% - 24px));padding:20px 24px;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-2);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);line-height:var(--ds-type-line-height-auto);text-align:center}.ds-modal::-webkit-backdrop{background:var(--ds-color-mask-mask)}.ds-modal::backdrop{background:var(--ds-color-mask-mask)}.ds-modal__close{position:absolute;top:12px;right:12px;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ds-color-icon-neutral-primary)}.ds-modal__close-icon{display:block;width:24px;height:24px;background:currentColor;-webkit-mask:url(/tft/_next/static/media/close-24.91f2b517.svg) center/contain no-repeat;mask:url(/tft/_next/static/media/close-24.91f2b517.svg) center/contain no-repeat}.ds-modal h2{margin:8px 36px 0}.ds-modal p{color:var(--ds-color-text-neutral-secondary);line-height:var(--ds-type-line-height-auto)}.ds-modal__actions{display:flex;margin-top:20px;gap:12px}.ds-modal__actions>*{flex:1 1}.ds-blog-list-item{display:flex;width:100%;gap:24px;padding-block:24px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);text-decoration:none}.ds-blog-list-item.has-divider{border-bottom:1px solid var(--ds-color-border-neutral-divider)}.ds-blog-list-item__cover{width:288px;height:164px;overflow:hidden;flex:none;border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-3)}.ds-blog-list-item__cover>*{width:100%;height:100%;object-fit:cover}.ds-blog-list-item__content{display:flex;min-width:0;flex:1 1;flex-direction:column;gap:8px}.ds-blog-list-item__content>strong{overflow:hidden;font-size:var(--ds-type-font-size-xl);text-overflow:ellipsis;white-space:nowrap}.ds-blog-list-item time,.ds-blog-list-item__content>span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-blog-list-item__content>span:not(.ds-type-tag){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-blog-list-item time{margin-top:auto}.ds-blog-list-item--mobile{gap:12px;padding-block:16px}.ds-blog-list-item--mobile .ds-blog-list-item__cover{width:148px;height:84px}.ds-blog-list-item--mobile .ds-blog-list-item__content>strong{font-size:var(--ds-type-font-size-md)}.ds-blog-list-item--mobile .ds-blog-list-item__content>span:not(.ds-type-tag){display:none}.ds-blog-article-header{display:flex;max-width:960px;flex-direction:column;gap:12px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-blog-article-header h1{margin:0;font-size:var(--ds-type-font-size-4xl);line-height:1.15}.ds-blog-article-header p{margin:0;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-md)}.ds-blog-article-header time{color:var(--ds-color-text-neutral-tertiary);font-size:var(--ds-type-font-size-sm)}.ds-blog-article-header--mobile h1{font-size:var(--ds-type-font-size-2xl)}.ds-blog-heading{margin:24px 0 12px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-blog-heading--2{font-size:var(--ds-type-font-size-2xl)}.ds-blog-heading--3{font-size:var(--ds-type-font-size-xl)}.ds-blog-heading--inline{margin-block:16px 8px;font-size:var(--ds-type-font-size-md)}.ds-blog-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-card-radius-md)}.ds-blog-table{width:100%;border-collapse:collapse;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-sm);text-align:left}.ds-blog-table caption{padding:12px;color:var(--ds-color-text-neutral-secondary);text-align:left}.ds-blog-table td,.ds-blog-table th{min-width:140px;padding:12px;border-bottom:1px solid var(--ds-color-border-neutral-divider)}.ds-blog-table th{background:var(--ds-color-surface-2)}.ds-blog-step{display:grid;grid-template-columns:32px minmax(0,1fr);grid-gap:12px;gap:12px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-blog-step>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--ds-color-surface-brand-subtle);color:var(--ds-color-text-accent)}.ds-blog-step h3{margin:4px 0 8px}.ds-blog-media{width:min(100%,1152px);margin:0;padding-block:24px;justify-content:center;color:var(--ds-color-text-neutral-secondary);font-family:var(--ds-type-font-family-base);font-size:var(--ds-type-font-size-xs)}.ds-blog-media,.ds-blog-media>div{display:flex;flex-direction:column;align-items:center;gap:16px}.ds-blog-media>div{width:min(100%,844px)}.ds-blog-media>div>*{width:100%;height:480px;overflow:hidden;border-radius:var(--ds-component-thumb-radius);object-fit:cover}.ds-blog-media>div>img,.ds-blog-media>div>video{display:block;width:100%;height:480px;object-fit:cover}.ds-blog-media figcaption{width:min(100%,844px);margin:0}.ds-blog-media--mobile{width:min(100%,328px);padding-block:12px;align-items:flex-start;gap:12px}.ds-blog-media--mobile>div{width:100%;gap:12px}.ds-blog-media--mobile>div>*{width:100%;height:auto;aspect-ratio:1152/655}.ds-blog-media--mobile>div>img,.ds-blog-media--mobile>div>video{height:auto}.ds-blog-media--mobile figcaption{width:100%}.ds-blog-share{display:flex;width:138px;padding:8px;flex-direction:column;align-items:stretch;gap:0;border:var(--ds-component-input-border-width) solid var(--ds-color-border-neutral-line);border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-3)}.ds-blog-share>button{display:block;width:122px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ds-blog-share>button>.ds-selection-option{width:100%}.ds-blog-share>button:disabled{cursor:not-allowed}.ds-blog-share button:focus-visible,.ds-faq-item button:focus-visible{outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:2px}.ds-blog-data-state{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--ds-color-text-neutral-secondary);font-family:var(--ds-type-font-family-base);text-align:center}.ds-blog-data-state__loader{width:24px;height:24px;border:2px solid var(--ds-color-border-neutral-default);border-top-color:var(--ds-color-action-brand);border-radius:50%;animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-tft-builder{background:var(--ds-color-background-base);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-tft-builder__board-footer,.ds-tft-builder__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-tft-builder__workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;align-items:stretch;grid-gap:12px;gap:12px;padding-block:16px}.ds-tft-builder__board-panel{display:grid;min-width:0;grid-template-columns:max-content minmax(0,1fr);grid-gap:12px;gap:12px;padding:16px;overflow:hidden;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-1)}.ds-tft-builder__traits{display:flex;width:144px;min-width:0;max-width:144px;height:541px;flex-direction:column;gap:12px}.ds-tft-builder__traits>header{display:grid;min-height:53px;place-items:center;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-md);text-align:center}.ds-tft-builder__trait-list,.ds-tft-builder__traits>header{border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-3)}.ds-tft-builder__trait-list{display:grid;width:100%;max-width:none;min-height:0;box-sizing:border-box;padding:16px 12px;flex:1 1;align-content:start;grid-gap:16px;gap:16px;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgb(205 163 82/78%) rgb(255 255 255/6%);scrollbar-gutter:stable;scrollbar-width:thin}.ds-tft-builder__trait-list[data-empty=true]{width:144px;place-content:center}.ds-tft-builder__trait-list>p{max-width:100%;margin:0;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);text-align:center;overflow-wrap:anywhere}.ds-tft-builder__trait-list .ds-trait-metric{width:104px;gap:8px}.ds-tft-builder__trait-list .ds-trait-metric>strong{width:44px;min-width:44px}.ds-tft-builder__trait-list::-webkit-scrollbar{width:8px;height:8px}.ds-tft-builder__trait-list::-webkit-scrollbar:horizontal{display:none}.ds-tft-builder__trait-list::-webkit-scrollbar-track{border-radius:999px;background:rgb(255 255 255/6%)}.ds-tft-builder__trait-list::-webkit-scrollbar-thumb{border:2px solid var(--ds-color-surface-3);border-radius:999px;background:linear-gradient(180deg,rgb(232 189 96/92%),rgb(124 93 42/92%))}.ds-tft-builder__trait-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgb(255 213 124/96%),rgb(160 119 48/96%))}.ds-tft-builder__board-main,.ds-tft-builder__pool-panel{min-width:0;overflow:hidden;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-panel-radius);background:var(--ds-color-surface-1)}.ds-tft-builder__board-main{display:flex;height:541px;padding:0;flex-direction:column;border:0;border-radius:0;background:transparent}.ds-tft-builder__toolbar{min-height:40px;margin:0}.ds-tft-builder__toolbar h2{margin:0;font-size:var(--ds-type-font-size-lg);text-transform:uppercase}.ds-tft-builder__toolbar>div{display:flex;align-items:center;gap:8px}.ds-tft-builder__cost{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--ds-color-text-neutral-primary);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold);line-height:1;white-space:nowrap}.ds-tft-builder__cost>i{width:20px;height:20px;flex:none;background:url(/tft/_next/static/media/champion-cost-20.ae0a73d0.svg) 50%/16.2021px 14.5557px no-repeat}.ds-tft-builder__auto-icon,.ds-tft-builder__clear-icon{display:block;width:16px;height:16px;background-position:50%;background-repeat:no-repeat;background-size:16px}.ds-tft-builder__clear-icon{background-image:url(/tft/_next/static/media/trash-16.d442d0ef.svg)}.ds-tft-builder__auto-icon{background-image:url(/tft/_next/static/media/autorenew-16.4bac3a63.svg)}.ds-tft-builder__board{position:relative;display:grid;min-height:388px;flex:1 1;place-items:center;overflow:hidden;border-radius:var(--ds-component-panel-radius);background:transparent}.ds-tft-builder__grid{display:grid;width:618px;min-width:618px;height:292px;grid-template-columns:repeat(7,72px);grid-template-rows:repeat(4,70px);grid-gap:0 12px;gap:0 12px}.ds-tft-builder__cell{width:72px;height:82px}.ds-tft-builder__cell:nth-child(n+22):nth-child(-n+28),.ds-tft-builder__cell:nth-child(n+8):nth-child(-n+14){transform:translateX(42px)}.ds-tft-builder__unit{display:block;width:72px;height:82px;padding:0;border:0;background:transparent;color:inherit;cursor:-webkit-grab;cursor:grab}.ds-tft-builder__unit:focus-visible{outline:2px solid var(--ds-color-border-selected);outline-offset:2px}.ds-tft-builder__board-footer{justify-content:center;padding-top:12px;color:var(--ds-color-text-neutral-tertiary);font-size:var(--ds-type-font-size-xs)}.ds-tft-builder__board-footer>.ds-button{width:280px;max-width:100%}.ds-tft-builder__pool-panel{padding:12px}.ds-tft-builder__pool-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border-bottom:1px solid var(--ds-color-border-neutral-divider)}.ds-tft-builder__pool-tabs>button{display:flex;height:40px;padding:0 8px;align-items:center;justify-content:center;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ds-color-text-neutral-secondary);font:inherit;font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-semibold);cursor:pointer}.ds-tft-builder__pool-tabs>button[aria-selected=true]{border-bottom-color:var(--ds-color-border-selected);color:var(--ds-color-text-accent);font-weight:var(--ds-type-font-weight-bold)}.ds-tft-builder__pool-tabs>button:focus-visible{outline:2px solid var(--ds-color-border-neutral-highlight);outline-offset:-2px}.ds-tft-builder__filters{display:grid;min-width:0;grid-gap:8px;gap:8px}.ds-tft-builder__filters .ds-field,.ds-tft-builder__filters .ds-select-root{box-sizing:border-box;width:100%;min-width:0}.ds-tft-builder__pool-count{margin:10px 2px;color:var(--ds-color-text-neutral-tertiary);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-regular);text-align:right}.ds-tft-builder__pool{display:grid;max-height:402px;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;overflow:auto}.ds-tft-builder__pool-unit{display:flex;min-width:0;padding:0;flex-direction:column;align-items:stretch;gap:5px;border:0;background:transparent;color:inherit;cursor:pointer}.ds-tft-builder__pool-unit .ds-champion--40{width:100%;min-width:0}.ds-tft-builder__pool-unit .ds-champion-avatar--40{width:100%;height:auto;aspect-ratio:1}.ds-tft-builder__pool-unit .ds-champion--40>span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tft-builder__pool-unit:hover{border-radius:var(--ds-component-thumb-radius);background:var(--ds-color-surface-3)}.ds-tft-builder__pool-unit b{width:100%;overflow:hidden;font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular);text-align:center;text-overflow:ellipsis;white-space:nowrap}.ds-tft-builder__items-panel{position:relative;display:flex;height:493px;max-height:493px;min-height:0;flex-direction:column}.ds-tft-builder__item-comps{display:flex;height:100%;min-height:0;flex:1 1;flex-direction:column;gap:12px;padding-bottom:72px;overflow-y:auto}.ds-tft-builder__item-comps>a{display:block;color:inherit;text-decoration:none}.ds-tft-builder__item-comps .ds-tft-composition--mobile{width:100%;min-height:130.1px}.ds-tft-builder__items-footer{position:absolute;z-index:2;right:-12px;bottom:0;left:-12px;display:flex;height:72px;align-items:center;justify-content:center;padding:16px 28px;background:linear-gradient(180deg,rgb(10 18 23/0) 0,var(--ds-color-surface-1) 23%)}.ds-tft-builder__items-footer>.ds-button{width:min(320px,100%);flex:none}.ds-tft-builder__trait-icon{display:block;width:100%;height:100%;background:var(--ds-color-text-neutral-dark);-webkit-mask:var(--trait-icon) center /contain no-repeat;mask:var(--trait-icon) center /contain no-repeat}.ds-tft-builder__toast{position:fixed;z-index:20;right:20px;bottom:20px;padding:10px 13px;border-radius:var(--ds-component-thumb-radius);background:var(--ds-color-action-brand);color:var(--ds-color-text-neutral-dark);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-bold);opacity:0;pointer-events:none;transform:translateY(80px);transition:.2s}.ds-tft-builder__toast.is-visible{opacity:1;transform:none}@media (min-width:1200px){.ds-tft-builder__workspace{grid-template-rows:575px}.ds-tft-builder__board-panel,.ds-tft-builder__pool-panel{height:575px}}.ds-catalog-page,.ds-champion-catalog,.ds-trait-detail{background:var(--ds-color-background-base);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-catalog-page,.ds-champion-catalog{min-height:100vh}.ds-champion-detail{min-height:0;background:var(--ds-color-background-base);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-catalog-page{align-content:start}.ds-catalog-page__controls{display:block}.ds-catalog-page__content{display:grid;min-width:0;grid-gap:16px;gap:16px;padding-block:0 24px}.ds-catalog-page__summary{min-width:0;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);font-weight:var(--ds-type-font-weight-regular)}.ds-catalog-page__summary p{margin:0}.ds-catalog-page__results{min-width:0}.ds-catalog-page__pagination{display:flex;width:100%;box-sizing:border-box;justify-content:center;padding-block:12px}.ds-champion-catalog__header{padding-block:40px 28px;border-bottom:1px solid var(--ds-color-border-neutral-divider)}.react-champion-catalog .ds-champion-catalog__header{min-height:clamp(180px,16.6667vw,360px);display:flex;align-items:center;border-bottom:0;background-color:var(--ds-color-background-base);background-image:var(--page-header-image);background-position:top;background-repeat:no-repeat;background-size:100% auto}.ds-champion-catalog__header>div{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ds-champion-catalog__header span,.ds-champion-detail__related>header>div:first-child>span{color:var(--ds-color-text-accent);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-semibold);text-transform:uppercase}.ds-champion-catalog__header h1{margin:8px 0;font-size:var(--ds-type-font-size-3xl)}.ds-champion-catalog__header p{max-width:720px;margin:0;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-champion-catalog__header strong{display:grid;flex:none;grid-gap:2px;gap:2px;font-size:var(--ds-type-font-size-2xl);text-align:right}.ds-champion-catalog__header strong small{color:var(--ds-color-text-neutral-tertiary);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-regular)}.ds-champion-catalog__grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.ds-champion-catalog__card-link{display:flex;min-width:0;color:inherit;text-decoration:none}.ds-champion-catalog__card-link>*{width:100%;max-width:none}.ds-champion-catalog__card-link:focus-visible{outline:2px solid var(--ds-color-border-selected);outline-offset:2px}.ds-champion-detail{padding-block:0}.ds-champion-detail>div{display:grid;grid-template-columns:minmax(0,1fr)}.ds-champion-detail__content{display:grid;width:100%;min-width:0;grid-gap:24px;gap:24px;padding-bottom:16px}.ds-champion-detail__header span{color:var(--ds-color-text-accent);font-size:var(--ds-type-font-size-xs);font-weight:var(--ds-type-font-weight-semibold);text-transform:uppercase}.ds-champion-detail__header h1{margin:6px 0 0;font-size:var(--ds-type-font-size-3xl)}.ds-champion-detail__summary .ds-champion-summary{max-width:none}.ds-champion-detail__section{display:grid;min-width:0;grid-gap:16px;gap:16px}.ds-champion-detail__related>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ds-champion-detail__actions{display:flex;gap:8px}.ds-champion-detail__related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;grid-gap:16px;gap:16px}.ds-champion-detail__composition-link{display:flex;min-width:0;color:inherit;text-decoration:none}.ds-champion-detail__composition-link:focus-visible{border-radius:var(--ds-component-card-radius-md);outline:2px solid var(--ds-color-border-selected);outline-offset:2px}.ds-trait-detail__content{display:grid;grid-gap:24px;gap:24px;padding-bottom:24px}.ds-trait-summary{display:flex;min-width:0;align-items:center;gap:16px;padding:20px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1)}.ds-trait-summary__icon{display:inline-flex;width:72px;height:72px;flex:none;align-items:center;justify-content:center;border-radius:var(--ds-component-card-radius-sm);background:var(--ds-color-surface-2)}.ds-trait-summary h1,.ds-trait-summary__icon{color:var(--ds-color-text-neutral-primary)}.ds-trait-summary__icon>*{width:100%;height:100%;object-fit:contain}.ds-trait-summary[data-accent-quality=inactive]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-default)}.ds-trait-summary[data-accent-quality=bronze]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-bronze)}.ds-trait-summary[data-accent-quality=silver]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-silver)}.ds-trait-summary[data-accent-quality=gold]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-gold)}.ds-trait-summary[data-accent-quality=unique]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-unique)}.ds-trait-summary[data-accent-quality=prismatic]{--ds-trait-summary-accent:var(--ds-rating-lol-quality-prismatic)}.ds-trait-summary[data-accent-quality] .ds-trait-summary__icon,.ds-trait-summary[data-accent-quality] h1{color:var(--ds-trait-summary-accent)}.ds-trait-summary__identity{display:grid;min-width:0;grid-gap:12px;gap:12px}.ds-trait-summary h1{margin:0;font-size:var(--ds-type-font-size-2xl)}.ds-trait-summary__tags{display:flex;flex-wrap:wrap;gap:8px}.ds-trait-detail__section{display:grid;min-width:0;grid-gap:16px;gap:16px}.ds-trait-detail__effect>div{padding:20px;border:1px solid var(--ds-color-border-neutral-default);border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-1);color:var(--ds-color-text-neutral-secondary)}.ds-trait-detail__related>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ds-trait-detail__actions{display:flex;flex-wrap:wrap;gap:8px}.ds-trait-detail__related-grid{display:grid;grid-template-columns:1fr;align-items:stretch;grid-gap:12px;gap:12px}.ds-trait-detail__related-grid>a{display:flex;min-width:0;color:inherit;text-decoration:none}.ds-trait-detail__related-grid>a>*{width:100%;max-width:none}.ds-faq-item{width:100%;border-bottom:1px solid var(--ds-color-border-neutral-divider);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-faq-item>button{display:flex;width:100%;min-height:56px;padding:16px;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;color:inherit;font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-semibold);text-align:left;cursor:pointer}.ds-faq-item>button i{width:24px;height:24px;flex:none;background:currentColor;-webkit-mask:url(/tft/_next/static/media/select-chevron-down-20.7a577c14.svg) center/20px no-repeat;mask:url(/tft/_next/static/media/select-chevron-down-20.7a577c14.svg) center/20px no-repeat}.ds-faq-item.is-expanded>button i{transform:rotate(180deg)}.ds-faq-item>div{padding:0 32px 16px 16px;color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}.ds-requirement-row{display:flex;width:100%;flex-direction:column;gap:8px;color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-requirement-row>span{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm);line-height:18px}.ds-requirement-row>strong{font-size:var(--ds-type-font-size-md);font-weight:var(--ds-type-font-weight-semibold);line-height:20px}.ds-requirement-group{color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base)}.ds-requirement-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px 44px;gap:24px 44px}.ds-download-cta{position:relative;display:flex;width:100%;min-height:180px;overflow:hidden;align-items:center;padding:16px max(16px,calc((100% - 1200px) / 2));border-radius:var(--ds-component-card-radius-md);background:var(--ds-color-surface-2);color:var(--ds-color-text-neutral-primary);font-family:var(--ds-type-font-family-base);isolation:isolate}.ds-download-cta__background{position:absolute;z-index:-2;opacity:.2;filter:blur(4px);inset:0}.ds-download-cta__background>*,.ds-download-cta__product>*{width:100%;height:100%;object-fit:cover}.ds-download-cta__product{position:absolute;z-index:-1;right:11%;bottom:0;width:277px;height:153px}.ds-download-cta__content{display:flex;min-width:0;align-items:center;gap:24px}.ds-download-cta__logo{display:inline-flex;width:96px;height:96px;flex:none}.ds-download-cta__logo>*{width:100%;height:100%;object-fit:contain}.ds-download-cta__identity{gap:24px}.ds-download-cta__copy,.ds-download-cta__identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.ds-download-cta__copy{gap:8px}.ds-download-cta h2,.ds-download-cta p{margin:0}.ds-download-cta h2{color:var(--ds-color-text-accent);font-size:var(--ds-type-font-size-2xl)}.ds-download-cta p{color:var(--ds-color-text-neutral-secondary);font-size:var(--ds-type-font-size-sm)}@media (min-width:768px){.ds-trait-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ds-global-nav__bar,.ds-page-container{width:calc(100% - 32px)}.ds-filter-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.ds-filter-toolbar>.ds-field{width:348px;max-width:348px;flex:0 1 348px}.ds-filter-toolbar__filters{flex-direction:row;align-items:center;gap:12px}.ds-filter-toolbar__filters>.ds-select-root{width:180px}.ds-filter-toolbar--mobile{flex-direction:column;align-items:stretch;gap:12px}.ds-filter-toolbar--mobile>.ds-field{width:100%;max-width:none;flex:none}.ds-filter-toolbar--mobile .ds-filter-toolbar__filters{flex-direction:column;align-items:stretch;gap:12px}.ds-filter-toolbar--mobile .ds-filter-toolbar__filters>.ds-select-root{width:100%}.ds-footer__summary{grid-template-columns:1fr 1fr;gap:48px}.ds-footer__groups{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:992px){.ds-trait-detail__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.ds-champion-catalog__header{padding-block:28px 20px}.ds-champion-catalog__header>div{align-items:flex-start;flex-direction:column}.ds-champion-catalog__header strong{text-align:left}.ds-champion-detail__content{gap:20px;padding-bottom:12px}.ds-champion-detail__related>header{align-items:flex-start;flex-direction:column}.ds-champion-detail__actions{width:100%}.ds-champion-detail__actions>*{flex:1 1}.ds-champion-detail__related-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.ds-tft-builder__workspace{width:100%;max-width:none;grid-template-columns:1fr;gap:16px;padding:16px 0 0}.ds-tft-builder__board-panel{display:flex;margin-inline:12px;padding:0;flex-direction:column;gap:16px;overflow:visible;border:0;background:transparent}.ds-tft-builder__board-main{display:contents}.ds-tft-builder__toolbar{order:1;min-height:24px}.ds-tft-builder__traits{order:2;width:100%;height:auto;max-height:none;gap:0}.ds-tft-builder__board{order:3;width:100%;min-height:0;height:calc((100vw - 24px) * 292 / 618);flex:none;overflow:hidden}.ds-tft-builder__board-footer{order:4;padding-top:0}.ds-tft-builder__traits>header{display:none}.ds-tft-builder__trait-list{display:flex;width:100%;min-height:40px;padding:8px 4px 8px 8px;flex:none;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ds-tft-builder__trait-list::-webkit-scrollbar{display:none}.ds-tft-builder__trait-list[data-empty=true]{width:100%;justify-content:center}.ds-tft-builder__trait-list>p{width:100%;margin:0;white-space:normal}.ds-tft-builder__toolbar{align-items:center;flex-direction:row}.ds-tft-builder__toolbar>div{width:auto;flex-wrap:nowrap}.ds-tft-builder__toolbar .ds-button{width:24px;padding-inline:3px}.ds-tft-builder__action-label{display:none}.ds-tft-builder__grid{position:absolute;top:0;left:50%;transform:translateX(-50%) scale(calc((100vw - 24px) / 618px));transform-origin:top center}.ds-tft-builder__pool-panel{padding:8px 12px 0;border-radius:0}.ds-tft-builder__pool-tabs{margin-bottom:16px}.ds-tft-builder__filters{gap:8px}.ds-tft-builder__pool-count{margin:16px 0;text-align:left}.ds-tft-builder__pool{max-height:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible}.ds-tft-builder__pool-unit{width:100%;align-items:stretch}.ds-tft-builder__pool-unit .ds-champion-avatar--40{width:100%;height:auto;aspect-ratio:1}.ds-tft-builder__pool-unit .ds-champion-avatar--40 img{width:100%;height:100%;object-fit:cover}.ds-requirement-group>div{grid-template-columns:1fr}.ds-download-cta{min-height:220px;padding:16px 12px}.ds-download-cta__product{display:none}.ds-download-cta__content{gap:12px}.ds-download-cta__logo{width:64px;height:64px}.ds-download-cta h2{font-size:var(--ds-type-font-size-xl)}}@media (min-width:768px) and (max-width:991px){.ds-catalog-page__pagination{padding-block:16px}.ds-download-cta__product{display:none}.ds-champion-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ds-tft-builder__workspace{grid-template-columns:1fr;gap:16px}.ds-tft-builder__board-panel{display:flex;padding:16px;flex-direction:column;gap:16px}.ds-tft-builder__board-main{display:contents}.ds-tft-builder__toolbar{order:1}.ds-tft-builder__traits{order:2;width:100%;height:auto;max-height:none;gap:0}.ds-tft-builder__board{order:3;min-height:292px;height:292px;flex:none}.ds-tft-builder__board-footer{order:4;padding-top:0}.ds-tft-builder__traits>header{display:none}.ds-tft-builder__trait-list{display:flex;width:100%;min-height:40px;padding:8px 4px 8px 8px;flex:none;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ds-tft-builder__trait-list::-webkit-scrollbar{display:none}.ds-tft-builder__trait-list[data-empty=true]{width:100%;justify-content:center}.ds-tft-builder__trait-list>p{width:100%;margin:0;white-space:normal}.ds-tft-builder__toolbar .ds-button{width:24px;padding-inline:3px}.ds-tft-builder__action-label{display:none}.ds-tft-builder__pool{max-height:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.ds-tft-builder__pool-unit{width:100%;align-items:stretch}.ds-tft-builder__pool-unit .ds-champion-avatar--40{width:100%;height:auto;aspect-ratio:1}.ds-tft-builder__pool-unit .ds-champion-avatar--40 img{width:100%;height:100%;object-fit:cover}.ds-trait-metric{width:auto;height:24px;gap:4px}.ds-trait-metric>span{width:24px;height:24px}.ds-trait-metric>strong{width:28px;height:20px;min-width:28px;padding:4px;font-size:var(--ds-type-font-size-xs)}}@media (min-width:992px) and (max-width:1199px){.ds-tft-builder__workspace{grid-template-columns:1fr}.ds-tft-builder__pool{max-height:280px;grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:992px){.ds-catalog-page__pagination{padding-block:16px}.ds-champion-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ds-global-nav__bar{grid-template-columns:auto 1fr auto}.ds-global-nav--desktop .ds-global-nav__menu,.ds-global-nav--desktop .ds-global-nav__mobile{display:none}.ds-global-nav__items{display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:4px}.ds-footer__content{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-footer__summary{display:flex;flex-direction:column;gap:32px}.ds-footer__groups{display:contents}.ds-footer__legal{grid-column:1/-1}}@media (min-width:1232px){.ds-global-nav__bar,.ds-page-container{max-width:var(--ds-content-max-width)}}