:root{font-size:10px}*{margin:0;padding:0;box-sizing:border-box;font-size:1.5rem}.App{padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-float 3s ease-in-out infinite}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#704cb6}.app-title{font-size:4rem;margin-bottom:4rem}.back-handler{position:sticky;position:-webkit-sticky;top:64px;width:100%;display:flex;align-items:center;padding:0 2rem;background:#ccc;z-index:100}.back-handler.back-handler--down{top:104px}.back-handler .MuiButton-text,.navbar{color:#fff}.navbar{flex:0 0 64px;background-color:#212121}.navbar-logo{width:auto;height:60px;margin:10px 0;background-image:url(/static/media/pokemon_logo.92ab6380.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.active{color:#212121}@media screen and (max-width:600px){.navbar-logo+h6{display:none}}.layout{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;overflow-x:hidden}.layout--locked{overflow:hidden}.layout-spinner-overlay,.layout-spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.layout-spinner-overlay{background:hsla(0,0%,100%,.7);z-index:998}.layout-spinner{position:absolute;top:50%;left:50%;z-index:999}.pokemon-title.MuiTypography-h5{font-size:2.3rem;font-weight:700;text-transform:capitalize}.pokemon-desc.MuiTypography-body2{display:flex;grid-gap:5px;font-size:1.5rem}.pokemon-desc.MuiTypography-body2>span{background:#212121;color:#fff;padding:3px;border-radius:4px}.pokemons.pokemons--ability h3{font-size:2.5rem;text-align:center;margin-top:4rem}.pokemons.pokemons--ability h3 span{color:#3f51b5;font-size:inherit}.pokemons-wrapper .pokemons-wrapper-error{text-align:center}.pokemons-input{position:fixed;top:64px;box-shadow:3px -31px 20px 20px #000}@media screen and (max-width:600px){.makeStyles-root-7{max-width:inherit!important}.pokemons-pagination.pokemons-pagination--all{display:unset;grid-template-rows:unset}}.home-wrapper{display:grid;grid-template-rows:repeat(2,minmax(100px,150px));align-content:center;grid-auto-flow:row;place-items:center;flex:1 1 auto;background-image:url(/static/media/pokemon-bgd.8d00fe0e.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:0 2rem}@media screen and (max-width:400px){.home-wrapper h1{font-size:3rem;text-align:center}}.footer{padding:2rem;text-align:center}.footer p{font-style:italic}.not-found{flex:1 1 auto;display:grid;place-items:center}.not-found h3{font-size:3rem}.pokemon-details{position:relative;flex:1 1 auto;display:grid;place-items:center;top:64px}.pokemon-details .MuiCardMedia-img{object-fit:contain}.pokemon-details .MuiCard-root,.pokemons{position:relative}.pokemons{flex:1 1 auto;display:grid;top:64px}.pokemons-unexist{grid-template-rows:200px 200px;place-items:center}.pokemons-wrapper h3{font-size:2rem;margin-top:4rem}.pokemons-input{width:100%;background:#eee;z-index:99}.pokemons-input.MuiFormControl-root{position:fixed;top:64px;box-shadow:3px -31px 20px 20px #000}.pokemons-input>div>input.MuiInputBase-input,.pokemons-input>label{font-size:1.5rem}.auto-grid{--auto-grid-min-size:25rem}.auto-grid,.auto-grid--modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--auto-grid-min-size),1fr));grid-gap:1.5rem;padding:12rem 3rem}.auto-grid--modal{--auto-grid-min-size:16rem}.pokemons-pagination{position:fixed;width:100%;height:60px;background:#ccc;display:flex;justify-content:center;bottom:0;box-shadow:3px 31px 20px 20px #000;z-index:999}.pokemons-pagination nav{align-self:center}.pokemons-pagination .MuiPaginationItem-icon,.pokemons-pagination .MuiPaginationItem-root{font-size:1.4rem}@media screen and (max-width:600px){.makeStyles-root-7{max-width:inherit!important}.pokemons-pagination{display:grid!important;height:auto;grid-template-rows:1fr 1fr;grid-gap:10px;padding:15px 0}}.ability-filter{position:relative;flex:0 0 150px;width:90%;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1.5rem;gap:1.5rem;top:138px;left:3rem;right:3rem;background:#eee;padding:2rem;overflow:hidden;border-radius:6px;transition:all .3s ease-out;z-index:100}.ability-filter h3{position:absolute;top:20px;left:20px;font-size:2.1rem}.ability-filter .MuiSelect-selectMenu{font-size:1.7rem;text-transform:capitalize}.ability-filter.ability-filter--opened{grid-template-columns:1fr auto}.ability-filter-switch{position:absolute;top:10px;right:10px}.ability-filter-search{position:relative;top:3rem;justify-self:flex-end}@media screen and (max-width:500px){.ability-filter{flex:0 0 200px;width:80%;grid-template-columns:unset;grid-template-rows:1fr auto;grid-row-gap:unset}.ability-filter-search{justify-self:flex-end;top:unset}.ability-filter-switch{top:unset;left:2rem;bottom:2rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,a:focus,a:hover{text-decoration:none}
/*# sourceMappingURL=main.6e9b8f9d.chunk.css.map */