@charset "UTF-8";:root{--text: #333f49;--text_transparent: #333f4981;--maincolor: #d9e0eb;--maincolor_b: #e4e9f1;--maincolor_transparent: #ffffff80;--maincolor_white: #ffffff;--maincolor_dark: var(--text);--color_accent: #f06414;--color_common: #333F49;--color_rare: #44abe2;--color_epic: #b350eb;--color_legendary: var(--color_accent);--color_invalid: #fa7c7c;--color_abilities: #17b8c4;--color_title: #a0926e;--color_shadow: rgba(0, 0, 0, .07)}:root:has(#dark){--text: #ffffff;--text_transparent: #ffffff7e;--maincolor: #333f49;--maincolor_b: #1e262b;--maincolor_transparent: #333f4980;--maincolor_white: var(--text);--maincolor_dark: var(--maincolor);--color_accent: #f06414;--color_common: #ffffff;--color_rare: #44abe2;--color_epic: #b775dd;--color_legendary: #ef844a;--color_invalid: #fa7c7c;--color_abilities: #00eeff;--color_title: #a0926e;--color_shadow: rgba(0, 0, 0, .07)}@font-face{font-family:config;src:url(/assets/fonts/Config-Regular.woff) format("woff")}@font-face{font-family:config-l;src:url(/assets/fonts/Config-Light.woff) format("woff")}@font-face{font-family:config-b;src:url(/assets/fonts/Config-Bold.woff) format("woff")}@font-face{font-family:config-c;src:url(/assets/fonts/Config-ExtraBold.woff) format("woff")}@keyframes borderconnexion{0%{outline:1px solid #fff}to{outline:5px solid #fff}}@keyframes addhero{0%{outline:1px solid #fff}to{outline:3px solid #fff;transition:1s ease-in-out}}@keyframes notifBubble{0%{outline:1rem solid rgba(245,35,35,.5)}15%{outline:0rem solid rgba(245,35,35,0)}}@keyframes checkbox{0%{transform:scale(.3) rotate(35deg) translate(.3rem,.3rem);opacity:0}to{transform:scale(1) rotate(45deg) translate(0);opacity:1;transition:1s ease-in-out}}@keyframes fadein{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes cardfadein{0%{opacity:0}to{opacity:1}}@keyframes skininfos{0%{opacity:0;transform:translate(-1rem)}30%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes popup_bg_entrance{0%{background-color:transparent}to{background-color:#333f4986}}@keyframes popup_entrance{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}*::-webkit-scrollbar{display:none;width:0;height:0}.lore_content::-webkit-scrollbar{display:block;width:1rem;height:1rem;margin-right:1rem;border-radius:20px}.lore_content::-webkit-scrollbar-thumb{background-color:var(--maincolor);border-radius:20px;border:5px solid transparent;background-clip:content-box}.header{display:flex;position:relative;align-items:center;width:100%;min-height:7rem;max-height:7rem;padding:0 2rem}.header_logo img{height:2rem}.header_admin{display:inline-block;position:absolute;font-size:1.5rem;padding:0 .7rem;opacity:1;top:50%;background-color:var(--maincolor_transparent);transform:translate(1rem,-53%);border:1px solid var(--maincolor_transparent);height:36px;border-radius:3px;line-height:1.45;cursor:pointer}.footer{min-height:5rem;max-height:5rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;font-size:.8rem;font-weight:400;font-family:config-b;letter-spacing:.1rem;text-transform:uppercase;color:var(--text)}.footer .tagline{display:flex;align-items:center;gap:1rem;flex-grow:2;font-family:config;justify-content:center}.footer .tagline a{font-family:config-b}.footer .tagline a:hover{color:var(--color_accent)}.footer>div{width:33%;flex-grow:1;display:flex;align-items:center}.footer .vers>p{padding:1rem;font-family:config-b;border-radius:3px;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);cursor:pointer;transition:.15s all ease-in-out}.footer .vers>p:hover{transition:.2s all ease-in-out;transform:scale(1.05)}.navButtons{display:flex;gap:1rem;position:absolute;bottom:1rem;right:2rem}.navButtons_button{display:flex;position:relative;justify-content:center;align-items:center;padding:1rem 1.5rem;height:3rem;border:none;text-transform:uppercase;font-family:config-b;font-size:1.2rem;background-color:var(--maincolor);border-radius:3px;color:var(--text);cursor:pointer}.navButtons_button .notifBubble{position:absolute;display:flex;justify-content:center;align-items:center;top:-.5rem;right:.2rem;width:1.3rem;aspect-ratio:1;overflow:hidden;background-color:#f52323;border-radius:50rem;color:#fff;font-size:.8rem;animation:10s notifBubble infinite ease-out;font-family:config}.navButtons_button:hover{color:var(--text);background-color:var(--maincolor)}.rarity{font-weight:700;text-transform:uppercase}.rarity.common{color:inherit}.rarity.rare{color:var(--color_rare)}.rarity.epic{color:var(--color_epic)}.rarity.legendary{color:var(--color_legendary)}.rarity.mythic span:first-of-type{background:linear-gradient(90deg,rgb(22,192,161) 20%,rgb(187,187,187) 50%,rgb(192,53,159) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dark .rarity.common{color:inherit}#dark .rarity.rare{color:var(--color_rare)}#dark .rarity.epic{color:var(--color_epic)}#dark .rarity.legendary{color:var(--color_legendary)}#dark .rarity.mythic span:first-child{background:linear-gradient(90deg,rgb(22,192,161) 20%,rgb(187,187,187) 50%,rgb(192,53,159) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icon{display:inline-block;width:24px;height:24px;vertical-align:text-bottom;background-position:center;background-size:cover}.icon.event{width:24px;height:24px;filter:brightness(4)}.icon.big{width:26px;height:26px}.icon.overwatch_coin{background-image:url(/assets/icons/overwatch_coin.png)}.icon.archives{background-image:url(/assets/icons/archives.svg)}.icon.summer_games{background-image:url(/assets/icons/summer_games.svg)}.icon.anniversary{background-image:url(/assets/icons/anniversary.svg)}.icon.winter_wonderland{background-image:url(/assets/icons/winter_wonderland.svg)}.icon.halloween_terror{background-image:url(/assets/icons/halloween_terror.svg)}.icon.lunar_new_year{background-image:url(/assets/icons/lunar_new_year.svg)}.icon.special{background-image:url(/assets/icons/special.svg)}.icon.overwatch_league{background-image:url(/assets/icons/overwatch_league.png)}.icon.shop{background-image:url(/assets/icons/shop.svg)}.icon.battle_pass_season_1{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_2{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_3{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_4{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_5{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_6{background-image:url(/assets/icons/battle_pass.svg)}.icon.battle_pass_season_7{background-image:url(/assets/icons/battle_pass.svg)}.icon.tank{background-image:url(/assets/icons/Tank.svg)}.icon.damage{background-image:url(/assets/icons/Damage.svg)}.icon.support{background-image:url(/assets/icons/Support.svg)}.icon.timer{background-image:url(/assets/icons/timer.svg)}.adminLogin{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;height:100%;gap:3rem}.adminLogin__form{display:flex;flex-direction:column;gap:.5rem;width:450px}.adminLogin__logo{background-image:url(/assets/Logo_admin_white.png);background-position:center;background-size:contain;background-repeat:no-repeat;width:100%;height:50px}#dark .adminLogin__logo{background-image:url(/assets/Logo_admin_dark.png)}.healthBar{width:100%;display:flex;gap:3px}.healthBar__cell{width:100%;height:2rem;border-radius:2px;background-color:var(--maincolor_white)}.healthBar__cell.armor{background-color:var(--color_legendary)}.healthBar__cell.shield{background-color:var(--color_rare)}.healthBar__cell.disabled{opacity:.3}.CarrerPlayer{position:relative;display:flex;overflow:hidden;height:100%;width:100%;gap:1rem}.CarrerPlayer select{background-color:var(--maincolor_b);border:1px solid var(--text_transparent)}.CarrerPlayer__column{position:relative;display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.CarrerPlayer__column:nth-child(1){width:100%}.CarrerPlayer__column:nth-child(2){max-width:400px}.PlayerCard{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-radius:5px;width:100%;height:150px;overflow:hidden;flex-shrink:0;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent)}.PlayerCard__image{display:grid;grid-area:img;position:relative;justify-content:center;align-items:center;background-color:var(--maincolor);width:150px;min-width:150px;height:150px;border-radius:3px}.PlayerCard__infos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:75px 75px;grid-template-areas:" pseudo endorsement" "title rankbar";width:100%;margin-right:1rem}.PlayerCard__infos__pseudo{align-self:center;display:grid;grid-area:pseudo;font-size:2.5rem;font-family:config-b;text-transform:uppercase}.PlayerCard__infos__title{align-self:center;display:grid;grid-area:title;font-size:1.5rem;font-family:config-b;font-style:italic;color:var(--color_abilities);text-transform:uppercase}.PlayerCard__infos__endorsement{justify-self:end;align-self:center;width:3rem}.PlayerCard__infos__rankBar{align-self:center;justify-self:end;display:flex;grid-area:rankbar;border-radius:3px;margin-left:.5rem;height:50px;width:300px;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent)}.PlayerCard__infos__rankBar>div{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-grow:1;border-right:1px solid var(--maincolor_b)}.PlayerCard__infos__rankBar>div img.rank{height:2.4rem}.PlayerCard__infos__rankBar>div img.role{height:1.6rem;filter:invert(1) opacity(.75)}.PlayerCard__infos__rankBar>div:last-child{border:none}.SelectCard{display:flex;grid-area:selectmode;align-items:center;align-self:center;height:60px;width:100%;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:5px;gap:1rem;font-family:config-b;text-transform:uppercase;padding:1rem;flex-shrink:0}.THCard{display:flex;position:relative;flex-direction:column;justify-content:start;align-items:center;grid-area:topheros;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:5px;width:100%;height:0;flex-grow:1;gap:0rem}.THCard__header{display:flex;justify-content:space-between;flex-direction:row;width:100%;font-family:config-b;text-transform:uppercase;padding:1rem}.THCard__list{display:flex;position:relative;flex-direction:column;gap:1rem;width:100%;border-radius:5px;overflow-y:auto;padding:0 1rem}.THCard .HeroCard{display:flex;background-color:transparent;border:1px solid var(--text_transparent);align-content:center;border-radius:5px;width:100%;height:100px}.THCard .HeroCard__image img{height:100%;width:auto;object-fit:cover;aspect-ratio:1;background-size:contain;background-position:center;border-radius:3px;background-color:#00000012}.THCard .HeroCard__infos{display:flex;justify-content:space-between;place-items:center;height:auto;width:100%;margin:1rem;text-transform:uppercase;font-family:config-b}.CarrerStats{background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);display:flex;flex-direction:column;gap:1rem;width:100%;flex-grow:1;border-radius:5px;padding:1rem}.CarrerStats__header{display:flex;justify-content:space-between;flex-direction:row;width:100%;font-family:config-b;text-transform:uppercase}.CarrerStats__columns{display:flex;flex-direction:column;gap:1rem;width:100%;flex-grow:1;height:0;overflow:auto}.CarrerStats__column{display:flex;flex-direction:column;align-items:start;gap:.5rem;width:100%;flex-grow:1}.CarrerStats__column__group{display:flex;flex-direction:column;gap:.5rem;width:100%;height:fit-content;margin-bottom:1rem}.CarrerStats__column__group__title{background-color:transparent;border-bottom:2px solid var(--text_transparent);padding:.5rem 1rem;color:var(--text);text-transform:uppercase;font-family:config-b;font-size:1.2rem;border-radius:0}.CarrerStats__column__group__item{display:flex;justify-content:space-between;gap:2rem;padding:.5rem 1rem;border-radius:3px;background-color:transparent;border:1px solid var(--text_transparent);text-transform:uppercase;font-family:config-b;font-size:.9rem}.heroCardHorizontal{display:flex;position:relative;padding:.5rem 3.5rem .5rem 1rem;border-radius:3px;width:180px;min-height:35px;background-color:var(--maincolor_transparent);background-position:right center;background-size:30%;background-repeat:no-repeat;text-align:left;cursor:pointer;transition:.1s all ease-in-out;font-family:config-b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.heroCardHorizontal.inactive:before{content:"";background-image:url(/assets/icons/hide_dark.png);background-size:contain;background-repeat:no-repeat;min-width:20px;margin-right:.5rem;margin-left:0}.heroCardHorizontal.selected{background-color:var(--color_accent);background-size:70%;box-shadow:inset 18rem 0 5rem -10rem var(--color_accent);color:var(--maincolor_white);font-family:config-b;transition:.1s all ease-in-out}.heroCardHorizontal:hover:not(.heroCardHorizontal.selected){background-color:var(--maincolor_transparent)}.heroCardHorizontal.newSkin:before{content:"";background-image:url(/assets/icons/new_small.png);background-size:contain;background-repeat:no-repeat;min-width:20px;margin-right:.1rem;margin-left:-4px}.heroCardHorizontal.newSkin:after{display:none}.skinCard{display:flex;position:relative;flex-direction:column;background-color:var(--maincolor_transparent);border-radius:3px;box-shadow:0 4px 4px var(--color_shadow);transition:.1s all;font-family:config-b;cursor:pointer;opacity:0;animation:cardfadein .2s;animation-fill-mode:forwards}.skinCard:nth-child(1){animation-delay:.03s}.skinCard:nth-child(2){animation-delay:.06s}.skinCard:nth-child(3){animation-delay:.09s}.skinCard:nth-child(4){animation-delay:.12s}.skinCard:nth-child(5){animation-delay:.15s}.skinCard:nth-child(6){animation-delay:.18s}.skinCard:nth-child(7){animation-delay:.21s}.skinCard:nth-child(8){animation-delay:.24s}.skinCard:nth-child(9){animation-delay:.27s}.skinCard:nth-child(10){animation-delay:.3s}.skinCard:nth-child(11){animation-delay:.33s}.skinCard:nth-child(12){animation-delay:.36s}.skinCard:nth-child(13){animation-delay:.39s}.skinCard:nth-child(14){animation-delay:.42s}.skinCard:nth-child(15){animation-delay:.45s}.skinCard:nth-child(16){animation-delay:.48s}.skinCard:nth-child(17){animation-delay:.51s}.skinCard:nth-child(18){animation-delay:.54s}.skinCard:nth-child(19){animation-delay:.57s}.skinCard:nth-child(20){animation-delay:.6s}.skinCard:nth-child(21){animation-delay:.63s}.skinCard:nth-child(22){animation-delay:.66s}.skinCard:nth-child(23){animation-delay:.69s}.skinCard:nth-child(24){animation-delay:.72s}.skinCard:nth-child(25){animation-delay:.75s}.skinCard:nth-child(26){animation-delay:.78s}.skinCard:nth-child(27){animation-delay:.81s}.skinCard:nth-child(28){animation-delay:.84s}.skinCard:nth-child(29){animation-delay:.87s}.skinCard:nth-child(30){animation-delay:.9s}.skinCard.addskin{height:100%}.skinCard.event .skinCard__image{height:120px}.skinCard.inactive:after{content:"";position:absolute;width:100%;aspect-ratio:5/4;top:0;left:0;background-image:url(/assets/icons/hide.png);background-position:center;background-repeat:no-repeat}.skinCard__image{width:100%;aspect-ratio:5/4;background-size:cover;background-position:center;border-radius:3px 3px 0 0;object-fit:cover}.skinCard__name{padding:3px 6px 6px;text-transform:uppercase;font-size:1rem;font-weight:400;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.skinCard>.icon{position:absolute;top:.5rem;right:.5rem;z-index:1}.skinCard>.icon.event{top:unset;right:.5rem;bottom:2.5rem}.skinCard:hover{transform:scale(1.05)}.fade-appear,.fade-enter{opacity:0;z-index:1}.fade-appear-active,.fade-enter.fade-enter-active{opacity:1;transition:opacity .45s linear .25s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .15s linear}.pageLoader{display:flex;position:relative;height:100%;min-height:5rem;flex-grow:1;justify-content:center;align-items:center}.pageLoader div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--text);border-radius:50%;animation:pageLoader 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--text) transparent transparent transparent}.pageLoader div:nth-child(1){animation-delay:-.45s}.pageLoader div:nth-child(2){animation-delay:-.3s}.pageLoader div:nth-child(3){animation-delay:-.15s}@keyframes pageLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown{text-transform:uppercase;font-family:config-b;letter-spacing:.2rem;line-height:1.8}.markdown textarea{border:none;width:100%;height:100%;background-color:transparent;font-family:config-c;font-weight:500;font-size:1rem;line-height:1.8;border-radius:0;padding:0 1rem;outline:3px dashed var(--color_accent)}.markdown h1{padding-top:.3rem;margin-bottom:.5rem;font-size:1.5rem}.markdown h1:not(:nth-child(1)){padding-top:1.5rem}.markdown h2{font-size:1rem;padding-top:.7rem;margin-bottom:.7rem}.markdown blockquote{margin:2rem;font-size:1.2rem;letter-spacing:.1rem;font-style:italic}.markdown blockquote p:after{content:"\bb"}.markdown blockquote p:before{content:"\ab";display:inline}.markdown p{width:95%;font-family:config-l;font-weight:500;text-transform:none;text-overflow:clip;margin-bottom:1rem;margin-right:2rem;letter-spacing:0}.markdown strong{font-family:config-b;color:var(--text)}.markdown h3{font-size:1rem;padding:2rem 0}.markdown h4{font-size:.6rem;width:500px;font-family:config-b;text-align:left;background:linear-gradient(45deg,#f06414,rgba(240,101,20,0));border-radius:.3rem;color:var(--maincolor_white);padding-left:.5rem;transform:translate(1rem)}.markdown h5{font-size:1rem}.markdown a{color:var(--color_accent)}.markdown a:hover{text-decoration:underline}.markdown ul>li{font-size:1rem;font-family:config-l;list-style:none;text-transform:none;letter-spacing:normal;line-height:1.4rem;transform:translate(1rem);width:90%;margin-bottom:1rem}.markdown li:before{content:"";position:absolute;top:0;left:-10px;width:2px;height:100%;background-color:var(--color_accent)}.markdown table{width:100%;float:center;border-collapse:collapse}.markdown table img{position:inherit;z-index:1;border-radius:.3rem;width:100%}.markdown table th{margin:0;padding:0}.markdown table tr td{padding:0;margin:0}.markdown table td{transform:translateY(-14px)}.markdown table em{text-align:center;text-transform:capitalize;letter-spacing:.05rem;font-size:.8rem;line-height:4px;font-family:config-b;width:100%}.homeCards{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:3rem}.homeCards__grid{display:flex;gap:3.5rem;height:340px}.homeCards__grid.small{flex-direction:column}.homeCard{background-color:var(--maincolor_transparent);backdrop-filter:blur(10px);border-radius:3px;height:100%;width:260px;box-shadow:0 5px 5px 2px var(--color_shadow);transition:.1s all}.homeCard article{display:flex;flex-direction:column;position:relative;height:100%}.homeCard.small .homeCard_image{aspect-ratio:unset;flex-grow:1;background-size:contain;background-repeat:no-repeat}.homeCard.small .homeCard_title{padding:.7rem 1rem;text-align:center;text-transform:uppercase;font-weight:400;height:fit-content}.homeCard_image{position:relative;width:100%;aspect-ratio:5/4;background-position:center;background-size:cover;border-radius:3px 3px 0 0;background-color:var(--maincolor);transition:all .1s}.homeCard_title{letter-spacing:.1rem;font-family:config-b,sans-serif;color:var(--text);padding:.7rem 1rem;text-align:center;text-transform:uppercase;font-weight:400;font-size:18px}.homeCard_description{color:var(--text);padding:.2rem 1rem;text-align:center;text-transform:uppercase}.homeCard.disabled{opacity:.5;cursor:default}.homeCard.disabled .homeCard_image:after{content:"NEXT UPDATE";font-family:config-b;color:var(--text);display:block;position:absolute;text-align:center;width:100%;top:0px;right:0;font-weight:700;font-size:.8rem;background-color:var(--maincolor_transparent);padding:.3rem .5rem;width:fit-content;border-radius:0 5px 0 3px}.homeCard:not(.disabled):hover{transform:scale(1.15)}.homeCards a .homeCard_image{background-size:cover}.Heroes *{scrollbar-width:none}.Heroes * ::-webkit-scrollbar{display:none}.App:has(.Heroes),.main:has(.Heroes){max-width:1600px}.Heroes{display:grid;grid-template-columns:370px 620px 370px;height:100%;width:100%;max-width:1600px;justify-content:center;margin:0 auto;gap:4rem}.Heroes_col{height:100%;width:auto}.Heroes_col:nth-child(1) .Heroes_col_grid{justify-content:end}.Heroes_col:nth-child(3) .Heroes_col_grid{justify-content:start}.Heroes_col_header{display:flex;font-family:config-b;text-transform:uppercase;font-size:1.8rem;color:var(--text);height:3rem;gap:.5rem;align-items:center}.Heroes_col_header_icons{display:flex;justify-content:center;align-items:center;padding:.4rem;aspect-ratio:1;border-radius:50%}.Heroes_col_header_icons .icon{margin-top:-5px}.Heroes_col_grid{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-content:start;gap:5px;padding:1.7rem 0}.addhero{display:grid;justify-content:center;align-items:flex-end;width:120px;border-radius:3px;border:1px solid var(--maincolor);padding:1rem;transition:.2s all ease-in-out;cursor:pointer}.addhero_plus{width:40px;align-self:center;justify-self:center}.addhero:hover{transform:scale(1.05);background-color:#fff;box-shadow:0 -1px 6px var(--color_shadow)}.portraitGallery{position:relative;width:120px;height:fit-content;padding:3px;background-color:var(--maincolor_transparent);border-radius:3px;box-shadow:-1px 1px 13px #0000001a;transition:.1s transform;z-index:9;color:var(--text);cursor:pointer}.portraitGallery.inactive:after{content:"";position:absolute;aspect-ratio:1;top:3px;left:3px;right:3px;bottom:3px;background-image:url(/assets/icons/hide.png);background-position:center;background-repeat:no-repeat;background-size:75%;background-color:#333f4980;border-radius:3px}.portraitGallery.addHero .portraitGallery_image{display:flex;justify-content:center;align-items:center}.portraitGallery.addHero span:nth-child(2){position:absolute;font-size:5rem;color:var(--text)}.portraitGallery:hover{transform:scale(1.3);box-shadow:0 -1px 6px #0003;backdrop-filter:blur(5px);z-index:15}.portraitGallery_image{width:100%;aspect-ratio:1;margin-bottom:3px;overflow:hidden;background-color:#00000012;border-radius:3px}.portraitGallery_image_lazy{object-fit:fill;width:100%}.portraitGallery_name{text-align:center;width:100%;padding:.2rem;border-radius:.5rem;font-family:config-b,sans-serif;color:var(--text);text-transform:uppercase;font-weight:400;font-size:.8rem}@media (max-width: 1600px){.App:has(.Heroes),.main:has(.Heroes){max-width:1200px}.Heroes{display:grid;grid-template-columns:370px 370px 370px;height:100%;width:100%;max-width:1600px;justify-content:center;margin:0 auto;gap:2rem}.Heroes_col{height:100%;width:auto}.Heroes_col:nth-child(1) .Heroes_col_grid{justify-content:end}.Heroes_col:nth-child(3) .Heroes_col_grid{justify-content:start}.Heroes_col_header{display:flex;font-family:config-b;text-transform:uppercase;font-size:1.8rem;height:3rem;gap:1rem;align-items:center}.Heroes_col_grid{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-content:start;gap:5px;padding:1.7rem 0}}*{font-weight:400}.HeroDetails{height:100%;width:100%;overflow:hidden;display:grid;grid-template-columns:510px .9fr 1fr;grid-template-rows:.5fr 1fr 1fr;grid-template-areas:"port lore lore" "abilities lore lore" "abilities lore lore"}.lore{grid-area:lore;display:flex;flex-direction:column;height:100%;margin-top:0;margin-left:1rem}.lore_header_title{display:inline-block;margin-bottom:1rem;align-self:center;text-transform:uppercase;font-family:config-b;width:fit-content}.lore_header_bar{height:.5rem;width:82%;margin-left:1rem;margin-right:1rem;border-radius:10rem;display:inline-block;background-color:var(--color_accent)}.lore_content{padding:1.5rem;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);backdrop-filter:blur(10px);width:100%;height:100%;border-radius:3px;overflow-y:scroll}.abs{display:flex;flex-direction:column;margin-left:0;overflow:hidden;grid-area:abilities;height:100%}.abs__title{display:inline-block;margin-bottom:1rem;align-self:center;color:var(--text);text-transform:uppercase;font-family:config-b}.abs__bar{height:.5rem;width:30%;margin-left:1rem;border-radius:10rem;display:inline-block;background-color:var(--color_accent)}.abs__divbtn{grid-area:button;display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}.abs__power{overflow-y:scroll;display:flex;flex-direction:column;width:100%;height:100%;gap:.5rem}.abs__power__content{position:relative;padding:.5rem;display:flex;height:fit-content;flex-direction:row-reverse;justify-content:flex-end;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:3px}.abs__power__content.add{display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:var(--text);cursor:pointer}.abs__power__content__text{order:2;display:flex;flex-direction:column;justify-content:start;align-items:start;flex-grow:1;gap:.7rem}.abs__power__content__text__name{text-align:center;justify-self:center;font-family:config-b;font-weight:400;font-size:100%;text-transform:uppercase;color:var(--color_abilities)}.abs__power__content__text__description{color:var(--text)}.abs__power__content__image{order:3;display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--maincolor_white);width:78px;min-width:78px;height:78px;border-radius:3px;margin:0 1rem .6rem 0}.abs__power__content__image.ult{border-radius:50%;box-shadow:inset 0 0 1em var(--color_abilities),0 0 2em var(--color_abilities)}.abs__power__content__image__src{padding:1rem;width:100%;object-fit:contain;filter:invert(85%) sepia(16%) saturate(726%) hue-rotate(165deg) brightness(98%) contrast(86%)}.abs__power__content__image__key{position:absolute;bottom:0;transform:translateY(50%);background-color:#ffc93d;border-radius:3px;color:var(--maincolor_dark);text-transform:uppercase;font-family:config-b;font-size:.8rem;padding:.15rem .4rem}.abs__power__content__stats{display:flex;flex-direction:column;align-items:end;gap:.25rem;margin-left:.5rem;white-space:nowrap;order:1}.abs__power__content__stats .statLabel{display:flex;align-items:center;gap:.5rem;background-color:var(--color_abilities);padding:.2em .4rem;font-size:12px;font-family:config-b;border-radius:3px;width:fit-content;color:var(--maincolor_dark)}.abs__power__content__stats .statLabel .icon{display:block;height:12px;width:12px}.abs__power__content .icon.edit{position:relative;width:10px;margin-left:.5rem;cursor:pointer}.portrait{display:grid;position:relative;grid-template-columns:.6fr 1fr;grid-template-rows:1fr auto 2fr;grid-template-areas:"img name" "img vie" "img info";gap:0 14px;width:100%;font-size:1.2rem;padding:.3rem;height:fit-content;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:3px;z-index:9}.portrait .icon{position:absolute;top:1rem;right:1rem}.portrait_image{width:100%;aspect-ratio:0;object-fit:cover;background-repeat:no-repeat;background-size:cover;overflow:hidden;grid-area:img;border-radius:3px}.portrait_image_role{display:flex;justify-content:center;align-items:center;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);padding:.1rem;border-radius:3px;gap:.2rem;font-size:1rem;font-family:config-b;text-transform:uppercase}.portrait_image img{width:100%}.portrait_name{font-family:config-b;align-self:center;font-size:2rem;text-transform:uppercase;grid-area:name;margin-bottom:0}.portrait_name input{font-family:config-b;font-size:2rem;text-transform:uppercase;width:15rem;background-color:transparent;border-radius:.5rem;border:none;outline:3px dashed var(--maincolor_transparent);color:var(--text)}.portrait_life{display:flex;flex-direction:column;gap:.5rem;width:100%;border-bottom:1px solid var(--maincolor_transparent)}.portrait_life_healbar{display:flex;gap:3rem;justify-content:space-between}.portrait_life_hp{font-size:1rem;padding-bottom:.5rem}.portrait_life .buff{text-align:center;padding:.2rem .5rem;height:100%;font-size:10px}.portrait_life .buff:hover{transform:none}.portrait_info{font-size:.9rem;font-family:config-l;line-height:1.4;text-decoration:none;list-style:none;padding-top:.5rem;grid-area:info}.portrait_info :nth-child(1):before{content:"Real Name";font-family:config-b}.portrait_info :nth-child(2):before{content:"Surname";font-family:config-b}.portrait_info :nth-child(3):before{content:"Location";font-family:config-b}.portrait_info :nth-child(4):before{content:"Affiliation";font-family:config-b}.skinsPage *{scrollbar-width:none}.skinsPage * ::-webkit-scrollbar{display:none}.newSkin:after{content:"";position:absolute;background-image:url(../assets/icons/New.svg);background-size:contain;background-repeat:no-repeat;width:4rem;height:2rem;top:-.5rem;right:-.7rem;filter:drop-shadow(0px 0px 8px rgb(255,174,0))}.preSkin:after{content:"";position:absolute;background-image:url(../assets/icons/pre.png);background-size:contain;background-repeat:no-repeat;width:4rem;height:2rem;top:-.5rem;right:-.7rem}.skinsPage{display:grid;grid-template-columns:auto auto;grid-template-rows:85px auto;grid-template-areas:"filter filter" "heroes skins";padding:0;height:100%;width:100%;gap:1rem;column-gap:12px;overflow:hidden}.skinsPage .filterZone{grid-area:filter}.skinsPage .columnOfHeroes{grid-area:heroes;padding:3px 3px 0;display:flex;grid-template-columns:1fr;flex-direction:column;gap:1rem;overflow-y:auto;text-align:center;text-transform:uppercase;font-size:1rem;color:var(--text)}.skinsPage .gridSkins{grid-area:skins;display:grid;gap:1rem;grid-template-columns:repeat(5,185px);grid-auto-rows:min-content;width:100%;height:100%;padding:.5rem;overflow:auto}.skinVisualizer{position:absolute;top:0;width:100%;height:100%}.skinVisualizer__skin{position:relative;width:1200px;aspect-ratio:16/9;background-size:contain;background-position:center;background-repeat:no-repeat;padding:3rem;border-radius:3px;animation:fadein .2s}.skinVisualizer__skin__heroname{position:absolute;font-family:config-b;left:3rem;font-size:3rem;text-transform:uppercase;background:linear-gradient(rgb(232,235,238),rgba(232,235,238,.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:skininfos 1s}.skinVisualizer__skin__heroname .icon.edit{position:absolute;display:block;top:0rem;right:-2.5rem;cursor:pointer}.skinVisualizer__skin__skinname{display:flex;position:absolute;justify-content:space-between;align-items:center;font-family:config-b;left:3rem;top:7rem;font-size:1rem;text-transform:uppercase;background-color:#000;border:2px solid var(--maincolor_white);color:var(--maincolor_white);width:300px;border-radius:50rem;padding:.2rem 1rem;animation:skininfos 1s}.skinVisualizer__skin__info{position:absolute;font-family:config;text-transform:uppercase;top:12rem;left:3rem;font-size:1rem;color:#fff;border-left:3px solid var(--color_accent);padding:.25rem 1rem;max-width:400px;text-shadow:2px 2px 5px rgba(0,0,0,.492);animation:skininfos 1s}.skinVisualizer__skin__price{position:absolute;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:config-b;right:3rem;bottom:3rem;font-size:3rem;text-transform:uppercase;background:linear-gradient(rgb(232,235,238),rgba(232,235,238,.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:skininfos 1s}.skinVisualizer__skin__price .money{position:relative;height:3rem;width:3rem;background-size:contain;background-position:center;background-repeat:no-repeat}.skinVisualizer__skin__price .money.coins{background-image:url(/assets/icons/coins.png)}.skinVisualizer__skin__price .money.euro{background-image:url(/assets/icons/euro.png)}.skinVisualizer__skin__price .money.credits{background-image:url(/assets/icons/credits.png)}.skinVisualizer__skin__price .money.token{background-image:url(/assets/icons/token.webp)}.filterPanel{display:flex;align-items:start;justify-content:start;flex-direction:column;gap:12px;color:var(--text);text-transform:uppercase;margin-top:.5rem}.filterPanel__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.filterPanel__row:nth-child(2){border-top:1px solid var(--text_transparent)}.filterPanel__nSkinsFounds{border-left:2px solid var(--maincolor_transparent);padding:.5rem .5rem .5rem 1rem}.carrerSearchPage{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.carrerSearchPage>div{width:600px}.carrerSearchPage__logo{position:relative;background-image:url(../assets/images/carrer_logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;height:200px}.carrerSearchPage__searchZone h1{font-size:1.8rem;font-family:config-b;color:var(--text);text-transform:uppercase;text-align:center;margin-bottom:1rem}.carrerSearchPage__searchZone input{width:100%}.carrerSearchPage__searchZone__errorMsg{height:50px;padding:1rem;font-size:1rem;font-family:config-b;text-transform:uppercase;color:var(--color_invalid)}.carrerSearchPage__previousSearchZone__title{display:flex;align-items:center;gap:1rem;font-family:config-b;color:var(--text);text-transform:uppercase;white-space:nowrap}.carrerSearchPage__previousSearchZone__title hr{border:2px solid var(--text_transparent);width:100%;height:0}.carrerSearchPage__previousSearchZone__list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;border-radius:5px}.carrerSearchPage__previousSearchZone__list__item{display:grid;grid-template-columns:min-content auto;grid-template-rows:1fr 1fr;grid-template-areas:"avatar username" "avatar title";width:100%;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:3px;height:auto;cursor:pointer;transition:.1s all}.carrerSearchPage__previousSearchZone__list__item:hover{transform:scale(1.03)}.carrerSearchPage__previousSearchZone__list__item__avatar{grid-area:avatar;aspect-ratio:1;height:65px;background-size:cover;border-radius:3px;border:1px solid var(--text);margin:3px;margin-right:.5rem}.carrerSearchPage__previousSearchZone__list__item__username{grid-area:username;font-family:config-b;color:var(--text);font-size:1.3rem;text-transform:uppercase;padding-top:.3rem}.carrerSearchPage__previousSearchZone__list__item__title{grid-area:title;font-family:config-b;color:var(--color_abilities);font-size:14px;text-transform:uppercase;font-style:italic}.mapsPage{display:grid;grid-template-columns:20rem auto;padding-bottom:0;height:100%;width:100%;gap:1rem;overflow:hidden}.mapsPage__column{display:flex;flex-direction:column;height:100%;gap:1rem;overflow:hidden}.mapsPage__column:nth-child(2){padding-top:3px}.mapsPage__column__modesList{padding:0 .6rem;display:flex;grid-template-columns:1fr;flex-direction:column;gap:1rem;overflow-y:auto;text-align:center;text-transform:uppercase;font-size:1.1rem;color:var(--text);font-family:config-b;padding-top:3px}.mapsPage__column__modesList__item{display:flex;position:relative;justify-content:space-between;align-items:center;padding:1rem 1rem 1rem 1.5rem;border-radius:3px;aspect-ratio:5/1;background-color:var(--maincolor_transparent);background-position:right center;background-size:30%;background-repeat:no-repeat;cursor:pointer;box-shadow:0 0 6px var(--color_shadow);transition:.1s all ease-in-out}.mapsPage__column__modesList__item.selected{background-color:var(--color_accent);color:#fff}.mapsPage__column__modesList__item:hover{transform:scale(1.05);transition:.2s all ease-in-out;z-index:99999}.mapsPage__column__modesList__item__icon{height:1.5rem;opacity:.75;filter:invert(1)}.mapsPage__column__mapsGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));grid-auto-rows:min-content;width:100%;height:100%;flex-grow:1;padding:.5rem;overflow:auto}.mapsPage__column__mapsGrid__item{display:flex;position:relative;flex-direction:column;background-color:var(--maincolor_transparent);border-radius:3px;box-shadow:0 4px 4px var(--color_shadow);transition:.1s all;cursor:pointer}.mapsPage__column__mapsGrid__item.inactive{opacity:.6}.mapsPage__column__mapsGrid__item__image{width:100%;aspect-ratio:5/3;background-size:cover;background-position:center;border-radius:3px 3px 0 0;object-fit:cover;transition:.1s all}.mapsPage__column__mapsGrid__item__name{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;text-transform:uppercase;font-size:1rem;font-weight:400;font-family:config-b}.mapsPage__column__mapsGrid__item__flag{height:1rem}.mapsPage__column__mapsGrid__item:hover{transform:scale(1.05);z-index:99999}.mapDetails{display:grid;grid-template-columns:30rem auto;padding-bottom:0;height:100%;width:100%;gap:1rem;overflow:hidden}.mapDetails__column{display:flex;flex-direction:column;height:100%;gap:1rem;overflow:hidden}.mapDetails__descriptionBlock{position:relative;flex-grow:1;font-family:config-b;padding:1rem;border-radius:3px;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);line-height:1.8}.mapDetails__descriptionBlock .icon{position:absolute;right:1rem}.mapDetails__lore{flex-grow:1;background-color:var(--maincolor_transparent);border:1px solid var(--maincolor_transparent);border-radius:3px;padding:2rem 1rem;line-height:1.8;overflow-y:auto}.mapDetails__lore__header{position:relative;width:100%;display:flex;align-items:center;padding-right:1rem}.mapDetails__lore__header__title{display:inline-block;align-self:center;color:var(--text);text-transform:uppercase;font-family:config-b;width:fit-content}.mapDetails__lore__header__bar{height:10px;flex-grow:1;margin-left:1rem;border-radius:2px;display:inline-block;background-color:var(--color_accent);transform:skew(-35deg)}.mapPreview{position:relative;height:20rem;background-size:cover;background-position:center;border-radius:3px}.mapPreview__title{font-size:2.2rem;font-family:config-b;color:var(--maincolor_white);text-transform:uppercase;padding:.5rem 1rem;opacity:.95;text-shadow:0px 0px 4px rgba(0,0,0,.45)}.mapPreview__footer{position:absolute;display:flex;gap:.5rem;padding:1rem 1rem 1.5rem;flex-direction:column;font-family:config-b;background-color:var(--maincolor_transparent);backdrop-filter:blur(7px);width:100%;bottom:0}.mapPreview__footer .icon{position:absolute;right:1rem}.accountMenu{display:flex;flex-direction:column;align-items:start;margin-left:1rem;border-radius:3px;transition:1s background-color,1s box-shadow;user-select:none;cursor:pointer;transition-delay:.1s;z-index:99}.accountMenu:hover,.accountMenu.opened{background-color:var(--maincolor_transparent);backdrop-filter:blur(24px);transition:.1s background-color,.1s box-shadow;transition-delay:0ms;box-shadow:0 0 4px 0 var(--color_shadow)}.accountMenu__container{display:flex;align-items:start;height:3rem;overflow:visible}.accountMenu__separatorLeft{border-left:1px solid var(--text_transparent);margin-left:1rem;height:3rem}.accountMenu__header{display:flex;gap:.5rem;align-items:center;justify-content:center;font-size:1.5rem;font-family:config;text-transform:uppercase;padding:.5rem}.accountMenu__header__avatar{width:2rem;aspect-ratio:1;border-radius:3px;outline:1px solid var(--text_transparent)}.accountMenu__body{display:flex;flex-direction:column;gap:.25rem;max-height:0;width:100%;overflow:hidden;transition:all .1s ease-in-out}.accountMenu__body__item{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-family:config-b;text-transform:uppercase;white-space:nowrap;padding:.25rem .5rem;transition:.1s all}.accountMenu__body__item:hover{background-color:var(--maincolor_transparent)}.accountMenu__body__item.disabled{opacity:.3}.accountMenu__body__item:last-child{margin-bottom:.5rem}.accountMenu__body hr{margin:.25rem .5rem;border:none;border-top:1px solid var(--text_transparent)}.accountMenu__body hr:first-child{margin-top:.25rem}.panelContainer{display:flex;justify-content:center;align-items:center;position:fixed;background-color:#333f4986;backdrop-filter:blur(7px);top:0;left:0;width:100%;height:100vh;z-index:999;animation:popup_bg_entrance .2s}.panelContainer.reduced{background-color:inherit;backdrop-filter:none;height:0}.panelContainer.reduced .panel{margin-top:6rem;width:auto;min-width:auto}.panelContainer.reduced .panel__body,.panelContainer.reduced .panel__footer{display:none}.panel{display:flex;flex-direction:column;min-width:650px;background-color:var(--maincolor_b);color:var(--text);letter-spacing:1px;border-radius:7px;overflow:hidden;animation:popup_entrance .2s;font-size:1rem;zoom:1;outline:1px solid var(--maincolor_b)}.panel .reduced{display:none}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:5rem;background-color:var(--maincolor_transparent);padding:1rem 1.5rem}.panel__header h1{font-size:1.1rem}.panel__header__buttons{display:flex;align-items:center;gap:1rem}.panel__header__buttons div{cursor:pointer}.panel__body{flex-grow:1;display:grid;gap:.8rem;padding:2rem 1.5rem 3rem}.panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.panel__footer__active{display:flex;align-items:center;gap:1.5rem;text-transform:uppercase;color:red}.panel__footer__buttons{display:flex;gap:.7rem}.adminSkin .panel__body{grid-template-columns:150px 200px 100px 100px;grid-template-areas:"img name name name" "img aqui pri money" "img rar event event" "info info date date"}.adminSkin .panel__body__image{grid-area:img;display:flex;align-items:center;justify-content:center;border:3px solid var(--text_transparent);border-radius:3px;color:var(--text);background-position:center;background-size:cover;background-repeat:no-repeat}.adminSkin .panel__body__image input{display:none}.adminSkin .panel__body__name{grid-area:name}.adminSkin .panel__body__price{grid-area:pri}.adminSkin .panel__body__price:after{content:"coins";position:absolute;top:0;right:0}.adminSkin .panel__body__info{grid-area:info}.adminSkin .panel__body__date{grid-area:date}.adminSkin .panel__body__rarity{grid-area:rar}.adminSkin .panel__body__aquisition{grid-area:aqui}.adminSkin .panel__body__event{grid-area:event}.adminSkin .panel__body__money{grid-area:money}.adminHero .panel__body{grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(3,1fr) 1.75fr;grid-template-areas:"por name age" "por rname loc" "por sname aff" "por hp hp"}.adminHero .panel__body__portrait{grid-area:por;display:flex;flex-direction:column;width:100%;height:100%}.adminHero .panel__body__portrait__image{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1137254902);border-radius:3px 3px 0 0;color:var(--text_transparent);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#0000001a;flex-grow:1}.adminHero .panel__body__portrait__role{display:flex;align-items:center;justify-content:center;gap:1.5rem;background-color:var(--maincolor);border-radius:0 0 3px 3px;padding:.75rem}.adminHero .panel__body__portrait__role img{cursor:pointer;width:24px;opacity:.9;transition:.1s all;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.2));transform:scale(1.1)}.adminHero .panel__body__portrait__role img.disabled{opacity:.7;filter:none;transform:none}.adminHero .panel__body__portrait__role img.disabled:hover{opacity:.3}.adminHero .panel__body__name{grid-area:name}.adminHero .panel__body__realname{grid-area:rname}.adminHero .panel__body__surname{grid-area:sname}.adminHero .panel__body__affiliation{grid-area:aff}.adminHero .panel__body__location{grid-area:loc}.adminHero .panel__body__role{grid-area:role}.adminHero .panel__body__healthbar{grid-area:hp;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem}.adminHero .panel__body__healthbar__header{display:flex;justify-content:space-between;width:100%}.adminHero .panel__body__healthbar__header__inputs{display:flex;color:#ffffff30}.adminHero .panel__body__healthbar__header__inputs input{background-color:transparent;width:2.5rem;padding:0;font-size:1rem}.adminHero .panel__body__healthbar__header__inputs input:focus{outline:1px solid transparent}.adminHero .panel__body__healthbar__header__inputs input:not(:first-child){margin-left:.8rem}.adminHero .panel__body__healthbar__header__inputs input:nth-child(2){color:var(--color_rare)}.adminHero .panel__body__healthbar__header__inputs input:nth-child(3){color:var(--color_legendary)}.adminMap .panel__body{grid-template-columns:1fr 1fr 1fr;grid-template-rows:6fr 1fr 1fr;grid-template-areas:"img img img" "name name gm" "cty ctyc date"}.adminMap .panel__body__image{grid-area:img;display:flex;align-items:center;justify-content:center;border:1px solid var(--text_transparent);border-radius:3px;color:var(--text_transparent);background-position:center;background-size:cover;background-repeat:no-repeat}.adminMap .panel__body__name{grid-area:name}.adminMap .panel__body__country{grid-area:cty}.adminMap .panel__body__countryCode{grid-area:ctyc}.adminMap .panel__body__date{grid-area:date}.adminMap .panel__body__gamemode{grid-area:gm}.update{overflow:visible;width:750px}.update .panel__header{position:relative;border-radius:5px 5px 0 0}.update .panel__header h1{display:flex;justify-content:center;font-family:config-b;text-transform:uppercase}.update .panel__header img{position:absolute;width:240px;top:-8rem;left:60%}.update .panel__body{display:flex;flex-direction:column;width:100%;padding-bottom:1.5rem}.update .panel__body__title{font-family:config-b;text-transform:uppercase;padding:.5rem 0;height:fit-content}.update .panel__body__img{background-size:contain;background-position:center}.update .panel__body__description{padding:1rem;border-radius:5px;background-color:var(--maincolor_transparent);font-family:config-l}.update .panel__body__description__title{font-size:1.1rem;font-family:config-b;text-transform:uppercase;opacity:.5;margin-bottom:.5rem}.update .panel__body__pagination{grid-area:pagination;display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.8rem}.update .panel__body__pagination__bubble{display:flex;justify-content:center;align-items:center;width:.55rem;height:.55rem;background-color:#485763;color:#fff0;border-radius:50%;font-size:.35rem;cursor:pointer;transform:scale(1);transition:.2s all}.update .panel__body__pagination__bubble.active{transform:scale(1.5);background-color:var(--color_accent);color:#fff;font-family:config-b}.adminAbilities .panel__body{grid-template-columns:150px 150px 150px 150px;grid-template-areas:"img name name date" "img type type key" "img desc desc desc" "damage heal cooldown quantity"}.adminAbilities .panel__body__image{grid-area:img;display:flex;align-items:center;justify-content:center;border:1px solid var(--text_transparent);border-radius:3px;color:var(--text_transparent);background-position:center;background-size:80%;background-repeat:no-repeat}.adminAbilities .panel__body__image input{display:none}.adminAbilities .panel__body__name{grid-area:name}.adminAbilities .panel__body__description{grid-area:desc}.adminAbilities .panel__body__date{grid-area:date}.adminAbilities .panel__body__key{grid-area:key}.adminAbilities .panel__body__type{grid-area:type}.adminAbilities .panel__body__damage{grid-area:damage}.adminAbilities .panel__body__heal{grid-area:heal}.adminAbilities .panel__body__cooldown{grid-area:cooldown}.adminAbilities .panel__body__quantity{grid-area:quantity}.eventsHub .panel__body{display:flex;justify-content:space-evenly;gap:2rem}.eventsHub .panel__body__column{flex-grow:1;display:flex;flex-direction:column;gap:1rem;min-height:150px}.userList{min-width:500px;min-height:500px}.userList .panel__body{display:flex;flex-direction:column;gap:0}.userList .panel__body__item{display:flex;align-items:center;justify-content:space-between;border-radius:3px;padding:.75rem 1rem}.userList .panel__body__user{display:flex;align-items:center;gap:.5rem}.userList .panel__body__avatar{height:1.5rem;aspect-ratio:1;border-radius:3px;overflow:hidden}.userList .panel__body__avatar input{display:none}.userList .panel__body__pseudo{grid-area:name;font-family:config-b;text-transform:uppercase}.logs{width:auto;max-height:500px}.logs h1{display:flex;align-items:center;gap:.25rem}.logs .panel__body{display:flex;flex-direction:column;gap:0;overflow-y:scroll;font-size:16px;letter-spacing:0}.logs .panel__body__item{display:flex;align-items:center;gap:2rem;border-radius:3px;padding:.5rem 1rem}.logs .panel__body__item:nth-child(odd){background-color:var(--maincolor_transparent)}.logs .panel__body__date{font-size:14px}.logs .panel__body__description{flex-grow:1;width:300px}.logs .panel__body__user{display:flex;align-items:center;gap:.5rem;width:120px}.logs .panel__body__avatar{height:1.5rem;aspect-ratio:1;border-radius:3px;overflow:hidden}.logs .panel__body__avatar input{display:none}.logs .panel__body__pseudo{grid-area:name;text-transform:uppercase;font-size:14px}.settings{min-width:fit-content}.settings .panel__body{grid-template-columns:min-content min-content;grid-template-rows:auto auto auto;grid-template-areas:"avatar pseudo" "avatar pass1" "avatar pass2";gap:1rem}.settings .panel__avatar{grid-area:avatar;display:flex;align-items:center;justify-content:center;outline:3px solid var(--text_transparent);border-radius:3px;color:var(--text);background-position:center;background-size:cover;background-repeat:no-repeat;width:140px}.settings .panel__avatar input{display:none}.settings .panel__pseudo{grid-area:pseudo}.settings .panel__pass1{grid-area:pass1}.settings .panel__pass2{grid-area:pass2}input,select,option,textarea{outline:none;border:none;padding:8px 16px;text-transform:uppercase;font-family:config-b;border-radius:3px;resize:none;outline:1px solid transparent;background-color:var(--maincolor_transparent);font-size:1rem;transition:.1s all ease-in-out;color:var(--text)}input.login,select.login,option.login,textarea.login{font-size:1.3rem;padding:.9rem 1.2rem}input.editing,select.editing,option.editing,textarea.editing{font-size:1rem;line-height:1.8;padding:0;width:100%;height:100%;color:inherit;background:transparent;outline:2px dashed var(--maincolor);border-radius:0;outline-offset:.9rem;font-family:config-b;letter-spacing:0}input.editing:focus,select.editing:focus,option.editing:focus,textarea.editing:focus{outline:2px dashed var(--maincolor)}input.lang,select.lang,option.lang,textarea.lang{font-family:config-b;color:var(--text);font-size:16px;padding:.2rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select::-webkit-outer-spin-button,select::-webkit-inner-spin-button,option::-webkit-outer-spin-button,option::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::placeholder,select::placeholder,option::placeholder,textarea::placeholder{color:var(--text_transparent)}input:focus,select:focus,option:focus,textarea:focus{outline:3px solid var(--color_accent)}input:disabled,select:disabled,option:disabled,textarea:disabled{cursor:not-allowed}input.notransform,select.notransform,option.notransform,textarea.notransform{text-transform:none}.customSelect{position:relative}.customSelect__select{background-color:var(--maincolor_transparent);color:var(--text);font-family:config-b;padding:8px 16px;text-transform:uppercase;border-radius:3px;min-width:200px;width:auto;cursor:pointer;max-width:16ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.customSelect__select.selected{outline:3px solid var(--color_accent)}.customSelect__select:after{content:"";position:absolute;right:1rem;top:10px;width:7px;height:7px;border:solid var(--text);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.customSelect__values{display:flex;top:36px;flex-direction:column;gap:6px;position:absolute;padding:1rem;border-radius:3px;background-color:var(--maincolor_b);color:var(--text);width:max-content;z-index:2;cursor:pointer;animation:fadein .1s}.customCheckbox{display:block;position:relative;align-items:center;gap:.4rem;padding-left:35px;cursor:pointer;user-select:none;font-family:config-b;color:var(--text)}.customCheckbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}input:checked~.customCheckbox__checkmark:after{display:block}.customCheckbox__checkmark{position:absolute;top:0;left:0;height:23px;width:23px;background-color:var(--maincolor_transparent);transform:translateY(-1px);border:2px solid var(--text);border-radius:3px}.customCheckbox__checkmark:after{content:"";position:absolute;display:none;left:5px;top:0px;width:7px;height:12px;border:solid var(--color_accent);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);animation:checkbox .2s}textarea{text-transform:none}select:required:invalid,input[type=date]:required:invalid{color:var(--text_transparent)}button,.button{padding:.7rem 2rem;outline:none;border:none;padding:.7rem 1rem;text-transform:uppercase;font-family:config-b;color:var(--text);letter-spacing:.05rem;border-radius:3px;resize:none;outline:1px solid transparent;transition:.1s all ease-in-out;background-color:var(--maincolor);font-size:1rem}button:hover,.button:hover{background-color:var(--maincolor_b);border:none;transform:scale(1.05);cursor:pointer}button:active,.button:active{background-color:var(--maincolor_transparent)}button.primary,.button.primary{background-color:var(--maincolor_white);color:var(--text)}button.primary:hover,.button.primary:hover{background-color:var(--color_legendary);border:none;color:var(--maincolor_b);transform:scale(1.05);cursor:pointer}button.primary:active,.button.primary:active{background-color:var(--color_accent)}button.danger,.button.danger{background-color:#ea5151;color:#fff}button.danger:hover,.button.danger:hover{background-color:#ed7373}button.danger:active,.button.danger:active{background-color:#ff3535}button.tab,.button.tab{display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--maincolor_transparent);color:var(--text);font-family:config-b;height:3rem;width:100%}button.tab.selected,.button.tab.selected{background-color:var(--color_accent);color:var(--maincolor_white)}button.login,.button.login{border:2px solid var(--maincolor);background-color:transparent;color:var(--text);font-size:1.3rem;border-radius:3px;text-transform:uppercase}button.login:hover,.button.login:hover{border:2px solid var(--maincolor_white);color:var(--maincolor_white);background-color:var(--color_legendary)}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}body{position:relative;height:100vh;width:100vw;background-image:url(/assets/background_light.png);background-position:center;background-size:cover}#root{position:relative;height:100%;width:100%;overflow:hidden}.App{display:flex;position:relative;flex-direction:column;width:100%;height:100%;margin:auto;color:var(--text);font-family:config,sans-serif;max-width:calc(1200px + 4rem);color-scheme:light}#dark.App{color-scheme:dark}.main{display:block;width:100%;flex-grow:1;max-width:calc(1200px + 4rem);margin:auto;padding:0 2rem;overflow-x:visible;overflow-y:auto}.titlePage{position:absolute;font-family:config-b;font-size:3rem;text-transform:uppercase;background:linear-gradient(var(--text),var(--text_transparent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;right:2rem;top:1.6rem;font-weight:400}.randomtips{position:absolute;font-family:config;font-size:1.2rem;bottom:9rem}.randomtips:before{content:"\ab"}.randomtips:after{content:"\bb"}strong{font-family:config-b}.labelTag{background-color:var(--color_accent);color:var(--maincolor_white);padding:.2rem .75rem;border-radius:50rem;border:1px solid var(--maincolor_white);text-transform:uppercase;font-size:14px;font-family:config;margin-left:.5rem}.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}