body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efe0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu{background-color:#333;list-style-type:none;margin:0;overflow:hidden;padding:0}.menu li{float:left}.menu li a{color:#fff;display:block;padding:14px 16px;text-align:center;text-decoration:none}.menu li a:hover{background-color:#111}.overwatchContainer{animation:gradient 15s ease infinite;background:linear-gradient(90deg,#000,#26004d,#000);background-size:600% 100%;height:930px;left:0;position:relative;top:0;width:100%}h2{background-color:#a9a9a9;border-radius:20px;padding:1px;width:50%}.heroes{align-items:flex-start;background-repeat:no-repeat;background-size:cover;display:flex;height:350px;justify-content:center;text-align:center;width:100%}.dpsContainer,.heroes.expanded,.supportsContainer,.tanksContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.dpsContainer,.supportsContainer,.tanksContainer{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;width:33%}.dps,.supports,.tanks{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:20px;width:500px}.hero{height:119px;width:85px}.controlMap{height:119px;width:165px}.buttons{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly;padding-bottom:10px;padding-top:10px}.buttonsTest{border:1px solid #fff}.resetDiv{display:flex;height:100px;justify-content:space-evenly;padding-bottom:10px;padding-top:10px}.phantom{background-color:initial}.counterHero,.mapSelection,.players{flex-direction:column;width:200px}.counterHero,.mapSelection,.maps,.players{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.maps{align-content:center;flex-direction:row;flex-wrap:wrap}.button-64,.maps{align-items:center;justify-content:center}.button-64{background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px #9741fc33;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Phantomsans,sans-serif;font-size:20px;line-height:1em;max-width:100%;min-width:140px;padding:5px 24px;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;white-space:nowrap}.button-64:active,.button-64:hover{outline:0}.button-64 span{align-items:center;background-color:#05062d;border-radius:6px;display:flex;height:100%;padding:12px 65px;transition:.3s;width:100%}.button-64:hover span{background:none}@media (min-width:768px){.button-64{font-size:24px;min-width:196px}}.button-78{align-items:center;-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:initial;background-image:none;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;flex-direction:row;flex-shrink:0;font-family:Eina01,sans-serif;font-size:16px;font-weight:800;justify-content:center;line-height:24px;margin:0;min-height:64px;outline:none;overflow:visible;padding:19px 26px;pointer-events:auto;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;width:auto;word-break:keep-all;z-index:0}@media (min-width:768px){.button-78{padding:19px 32px}}.button-78:after,.button-78:before{border-radius:80px}.button-78:before{background-image:linear-gradient(92.83deg,#ff7426,#f93a13);height:100%;left:0;top:0;width:100%;z-index:-2}.button-78:after,.button-78:before{content:"";display:block;overflow:hidden;position:absolute}.button-78:after{background-color:initial;background-image:linear-gradient(#541a0f,#0c0d0d);bottom:4px;left:4px;right:4px;top:4px;transition:all .1s ease-out;z-index:-1}.button-78:hover:not(:disabled):before{background:linear-gradient(92.83deg,#ff7426,#f93a13)}.button-78:hover:not(:disabled):after{bottom:0;left:0;opacity:0;right:0;top:0;transition-timing-function:ease-in}.button-78:active:not(:disabled){color:#ccc}.button-78:active:not(:disabled):before{background-image:linear-gradient(0deg,#0003,#0003),linear-gradient(92.83deg,#ff7426,#f93a13)}.button-78:active:not(:disabled):after{background-image:linear-gradient(#541a0f,#0c0d0d);bottom:4px;left:4px;right:4px;top:4px}.button-78:disabled{cursor:default;opacity:.24}.button-46{align-items:center;background-color:#f0f0f042;border:1px solid #dfdfdf;border-radius:16px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:18px;justify-content:center;line-height:28px;max-width:100%;padding:14px 22px;text-decoration:none;touch-action:manipulation;transition:all .2s;user-select:none;-webkit-user-select:none;width:100%}.button-46:active,.button-46:hover{outline:0}.button-46:hover{background-color:#fff;border-color:#00000030}@media (min-width:768px){.button-46{font-size:20px;min-width:200px;padding:14px 16px}}.button-82-pushable{background:#0000;border:none;cursor:pointer;outline-offset:4px;padding:0;position:relative;touch-action:manipulation;transition:filter .25s;user-select:none;-webkit-user-select:none}.button-82-shadow{background:#00000040;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}.button-82-edge,.button-82-shadow{border-radius:12px;height:50px;left:0;position:absolute;width:100%}.button-82-edge{background:linear-gradient(270deg,#52001b 0,#a30036 8%,#a30036 92%,#52001b)}.button-82-front{background:#f0003c;border-radius:12px;color:#fff;display:block;font-size:1.1rem;padding:12px 27px;position:relative;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}@media (min-width:768px){.button-82-front{font-size:1.25rem;padding:12px 42px}}.button-82-pushable:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}.button-82-pushable:hover .button-82-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-82-pushable:active .button-82-front{transform:translateY(-2px);transition:transform 34ms}.button-82-pushable:hover .button-82-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-82-pushable:active .button-82-shadow{transform:translateY(1px);transition:transform 34ms}.button-82-pushable:focus:not(:focus-visible){outline:none}#root,body,html{height:100%}.unitSelectDiv{padding:10px 5px;text-align:center;width:50%}.filterClassesDiv,.unitSelectDropdown{background-color:#fff;border:2px solid #ccc;border-radius:5px;font-size:20px;height:35px;width:150px}.unitSelectDropdownDiv{display:flex;justify-content:center}.feEngageContainer{align-items:center;flex-direction:column}.feContainer,.feEngageContainer{animation:gradient 15s ease infinite;background:linear-gradient(90deg,#000,#26004d,#000);background-size:600% 100%;display:flex;justify-content:center;position:relative;width:100%}.feContainer{height:calc(100% - 47px)}.engageModifier{color:gray}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}select{display:inline-block;margin:0 20px}table{border:5px solid gold;border-collapse:initial;border-spacing:0;width:50%}td,th{padding:8px;text-align:center}table td:first-child{text-align:left}tr:nth-child(2n){background-color:#f2f2f2}tr{background-color:#ddd}input{padding-left:20px;padding-right:20px}thead{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}table th{background-color:#f2f2f2;border-top:2px solid}table td,table th{border-bottom:2px solid;border-right:2px solid}table td:first-child,table th:first-child{border-left:2px solid}table thead th{background-color:#edecec;position:-webkit-sticky;position:sticky;top:0}
/*# sourceMappingURL=main.6645c9d9.css.map*/