@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Ubuntu&display=swap";.hero[data-v-90ccc8d8]{display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .15s;margin-bottom:5px}.hero[data-v-90ccc8d8]:hover{transform:scale(1.2);z-index:1000;cursor:pointer}.hero img[data-v-90ccc8d8]{width:90%;margin-top:3px;transition:opacity .15s;border-radius:5px}.hero .name[data-v-90ccc8d8]{font-weight:700;text-transform:uppercase;font-size:.8em}.hero-wrapper[data-v-90ccc8d8]{position:relative}.is-available[data-v-90ccc8d8]{opacity:1}.is-unavailable[data-v-90ccc8d8]{opacity:.4}.usage[data-v-90ccc8d8]{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;bottom:4px;text-align:center;font-family:Open Sans,sans-serif;font-size:.7em;background-color:#294262;padding:3px;color:#efefef;width:36px;opacity:.86;border-radius:5px}.unavailable-frequence[data-v-90ccc8d8]{display:none}.unused-frequence[data-v-90ccc8d8]{color:#000}.notplayed-frequence[data-v-90ccc8d8]{color:#ff7676}.rarelyplayed-frequence[data-v-90ccc8d8]{color:#ffb53e}.played-frequence[data-v-90ccc8d8]{color:#47eb01}.veryplayed-frequence[data-v-90ccc8d8]{color:#61ff1e}.note[data-v-ed150c4c]{color:#ececec}.metahealthscore[data-v-ed150c4c]{color:#ececec;margin-top:10px;font-size:.9em}.metahealthscore-poor[data-v-ed150c4c]{color:#ff0000cf}.metahealthscore-fair[data-v-ed150c4c]{color:#ffb53e}.metahealthscore-good[data-v-ed150c4c]{color:#47eb01}.metahealthscore-very_good[data-v-ed150c4c]{color:#33a900}.metahealthscore-excellent[data-v-ed150c4c]{color:#33a900;font-weight:700}.hero-drop[data-v-4f6b287e]{width:90px;height:90px;background-color:#ffffff1a;background-position:center;background-size:cover;margin:8px;transition:transform .15s;border-radius:5px}.hero-drop[data-v-4f6b287e]:hover{transform:scale(1.1);cursor:pointer}.hero-drop[data-v-4f6b287e]:active{transform:scale(1)}.team[data-v-5e1323b1]{display:flex}.teamName[data-v-5e1323b1]{text-transform:uppercase;font-size:1.1em;letter-spacing:.05em}h5[data-v-5e1323b1]{color:#101010;font-size:.8em}p.note[data-v-5e1323b1]{color:#efefef;font-style:italic;font-size:.8em}p.note button[data-v-5e1323b1]{margin-left:5px}p.note strong[data-v-5e1323b1]{font-weight:700}.modal[data-v-5e1323b1]{padding:30px;box-sizing:border-box;background-color:#ffffffbf;font-size:20px;text-align:center;border-radius:3px;z-index:2000}#modal-heroes[data-v-5e1323b1]{display:flex;justify-content:center}.modal div#modal-notes[data-v-5e1323b1]{font-size:.7em;color:#101010;text-align:left;overflow-y:scroll;height:365px}.hero[data-v-397b6aef]{transition:transform .15s}.hero[data-v-397b6aef]:hover{transform:scale(1.2);z-index:1000;cursor:pointer}.hero img[data-v-397b6aef]{width:100%;padding:2px;border-radius:5px}p.usage[data-v-397b6aef]{position:absolute;width:25px;text-align:center;font-family:Open Sans,sans-serif;font-size:.6em;background-color:#294262;padding:3px;color:#efefef;opacity:.8;left:0;top:2px}.favorite-team-comp[data-v-4c4d2054]{display:flex;flex-flow:column;color:#efefef;font-family:Open Sans,sans-serif;border-radius:5px;transition:background-color .2s;background-color:#ffffff1a;padding:10px}.disabled[data-v-4c4d2054]{background-color:#c8c8c80d;opacity:.3}.favorite-team-comp[data-v-4c4d2054]:hover{background-color:#ffffff26}.favorite-team-comp .team-compo[data-v-4c4d2054]{display:flex;margin-top:5px}.team-name[data-v-4c4d2054]{margin-bottom:10px}.team-name p[data-v-4c4d2054]{position:absolute;bottom:6px;left:0;background-color:#1e1e1ed9;padding:5px 10px}.all-compos[data-v-4c4d2054]{min-height:56px}.usage[data-v-4c4d2054]{position:absolute;left:-30px;top:25px;font-family:Open Sans,sans-serif;font-size:.75em;background-color:#294262;padding:3px}.role-grid[data-v-4c4d2054]{display:grid;grid-template-columns:repeat(6,1fr)}.role-icon[data-v-4c4d2054]{background-size:cover;margin-top:12px;margin-left:8px;height:32px;width:32px}.tank-icon[data-v-4c4d2054]{background-image:url(/TankIcon.webp)}.dps-icon[data-v-4c4d2054]{background-image:url(/OffenseIcon.webp)}.supports-icon[data-v-4c4d2054]{background-image:url(/SupportIcon.webp)}.map-infos[data-v-4c4d2054]{background-color:#294262;padding:15px;font-size:.8em;color:silver}#most-used-comps[data-v-f12bc190]{margin-top:50px}#favs-grid[data-v-f12bc190]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 1000px){#favs-grid[data-v-f12bc190]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){#favs-grid[data-v-f12bc190]{grid-template-columns:repeat(1,1fr)}}h2[data-v-f12bc190]{color:#fff;text-transform:uppercase;font-family:Open Sans,sans-serif;margin-bottom:10px}p.note[data-v-f12bc190]{color:#fff;margin-bottom:10px}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--blue: #232d46}:root{--color-background: var(--blue);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Ubuntu,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-14{background-color:#ffffff1a;border-style:solid;border-width:1px;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;height:29px;font-size:13px;outline:0;overflow:hidden;padding:0 11px;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;transition:all .35s;border-color:#efefef}.button-14:active,.button-14:active:hover{border-bottom-color:#a2a6ac}.button-14:hover{border-color:#a2a6ac #979aa1 #82858a;background-color:#fff;color:#111}.button-14:focus{border-color:#e77600;box-shadow:#e4791180 0 0 3px 2px;outline:0}.grids{display:flex;align-items:flex-start}.grid{display:grid;gap:1px;padding:30px;margin:10px;background-position:5px 5px;background-repeat:no-repeat;background-size:25px;border-radius:5px;transition:background-color .2s;background-color:#ffffff1a}.grid:hover{background-color:#ffffff26}.tank-grid{background-image:url(/TankIcon.webp);grid-template-columns:repeat(4,1fr)}.dps-grid{background-image:url(/OffenseIcon.webp);grid-template-columns:repeat(5,1fr);align-items:center}.support-grid{background-image:url(/SupportIcon.webp);grid-template-columns:repeat(3,1fr)}body{background-color:#1b2547}main{max-width:1280px;margin:0 auto;padding:2rem;padding-top:0;font-weight:400}h1{color:#314381;text-transform:uppercase;margin-right:25px;font-family:Open Sans,sans-serif}h2{color:#fff;text-transform:uppercase;font-family:Open Sans,sans-serif;margin-top:30px}header{background-color:#efefef;padding:0 10px 10px}#header-content{min-height:85px;max-width:1280px;margin:0 auto;padding:1rem 1rem 1rem 2rem}header p,.note{color:#314381;font-style:italic;font-size:.8em}label.note{color:#767676}.teams{display:flex;justify-content:center;margin-bottom:20px}.teams .left,.teams .right{flex:1}.teams .center{width:25%}#printButtons{margin-bottom:10px}#printButtons button{margin:10px 10px 10px 0}#modals{z-index:1000}#comp-tool button{margin:10px}#comp-tool{margin-top:20px}footer{background-color:#efefef;margin-top:50px;padding:15px 15px 50px;text-align:center;color:#314381;font-style:italic;font-size:.8em}footer a:link,footer a:visited{color:#fff}#select-tournament-part{position:absolute;right:0;bottom:0}.select{width:100%;min-width:15ch;max-width:30ch;border:1px solid var(--select-border);border-radius:.25em;padding:.25em .5em;cursor:pointer;line-height:1.1;background-color:#fff;background-image:linear-gradient(to top,#f9f9f9,#fff 33%);font-size:1.1em}#announcement{background-image:url(/heroes/roadhog.webp);background-position:10px center;background-repeat:no-repeat;background-size:46px;background-color:#ffffff1a;margin-top:30px;color:#fff;padding:20px 20px 20px 70px;border:1px solid #f9f9f9;border-radius:.75em;font-size:.9em}#announcement a:link,a:visited,a:hover,a:active{color:orange;text-decoration:none}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 1100px){p.desc{display:none}header h1{min-height:100px}header .select{left:0}}@media (max-width: 1000px){#comp-tool button,#printButtons,.teams{display:none}}@media (max-width: 750px){.grids{display:block}}.vue-universal-modal-leave-from,.vue-universal-modal-enter-to{opacity:1}.vue-universal-modal-enter-from,.vue-universal-modal-leave-to{opacity:0}.vue-universal-modal{-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;position:fixed;overflow-y:auto;inset:0;background-color:#000c;text-align:left}.vue-universal-modal:not(.vue-universal-modal-latest){background:none}.vue-universal-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:100%}