.team-planner-root-component{height:100%;-webkit-user-select:none;width:100%}.team-planner-root{align-items:center;background-color:#010a13;display:flex;flex-direction:column;height:620px;overflow:hidden;width:1000px}.team-planner-root__content{display:flex;flex-direction:row;margin:42px 0 0 43px}.team-planner-backdrop{align-items:center;display:flex;justify-content:center}.team-planner-backdrop__click-elem{height:100%;position:absolute;width:100%}.team-planner__header-container__title{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-family:var(--font-display);font-kerning:normal;text-transform:uppercase;-webkit-user-select:none}.team-planner__header-container__title,.team-planner__header-container__title:lang(el-gr),.team-planner__header-container__title:lang(ja-jp),.team-planner__header-container__title:lang(ko-kr),.team-planner__header-container__title:lang(th-th),.team-planner__header-container__title:lang(tr-tr),.team-planner__header-container__title:lang(zh-tw){text-transform:none}.team-planner__header-container__title{font-size:24px;font-weight:700;letter-spacing:.05em;letter-spacing:.025em;line-height:28px}.team-planner__header-container__title:lang(ar-ae){letter-spacing:0}.team-planner__header-container-component{width:100%}.team-planner__header-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.team-planner__header-container__title{align-items:center;box-sizing:border-box;color:#f0e6d2;cursor:default;direction:ltr;font-style:normal;font-weight:500}.team-planner__tiers-list-container{display:flex;flex-direction:column;height:578px}.team-planner__tiers-list-container__scrollable-content{box-sizing:border-box;margin-bottom:-6px;margin-top:10px;overflow-x:hidden;padding-bottom:50px}.team-planner__team-container__clear-button{font-family:var(--font-display)}.team-planner__team-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:550px}.team-planner__team-grid{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:20px 0 0 10px}.team-planner__team-grid-tile__champion-title{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;color:#a09b8c;font-family:var(--font-body);font-kerning:normal;font-size:14px;font-weight:400;letter-spacing:.025em;line-height:20px;-webkit-user-select:none}.team-planner__team-grid-tile__champion-title:lang(ar-ae){letter-spacing:0}.team-planner__team-grid-tile{box-sizing:border-box;display:inline-block;height:120px;margin:0 16px 16px 0;position:relative;width:120px}.team-planner__team-grid-tile:nth-child(4n){margin-left:0;margin-right:0}.team-planner__team-grid-tile.team-grid-tile--enabled{cursor:pointer}.team-planner__team-grid-tile.team-grid-tile--enabled:hover{filter:brightness(125%)}.team-planner__team-grid-tile.team-grid-tile--enabled:active{filter:brightness(75%)}.team-planner__team-grid-tile.team-grid-tile--enabled:hover .team-planner__team-grid-tile__hover-state{visibility:visible}.team-planner__team-grid-tile__hover-state{background-image:url(/fe/lol-tft-team-planner/cTeamPlanner_ChampionHighlight_Hover.png);visibility:hidden}.team-planner__team-grid-tile__drop-zone,.team-planner__team-grid-tile__hover-state{background-repeat:no-repeat;background-size:contain;height:120%;left:51%;position:absolute;top:51%;transform:translate(-50%,-50%);width:120%}.team-planner__team-grid-tile__drop-zone{visibility:visible}.team-planner__team-grid-tile__drop-zone.activeDropZone{background-image:url(/fe/lol-tft-team-planner/cTeamPlanner_ChampionHighlight_Hover.png)}.team-planner__team-grid-tile__drop-zone.overDropZone{background-image:url(/fe/lol-tft-team-planner/cTeamPlanner_ChampionHighlight_HoverSelector.png)}.team-planner__team-grid-tile__dragging{filter:grayscale(1)}.team-planner__team-grid-tile__image-overlay{background-size:cover;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.team-planner__team-grid-tile__champion-title{bottom:2px;color:#ccc4b3;letter-spacing:.04em;line-height:16px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.team-planner__team-grid-tile__champion-title:lang(ja-jp){font-size:13px}.team-planner__team-grid-tile__trait-container{display:flex;flex-direction:column;height:80%;justify-content:flex-end}.team-planner__team-grid-tile-trait-icon__background{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_Member_TraitBg.png);background-repeat:no-repeat;background-size:contain;height:28px;margin:1px 5px;position:relative;width:28px}.team-planner__team-grid-tile-trait-icon__background.Threat{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_ActiveTrait_kThreat.png);transform:scaleX(1.1)}.team-planner__team-grid-tile-trait-icon{background-repeat:no-repeat;background-size:contain;height:65%;left:40%;margin:0;position:absolute;top:50%;transform:translate(-40%,-50%);width:65%}.team-planner__team-trait-container__no-traits-text,.team-planner__team-trait-container__text{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-family:var(--font-display);font-kerning:normal;text-transform:uppercase;-webkit-user-select:none}.team-planner__team-trait-container__no-traits-text:lang(el-gr),.team-planner__team-trait-container__no-traits-text:lang(ja-jp),.team-planner__team-trait-container__no-traits-text:lang(ko-kr),.team-planner__team-trait-container__no-traits-text:lang(th-th),.team-planner__team-trait-container__no-traits-text:lang(tr-tr),.team-planner__team-trait-container__no-traits-text:lang(zh-tw),.team-planner__team-trait-container__text,.team-planner__team-trait-container__text:lang(el-gr),.team-planner__team-trait-container__text:lang(ja-jp),.team-planner__team-trait-container__text:lang(ko-kr),.team-planner__team-trait-container__text:lang(th-th),.team-planner__team-trait-container__text:lang(tr-tr),.team-planner__team-trait-container__text:lang(zh-tw){text-transform:none}.team-planner__team-trait-container__no-traits-text{font-size:18px;font-weight:700;letter-spacing:.05em;line-height:22px}.team-planner__team-trait-container__no-traits-text:lang(ar-ae){letter-spacing:0}.team-planner__team-trait-container__text{color:#f0e6d2;font-size:14px;font-weight:700;letter-spacing:.075em;letter-spacing:.0375em;line-height:18px}.team-planner__team-trait-container__text:lang(ar-ae){letter-spacing:0}.team-planner__team-traits-container{display:flex;flex-direction:row;margin-left:-6px;margin-top:6px}.team-planner__team-trait-container__no-traits-text{box-sizing:border-box;color:#f0e6d2;cursor:default;direction:ltr}.team-planner__team-trait-container__next-page-button{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_PaginateButton_Backdrop_Default.png);background-repeat:no-repeat;background-size:contain;height:auto;margin-top:-13px;position:relative;width:45px}.team-planner__team-trait-container__next-page-button:hover{cursor:pointer;filter:brightness(125%)}.team-planner__team-trait-container__next-page-button:active{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_PaginateButton_Backdrop_Clicked.png);filter:brightness(100%)}.team-planner__team-trait-container__next-page-button:active .team-planner__team-trait-container__text{filter:brightness(75%)}.team-planner__team-trait-container__next-page-button__hide{height:auto;margin-top:-13px;position:relative;width:45px}.team-planner__team-trait-container__text{color:--color-gold1;font-weight:400;letter-spacing:2px;padding-left:2px;padding-top:5px;text-align:center}.team-planner__team-trait__text,.trait-title{font-family:var(--font-display)}.trait-label,tftActiveRank,tftInactiveRank{font-family:var(--font-body)}.team-planner__team-trait__text,.trait-label,.trait-title,tftActiveRank,tftInactiveRank{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-kerning:normal;-webkit-user-select:none}.team-planner__team-trait__text,.trait-title{text-transform:uppercase}.team-planner__team-trait__text,.team-planner__team-trait__text:lang(el-gr),.team-planner__team-trait__text:lang(ja-jp),.team-planner__team-trait__text:lang(ko-kr),.team-planner__team-trait__text:lang(th-th),.team-planner__team-trait__text:lang(tr-tr),.team-planner__team-trait__text:lang(zh-tw),.trait-title,.trait-title:lang(el-gr),.trait-title:lang(ja-jp),.trait-title:lang(ko-kr),.trait-title:lang(th-th),.trait-title:lang(tr-tr),.trait-title:lang(zh-tw){text-transform:none}.trait-title{font-size:24px;font-weight:700;letter-spacing:.05em;letter-spacing:.025em;line-height:28px}.trait-title:lang(ar-ae){letter-spacing:0}.team-planner__team-trait__text{font-size:18px;font-weight:700;letter-spacing:.05em;letter-spacing:.025em;line-height:22px}.team-planner__team-trait__text:lang(ar-ae){letter-spacing:0}.trait-label,tftActiveRank,tftInactiveRank{-webkit-font-smoothing:subpixel-antialiased;color:#a09b8c;font-size:14px;font-weight:400;letter-spacing:.025em;line-height:20px}.trait-label:lang(ar-ae),tftActiveRank:lang(ar-ae),tftInactiveRank:lang(ar-ae){letter-spacing:0}.team-planner__team-trait-component{height:51px;margin-top:-9px;padding-bottom:6px;padding-right:8px;position:relative;width:45px}.team-planner__team-trait-component:hover .team-planner__team-trait__hover-state{visibility:visible}.team-planner__team-trait__hover-state{background-repeat:center no-repeat;background-size:cover;height:51px;position:absolute;transform:scale(119%);visibility:hidden;width:45px}.team-planner__team-trait__text{color:#f0e6d2;font-weight:400;margin-left:2px;padding-top:52px;position:relative;text-align:center}.team-planner__team-trait__background__empty{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_ActiveTrait_Empty.png)}.team-planner__team-trait__background,.team-planner__team-trait__background__empty{background-repeat:center no-repeat;background-size:contain;height:51px;position:absolute;width:45px}.team-planner__team-trait__background__threat{background:50% no-repeat;background-size:contain;height:51px;margin-top:-2px;position:absolute;transform:scaleY(.9);width:45px}.team-planner__team-trait__icon,.team-planner__team-trait__icon__threat{background:50% no-repeat;background:cover;height:32px;margin-left:.5px;padding-left:13px;padding-top:18px;position:absolute;transform:scale(.85);width:32px}.team-planner__team-trait__icon__threat{filter:invert(90%) sepia(90%) saturate(4000%) hue-rotate(257deg) brightness(200%) contrast(70%)}.trait-title{color:#f0e6d2;direction:ltr;margin-left:25px;margin-top:-4px}.trait-label{box-sizing:border-box;color:#a09b8c;cursor:default;direction:ltr;max-width:400px;min-width:300px;width:auto}tftActiveRank{color:#f0e6d2}tftInactiveRank{color:#5b5a56}.trait-tooltip-line{background-color:#463714;height:1px;margin-bottom:8px;margin-top:6px;width:100%}.trait-tooltip-icon{background:bottom no-repeat;background:cover;height:32px;margin-left:-6px;margin-top:-6px;position:absolute;transform:scale(.8);width:32px}.cssIcon{background-size:auto;display:inline-block;margin:0;vertical-align:base}.team-planner__tier-container__header__cost,.team-planner__tier-container__header__title{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-family:var(--font-display);font-kerning:normal;text-transform:uppercase;-webkit-user-select:none}.team-planner__tier-container__header__cost,.team-planner__tier-container__header__cost:lang(el-gr),.team-planner__tier-container__header__cost:lang(ja-jp),.team-planner__tier-container__header__cost:lang(ko-kr),.team-planner__tier-container__header__cost:lang(th-th),.team-planner__tier-container__header__cost:lang(tr-tr),.team-planner__tier-container__header__cost:lang(zh-tw),.team-planner__tier-container__header__title,.team-planner__tier-container__header__title:lang(el-gr),.team-planner__tier-container__header__title:lang(ja-jp),.team-planner__tier-container__header__title:lang(ko-kr),.team-planner__tier-container__header__title:lang(th-th),.team-planner__tier-container__header__title:lang(tr-tr),.team-planner__tier-container__header__title:lang(zh-tw){text-transform:none}.team-planner__tier-container__header__cost,.team-planner__tier-container__header__title{color:#f0e6d2;font-size:14px;font-weight:700;letter-spacing:.075em;letter-spacing:.0375em;line-height:18px}.team-planner__tier-container__header__cost:lang(ar-ae),.team-planner__tier-container__header__title:lang(ar-ae){letter-spacing:0}.team-planner__tier-container{display:flex;flex-direction:column}.team-planner__tier-container__header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-right:25px;padding-top:15px}.team-planner__tier-container__header__title{box-sizing:border-box;color:#f0e6d2;cursor:default;direction:ltr;font-weight:500;letter-spacing:.05em;margin-left:5px}.team-planner__tier-container__header__cost{align-items:center;display:flex;flex-direction:row;font-weight:500;justify-content:center}.team-planner__tier-container__header__cost__icon{filter:brightness(0) saturate(100%) invert(80%) sepia(10%) saturate(919%) hue-rotate(7deg) brightness(95%) contrast(90%);height:20px;padding-right:5px;width:20px}.team-planner__tier-container__header__cost__text{color:#f0e6d2}.team-planner__tier-grid{display:flex;flex-direction:row;flex-wrap:wrap}.champion-label{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-family:var(--font-display);font-kerning:normal;text-transform:uppercase;-webkit-user-select:none}.champion-label,.champion-label:lang(el-gr),.champion-label:lang(ja-jp),.champion-label:lang(ko-kr),.champion-label:lang(th-th),.champion-label:lang(tr-tr),.champion-label:lang(zh-tw){text-transform:none}.champion-label{font-size:18px;font-weight:700;letter-spacing:.05em;letter-spacing:.025em;line-height:22px}.champion-label:lang(ar-ae){letter-spacing:0}.team-planner__tier-grid-tile{cursor:pointer;height:80px;margin:0 6px 6px 0;position:relative;width:80px}.team-planner__tier-grid-tile:nth-child(5n){margin-left:0;margin-right:0}.team-planner__tier-grid-tile:hover{background-image:url(/fe/lol-tft-team-planner/images/cTeamPlanner_ChampionButton_FrameHovered.png);background-repeat:no-repeat;background-size:cover;filter:brightness(125%)}.team-planner__tier-grid-tile:active{filter:brightness(75%)}.team-planner__tier-grid-tile__dragging{filter:grayscale(1)}.team-planner__tier-grid-tile__tierBorder{background-repeat:no-repeat;background-size:cover;display:block;height:72px;margin:4px;position:absolute;width:72px}.team-planner__tier-grid-tile__portrait{background-size:cover;color:#f0e6d2;height:70px;margin:5px;pointer-events:none;position:absolute;width:70px}.team-planner__tier-grid-tile__selected{background:url(/fe/lol-tft-team-planner/images/cTeamPlanner_ChampionButton_FrameSelected.png);background-repeat:no-repeat;background-size:cover;height:76px;margin:2px;position:absolute;width:76px}.champion-label{box-sizing:border-box;color:#f0e6d2;cursor:default;direction:ltr;font-weight:500}.team-planner__tier-grid-tile__tooltip-container{cursor:pointer;height:80px;margin-left:-5px;position:relative;width:80px}.team-planner__tier-grid-tile__tooltip-container:nth-child(5n){margin-left:0;margin-right:0}.team-planner__header-container__tooltip-title{font-family:var(--font-display)}.team-planner__header-container__tooltip-body{font-family:var(--font-body)}.team-planner__header-container__tooltip-body,.team-planner__header-container__tooltip-title{-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-kerning:normal;-webkit-user-select:none}.team-planner__header-container__tooltip-title{text-transform:uppercase}.team-planner__header-container__tooltip-title,.team-planner__header-container__tooltip-title:lang(el-gr),.team-planner__header-container__tooltip-title:lang(ja-jp),.team-planner__header-container__tooltip-title:lang(ko-kr),.team-planner__header-container__tooltip-title:lang(th-th),.team-planner__header-container__tooltip-title:lang(tr-tr),.team-planner__header-container__tooltip-title:lang(zh-tw){text-transform:none}.team-planner__header-container__tooltip-title{color:#f0e6d2;font-size:18px;font-weight:700;letter-spacing:.05em;letter-spacing:.025em;line-height:22px}.team-planner__header-container__tooltip-title:lang(ar-ae){letter-spacing:0}.team-planner__header-container__tooltip-body{-webkit-font-smoothing:subpixel-antialiased;font-size:14px;font-weight:400;letter-spacing:.025em;line-height:20px}.team-planner__header-container__tooltip-body:lang(ar-ae){letter-spacing:0}.team-planner__header-container__tooltip-title{border-bottom:1px solid #785a28;padding-bottom:12px;text-align:left}.team-planner__header-container__tooltip-body{color:#a09b8c;padding-top:12px;text-align:left}.team-planner__reminders-toggle{align-items:center;display:flex;gap:16px;margin-right:30px}.team-planner__reminders-toggle .toggle-container{background-image:url(/fe/lol-tft-team-planner/toggle_slide_off.png);cursor:pointer;position:relative}.team-planner__reminders-toggle .open,.team-planner__reminders-toggle .toggle-container{background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;width:56px}.team-planner__reminders-toggle .open{background-image:url(/fe/lol-tft-team-planner/toggle_slide_on.png);opacity:0;position:absolute;transition:opacity .5s}.team-planner__reminders-toggle .toggle-button{background-image:url(/fe/lol-tft-team-planner/toggle_pengu_off.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:34px;left:-4px;position:relative;right:auto;top:-5px;transition:left .2s ease-in-out;width:34px}.team-planner__reminders-toggle .toggle-button:active{background-image:url(/fe/lol-tft-team-planner/toggle_pengu_clicked.png)}.team-planner__reminders-toggle.on .toggle-button{background-image:url(/fe/lol-tft-team-planner/toggle_pengu_on.png);left:26px}.team-planner__reminders-toggle.on .toggle-button:active{background-image:url(/fe/lol-tft-team-planner/toggle_pengu_clicked.png)}.team-planner__reminders-toggle.on .toggle-container .open{opacity:1}