@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);:root{--glow-color:#ffb12b}.lilita-one-regular{font-family:Lilita One,sans-serif;font-style:normal;font-weight:400}html{scroll-behavior:smooth}body{background-color:#ffca60;font-family:Exo\ 2,sans-serif;font-family:lilita one,roboto,sans-serif;font-family:Lilita One,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;overflow:hidden}div.ID input{margin-left:.5em;margin-right:.5em}button{background-color:#ffa600;border-radius:.75em;color:#a100c1}.page-link{background-color:#ffba3a;border:.5em solid #000;border-radius:3em;cursor:pointer;height:10em;margin-bottom:1em;margin-top:1em;overflow:hidden;padding:1.5em;width:80%;z-index:-1}.page-link .name{font-size:3em;transition-duration:1.5s;z-index:2}.page-link img{animation:pin-dance 2s ease-in-out infinite;left:3em;position:relative;rotate:30deg;top:-4em;transition-duration:1.5s;width:20em;z-index:-1;z-index:1}@keyframes pin-dance{0%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.page-link img.map{left:9em;rotate:-40deg;top:-6em;width:17em}.page-link:hover{animation:page-link-glow 2.5s infinite;background-color:#ffa600}.page-link:hover img{left:4em;rotate:-20deg;top:-9em;width:20em}.page-link:hover img.map{left:3em;rotate:20deg;top:-6em;width:20em}.page-link:hover .name{font-size:2em}@keyframes page-link-glow{0%{box-shadow:0 0 12px 5px #ffb12b;box-shadow:0 0 12px 5px var(--glow-color)}50%{box-shadow:0 0 12px 15px #ffb12b;box-shadow:0 0 12px 15px var(--glow-color)}to{box-shadow:0 0 12px 5px #ffb12b;box-shadow:0 0 12px 5px var(--glow-color)}}.scrollGradient{background:linear-gradient(#efcaa7 75%,#efcaa700),linear-gradient(#efcaa700,#efcaa7 75%) 0 100%,radial-gradient(farthest-side at 75% 0,#22222280,#0000),radial-gradient(farthest-side at 75% 100%,#22222280,#0000) 0 100%;background-attachment:local,local,scroll,scroll;background-color:#efcaa7;background-repeat:no-repeat;background-size:100% 147px,100% 147px,100% 49px,100% 49px}.top-header{background-color:#ffca60;box-shadow:0 8px 12px 0 #ffca60;padding:0;position:fixed;top:0;width:100%}.title{display:flex;font-size:2em;padding:.5em .5em 0}.landing-page .title,div.brawler .title,div.map .title{background-color:#ffca60;box-shadow:0 8px 12px 0 #ffca60;padding-bottom:.5em;position:fixed;top:0;width:100%}.title .divider{background-color:#000;border-radius:1em;height:1.25em;margin-inline:.5em;width:.1em}.back-arrow{animation:back-arrow-slide 2s;border-radius:100%;transform:translateX(0);transition-duration:5s;transition:transform 2s ease-in-out;width:1.25em}.back-arrow:hover{animation:back-arrow-slide 2s infinite;box-shadow:0 8px 16px 0 #0003;cursor:pointer}@keyframes back-arrow-slide{0%{transform:translate(0)}50%{transform:translate(-5px)}}.back-arrow:active{box-shadow:0 8px 16px 0 #0003}input.search-bar{background-color:#ffab0e;background-image:url(/static/media/search4.82a37d80362dcb3834ed.png);background-position:1em .55em;background-repeat:no-repeat;background-size:1.5em;border:.5em solid #a26700;border-radius:2em;box-sizing:border-box;color:#000;font-family:lilita one,roboto,sans-serif;font-size:1.3em;margin-left:1.5em;margin-top:1em;padding:.7em 0 .75em 3em;width:90%}div.card{background-color:#ffca60;border-radius:.5em;box-shadow:0 8px 16px 0 #0003;cursor:pointer;margin:2em;padding:1em}.card:hover .little-brawler-icon{width:5em}.brawlers-list-page .card:hover .little-brawler-icon{animation:bounce-and-turn 1.5s linear infinite}.card:hover .name{font-size:2em}@keyframes swinging{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(-2em)}to{transform:translate(0)}}@keyframes bounce-and-turn{0%,50%{transform:translate(0)}25%{transform:translate(-.5em,-1em) rotate(-10deg)}75%{transform:translate(.5em,-1em) rotate(10deg)}to{transform:translate(0)}}@keyframes card-pin-dance{25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}div.card .top{display:flex;padding-bottom:1em}img.little-brawler-icon{padding-right:1em;transition-duration:2s;width:2.5em}div.card .name{font-size:1.5em;font-weight:800;margin-top:auto;transition-duration:2s}.dropdown{display:inline-block;position:relative}.dropdown-content{box-shadow:0 8px 16px 0 #0003;display:none;min-width:3em;padding:.2em;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}div.gadget-section,div.star-power-section{border:5px solid #000;border-radius:1em;margin:.5em;padding:.5em}div.gadget,div.star-power{cursor:pointer;display:block;position:relative}input:checked~div.details,label{display:block}label{cursor:pointer;position:relative}input:checked~ul.submenu{display:block}.brawler .main-body,.brawler-description,.map .main-body{padding:1em}.gadget-image,.star-power-image{filter:drop-shadow(0 0 4px #7c5000);width:4em}.gadget-image:hover,.star-power-image:hover{filter:drop-shadow(10px 10px 4px #7c5000)}.gadget-image:active,.star-power-image:active{filter:drop-shadow(5px 5px 4px #7c5000);transform:translate(2px,2px)}div.gadgets-view,div.star-powers-view{border:5px solid #000;border-radius:1em;display:flex;margin:.5em;padding:.5em}div.gadgets-view .gadgets,div.star-powers-view .star-powers{display:block;max-width:5em}div.gadgets-view .details,div.star-powers-view .details{margin-left:1em}div.gadgets-view .name,div.star-powers-view .name{font-size:1.5em;font-weight:600}div.gadgets-view .description,div.star-powers-view .description{display:inline-block;padding-left:1em;padding-top:1em}div.gadgets-view .gadget-image.selected,div.star-powers-view .star-power-image.selected{filter:drop-shadow(0 0 20px #ffcf4b)}img.brawler-icon{border-radius:.5em;margin-right:.5em;width:1.25em}img.brawler-pin{width:10em}img.brawler-icon:hover,img.brawler-pin:hover{animation:swinging 1.5s linear infinite;cursor:pointer}.scroll-to-top{border-radius:10px;bottom:20px;font-size:18px;outline:none;padding:15px;right:30px;z-index:99}.scroll-to-top:hover{background-color:#d67600}.brawlers-list{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:auto;padding-top:1em;scroll-padding:1em;scroll-snap-type:y mandatory}.brawlers-list-page.top-header{padding-bottom:0}body,html{margin:0}.brawlers,.maps{height:100vh;position:relative}.brawlers-list,.maps-list{-webkit-overflow-scrolling:touch;height:calc(100vh - 10.5em);margin-top:4em;overflow-y:auto;scroll-padding:2em;scroll-snap-type:y mandatory}.card{border-radius:.5em;margin:2em;scroll-snap-align:start}.card,.scroll-to-top{background-color:#ffca60;box-shadow:0 8px 16px 0 #0003;cursor:pointer;padding:1em}.scroll-to-top{border:none;border-radius:.5em;bottom:2em;display:none;position:fixed;right:2em}.scroll-to-top.show{display:block}.card:hover{box-shadow:0 8px 16px 0 #000000bf}.main-body{margin-top:4em;padding:1.5em}.detail-name{display:inline;font-weight:900}.detail-description{background-color:initial;display:inline}img.mini-map{width:10em}.map .main-body{font-size:1.5em}body{overflow-y:auto}body:has(.search-bar){overflow:hidden}@keyframes spinning-icon{0%{transform:rotate(0deg)}25%{transform:rotate(-20deg)}to{transform:rotate(1turn)}}.loading-icon{animation:spinning-icon 2s infinite}.player-brawler-row{border-radius:.2em;transition:box-shadow .3s ease}.player-brawler-row:hover{cursor:pointer}.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)}}
/*# sourceMappingURL=main.20701286.css.map*/