@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.champions-list-component{background-color:var(--champions-list-component-bg-color,var(--primary-color-bg));color:var(--champions-list-component-fg-color,var(--primary-color-fg))}
.champions-list-component__tags{display:flex;padding-top:40px;margin-bottom:27px}
@media(min-width:1024px){.champions-list-component__tags{padding-top:56px;margin-bottom:40px}
}
.champions-list-component__tags-list{display:flex;justify-content:flex-start;align-items:flex-start;overflow-x:auto;flex-wrap:nowrap}
@media(min-width:1024px){.champions-list-component__tags-list{justify-content:flex-start;flex-wrap:wrap;row-gap:16px}
}
.champions-list-component__tags-list::-webkit-scrollbar{display:none}
.champions-list-component__tags-item{min-width:max-content;cursor:pointer;border-radius:0;border-bottom:1px solid #adadad;padding:0 32px 18px;background:transparent;line-height:normal;color:#adadad}
.champions-list-component__tags-item:hover{background:transparent;border-bottom:3px solid #da291c;color:#161616}
.champions-list-component__tags-item.active{background:transparent;border-bottom:3px solid #da291c;color:#161616}
.champions-list-component__heading{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start}
@media(min-width:1024px){.champions-list-component__heading{flex-direction:row;justify-content:space-between;align-items:center}
}
.champions-list-component__heading.custom-champions-list{display:none}
.champions-list-component__heading__inner{display:flex;align-items:center;gap:8px;margin-top:20px;width:100%}
.champions-list-component__heading__inner.custom-title-champions{color:#da291c}
@media(min-width:1024px){.champions-list-component__heading__inner{margin-top:0;width:clamp(220px,70%,966px)}
}
.champions-list-component__heading__icon{font-size:24px}
@media(min-width:1280px){.champions-list-component__heading__icon{font-size:28px}
}
.champions-list-component__heading__search{position:relative;width:100%}
@media(min-width:1024px){.champions-list-component__heading__search{position:relative;margin-left:auto;width:328px}
}
.champions-list-component__heading__search__input{border-radius:4px;border:1px solid #adadad;padding:8px 16px 8px 16px;width:100%;height:56px}
.champions-list-component__heading__search__icon{position:absolute;top:50%;right:12px;left:unset;transform:translateY(-50%);width:20px;height:20px;color:#1d1d1b}
.champions-list-component__heading__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:30px;letter-spacing:-0.84px}
@media(min-width:1024px){.champions-list-component__heading__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:30px;line-height:36px;letter-spacing:-0.9px}
}
.champions-list-component__cards{display:grid;gap:32px}
.champions-list-component__cards.margin-champions-list{display:none;margin-top:24px;padding-bottom:32px}
@media(min-width:768px){.champions-list-component__cards.margin-champions-list{margin-top:40px;padding-bottom:40px}
}
.champions-list-component__cards.margin-championships{margin-top:20px;padding-bottom:32px}
@media(min-width:768px){.champions-list-component__cards.margin-championships{margin-top:40px;padding-bottom:56px}
}
@media(min-width:768px){.champions-list-component__cards{grid-template-columns:31.5% 31.5% 31.5%;grid-auto-rows:1fr}
}
.champions-list-component__cards__loader{display:flex;justify-content:center;width:100%}
.champions-list-component__card{overflow:hidden;border-radius:4px;box-shadow:0 20px 40px -16px rgba(0,0,0,0.25);transform:scale(1)}
@media(prefers-reduced-motion:no-preference){.champions-list-component__card{transition:transform .2s ease-in}
}
.champions-list-component__card:hover{transform:scale(1.05)}
@media(prefers-reduced-motion:no-preference){.champions-list-component__card:hover{transition:transform .2s ease-in}
}
.champions-list-component__card>a{display:block;height:100%;text-decoration:none}
.champions-list-component__card__tag-list{position:absolute;top:17px;right:16px;left:16px;z-index:1;display:flex;flex-wrap:wrap;gap:8px}
.champions-list-component__card__corner{position:absolute;top:0;right:0;z-index:1;--size-corner-starred:56px;width:var(--size-corner-starred);height:var(--size-corner-starred);text-align:right}
@media(min-width:768px){.champions-list-component__card__corner{--size-corner-starred:76px}
}
.champions-list-component__card__corner [class^="icon-hdr-"]{position:relative;top:5px;right:9px;font-size:16px;color:var(--primary-color-fg)}
@media(min-width:768px){.champions-list-component__card__corner [class^="icon-hdr-"]{top:12px;right:12px;font-size:22px}
}
.champions-list-component__card__corner::before{content:"";position:absolute;top:0;right:0;transform:rotate(0);border-style:solid;border-width:0 var(--size-corner-starred) var(--size-corner-starred) 0;border-color:transparent var(--primary-color-bg) transparent transparent}
.champions-list-component__card__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.champions-list-component__card__img-logo{position:relative}
.champions-list-component__card__img-logo img{position:absolute;top:32px;left:50%;z-index:11;transform:translateX(-50%);width:160px;height:120px}
@media(min-width:1024px){.champions-list-component__card__img-logo img{width:224px;height:165px}
}
.champions-list-component__card__content{display:flex;flex-direction:column;padding:16px 24px 24px;width:100%}
.champions-list-component__card__container-tags{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:#b2b2b2}
.champions-list-component__card__tag{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:8.5px;line-height:12px;margin-bottom:8px;color:#b2b2b2}
@media(min-width:1024px){.champions-list-component__card__tag{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:10px;line-height:18px}
}
.champions-list-component__card__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:24px;letter-spacing:-0.4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.champions-list-component__card__description{margin:0;font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:14px;font-weight:400;line-height:18px;letter-spacing:.1px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.champions-list-component__card__post-button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:10px;line-height:18px;color:#333}
.champions-list-component__card__post-button [class^="icon-hdr-"]{font-size:12px}
.champions-list-component__card__post-button>*{display:flex;align-items:center;color:currentColor}
.champions-list-component__card__post-button button{border:0;background:transparent;font-family:'helvetica-lt-pro',helvetica,sans-serif;line-height:18px;cursor:pointer}
.champions-list-component__card__post-button button.cta-linkarrow{padding:0;color:currentColor}
.champions-list-component__card--champions{height:295px}
@media(min-width:1024px){.champions-list-component__card--champions{height:301px}
}
.champions-list-component__card--champions .champions-list-component__card__img-container{overflow:hidden;height:calc(100% - 98px)}
.champions-list-component__card--champions .champions-list-component__card__content{min-height:98px;background-color:#fff}
.champions-list-component__card--champions .champions-list-component__card__title{margin-top:10px;margin-bottom:10px;color:#161616}
.champions-list-component__card--champions .champions-list-component__card__description{margin:0;color:#9a9a9a}
.champions-list-component__card--champions.champions-list-component__card:hover{transition:none;transform:none}
.champions-list-component__card--solid{height:350px}
@media(min-width:1024px){.champions-list-component__card--solid{height:444px}
}
.champions-list-component__card--solid .champions-list-component__card__img-container{overflow:hidden;height:calc(100% - 178px)}
.champions-list-component__card--solid .champions-list-component__card__content{min-height:178px;background-color:#fff}
.champions-list-component__card--solid .champions-list-component__card__title{margin-top:10px;margin-bottom:10px;color:#161616}
.champions-list-component__card--solid .champions-list-component__card__description{margin:0;color:#9a9a9a}
.champions-list-component__loader{width:90px;height:90px;animation:spin 2s linear infinite}
.champions-list-component__arrow{display:flex;justify-content:center;padding-bottom:56px;width:100%}
.champions-list-component__arrow .btn-cards{--button-slider-size:48px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid 1px var(--champions-list-component-fg-color,var(--primary-color-fg));margin:0;padding:0;width:var(--button-slider-size);height:var(--button-slider-size);background:transparent;cursor:pointer}
.champions-list-component__arrow .btn-cards::after{display:none}
.champions-list-component__arrow .btn-cards--rounded{border-width:2px}
.champions-list-component__arrow .btn-cards--rounded .icon{transform:rotate(90deg);font-size:16px;color:var(--champions-list-component-fg-color,var(--primary-color-fg))}
.champions-list-component__not-found{display:flex;flex-direction:column;justify-content:center;height:580px;text-align:center}
.champions-list-component__not-found__subtitle{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:2px;font-feature-settings:'clig' off,'liga' off;text-transform:uppercase;font-size:10px;line-height:18px}
.champions-list-component__not-found__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:44px;line-height:50px;letter-spacing:-1.32px}
@media(min-width:1024px){.champions-list-component__not-found__title{font-family:'helvetica-lt-pro',helvetica,sans-serif;font-style:normal;font-weight:700;font-size:56px;line-height:56px;letter-spacing:-1.68px}
}
.bg-primary{--champions-list-component-bg-color:var(--primary-color-bg);--champions-list-component-fg-color:var(--primary-color-fg)}
.bg-secondary{--champions-list-component-bg-color:var(--secondary-color-bg);--champions-list-component-fg-color:var(--secondary-color-fg)}
.bg-tertiary{--champions-list-component-bg-color:var(--tertiary-color-bg);--champions-list-component-fg-color:var(--tertiary-color-fg)}
.bg-tertiary .champions-list-component__not-found{color:#828282}