.header{background:#161a1d;padding:12px;position:relative;z-index:2}.header .menu-btn{display:none}.header form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.header form datalist option{text-transform:capitalize}.header input[type=search]{font-family:Roboto;border:2px solid #ba181b;max-height:40px;width:250px;padding:10px 24px;border-top-left-radius:8px;border-bottom-left-radius:8px}.header button{height:40px;padding:1px 12px;border:2px solid #ba181b;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;background:#e5383b;cursor:pointer}.header button:hover svg.search-icon{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.header button svg.search-icon{position:relative;top:5px;width:32px;height:32px;transition:all .2s ease}.header button svg.search-icon path{fill:#f5f3f4}.header .mobile-shuffle-btn{display:none}.header .shuffle-btn{border-radius:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:16px;gap:16px;padding:4px 24px;margin:12px auto 0;cursor:pointer;border:2px solid #ba181b}.header .shuffle-btn span{font-family:"Russo One";font-size:24px;color:#fff}.header .shuffle-btn svg{width:24px;height:24px}.header .shuffle-btn svg path{fill:#f5f3f4}@media screen and (max-width:550px){.header{-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.header form{padding-right:80px;padding-left:32px}.header form input[type=text]{width:50%}.header .menu-btn{display:inherit;position:absolute;top:15px;right:32px;width:32px;background:transparent;border:inherit}.header .menu-btn svg{width:32px;height:32px}.header .menu-btn svg path{fill:#f5f3f4}.header .shuffle-btn{display:none}.header .mobile-shuffle-btn{display:inline-block;position:fixed;bottom:25px;right:25px;width:65px;height:65px;border:1px solid #ba181b;border-radius:50%;z-index:1}.header .mobile-shuffle-btn svg{width:24px;height:24px;position:relative;top:2px}.header .mobile-shuffle-btn svg path{fill:#f5f3f4}}.pokeball-spinner{display:inline-block;position:relative;height:100px;width:100px;background:linear-gradient(180deg,#fe0001 50%,#fff 0);border-radius:50%;border:8px solid #000;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:80px}.pokeball-spinner:before{content:"";position:absolute;height:8px;width:100px;background:#000;top:50px;-webkit-transform:translatey(-50%);transform:translatey(-50%)}.pokeball-spinner:after{content:"";position:absolute;height:38px;width:38px;border-radius:50%;background:#fff;top:50px;left:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #000,inset 0 0 0 10px #fff,inset 0 0 0 12px #000}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sidenav{width:100%;position:absolute;background:#fff;z-index:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.sidenav.show{-webkit-transform:translateY(0);transform:translateY(0)}.sidenav ul{margin:10px;padding-left:32px;padding-right:32px}.sidenav ul li{font-size:20px;font-weight:700;text-align:center;list-style-type:none;border-bottom:1px solid grey;text-transform:uppercase}.sidenav ul li a{padding:12px 0;color:#161a1d;text-decoration:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.sidenav ul li a svg{width:24px;padding-right:10px}.sidenav ul li:last-child{border:none}.animate__animated.animate__fadeInUp{--animate-duration:.4s}.animate__animated.animate__fadeOutDown{--animate-duration:.2s}.pokeCard{border-radius:8px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);text-align:center;position:relative;cursor:pointer;max-width:220px;height:100%}.pokeCard img{width:215px;max-height:220px}.pokeCard .name{text-transform:capitalize;color:#161a1d}.pokeCard h2{margin-top:8px;margin-bottom:8px;font-family:"Russo one";letter-spacing:1px}.pokeCard .id{position:absolute;bottom:10px;right:10px;background:#cfcfea;font-size:14px;color:#161a1d;font-weight:700;padding:0 5px;border-radius:10px}.hidden{display:none}@media screen and (max-width:550px){.pokeCard{display:-webkit-flex;display:flex;min-width:100%;max-width:100%;-webkit-align-items:center;align-items:center;padding:6px 12px;-webkit-justify-content:space-between;justify-content:space-between;box-shadow:0 1px 4px rgba(0,0,0,.16)}.pokeCard .id{position:inherit;background:inherit;text-align:left;padding:0;font-size:13px;font-weight:300;color:rgba(0,0,0,.5)}.pokeCard .name{font-size:20px;margin:2px 0 0}.pokeCard img{width:125px}}*{font-family:Roboto}p{margin:0}h1{font-family:"Russo One"}body{background:#f5f3f4}@media screen and (min-width:770px){body{overscroll-behavior-y:none}}.hwrapper{max-inline-size:1250px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}.container{position:relative;padding-bottom:160px;text-align:center}.container .intersection{position:absolute}.container .pokemon-box{display:grid;grid-template-columns:repeat(auto-fit,220px);-webkit-justify-content:space-between;justify-content:space-between;grid-row-gap:1.5em;row-gap:1.5em;margin-top:24px;margin-bottom:24px}.container .loadMore{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#f5f3f4;background:#161a1d;padding:12px 24px;text-decoration:none;font-size:20px;border-radius:8px;font-weight:700}.container .pokeball-spinner{text-align:left;position:absolute;bottom:-25px;top:auto}@media screen and (max-width:759px){.container .pokemon-box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly}}@media screen and (max-width:768px){.container .loadMore{text-align:center;position:relative;top:0;left:0;display:block;-webkit-transform:translate(0);transform:translate(0)}}.pokeball-spinner{position:fixed;top:calc(50% - 53px);left:calc(50% - 53px);z-index:100}.modal{position:fixed;width:100%;height:100%;z-index:49;background:transparent;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:translateY(150%);transform:translateY(150%)}.modal.show{-webkit-transform:translateY(0);transform:translateY(0);background:rgba(0,0,0,.7)}.modal .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:50;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;padding:0}.modal .container .back-button{background:transparent;position:absolute;top:10px;left:10px;z-index:55;border-radius:50%;width:40px;height:40px;cursor:pointer}.modal .container .back-button .back-icon{position:relative;top:2px;left:-2px;width:35px;padding:5px}.modal .container .back-button .back-icon path{fill:#fff}.modal .container .left-side{position:relative;border-top-left-radius:24px;border-bottom-left-radius:24px;min-width:-webkit-max-content;min-width:max-content;overflow:hidden}.modal .container .left-side .pokemon__image{position:relative;z-index:52;max-width:500px;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222)}.modal .container .left-side .id__layer{position:absolute;bottom:-40px;right:-20px;font-size:120px;font-weight:700;font-family:"Russo one";opacity:.2;color:#fff}.modal .container .left-side .pokeball__layer{opacity:.25;width:200px;position:absolute;-webkit-filter:invert(1);filter:invert(1);top:15%;right:-17%;z-index:51}.modal .container .left-side .square__layer{position:absolute;width:150px;height:150px;border-radius:25px;background:linear-gradient(#fff,hsla(0,0%,100%,.2));-webkit-transform:rotate(345deg) translate(-20px,-50px);transform:rotate(345deg) translate(-20px,-50px);opacity:.35}.modal .container .left-side.ground{background:#dbb761}.modal .container .left-side.rock{background:#96803a}.modal .container .left-side.ghost{background:#5858a5}.modal .container .left-side.psychic{background:#eb5ba1}.modal .container .left-side.ice{background:#80defa}.modal .container .left-side.dragon{background:#816feb}.modal .container .left-side.dark{background:#855f52}.modal .container .left-side.steel{background:#b3b2c4}.modal .container .left-side.fairy{background:#e6a0e6}.modal .container .left-side.food{background:#c8b070}.modal .container .left-side.slug{background:#66c078}.modal .container .left-side.plastic{background:#918fbe}.modal .container .left-side.wind{background:#d8af6d}.modal .container .left-side.crystal{background:#65b7c3}.modal .container .left-side.light{background:#dadb25}.modal .container .left-side.normal{background:#aeb0a3}.modal .container .left-side.fighting{background:#b05747}.modal .container .left-side.bug{background:#adbf45}.modal .container .left-side.flying{background:#5a6fcd}.modal .container .left-side.poison{background:#a35994}.modal .container .left-side.water{background:#76bdfe}.modal .container .left-side.grass{background:#48d0b0}.modal .container .left-side.fire{background:#fb6c6c}.modal .container .left-side.electric{background:#ffd86f}.modal .container .right-side{background:#f5f3f4;z-index:55;border-top-right-radius:24px;border-bottom-right-radius:24px;padding-left:24px;padding-right:24px;width:250px;max-width:50%}.modal .container .right-side .pokemon__name{text-transform:capitalize;margin:24px 0;text-align:center;font-size:40px;letter-spacing:1px;color:#161a1d}.modal .container .right-side .pokemon__about .abilities{text-transform:capitalize}.modal .container .right-side .pokemon__about h4{margin:0;padding-top:6px;padding-bottom:6px}.modal .container .right-side .types{margin:12px 0}.modal .container .right-side .types .type{text-transform:uppercase;padding:3px 24px;border:1px solid #d3d3d3;border-radius:4px;display:inline-block;margin-right:6px}.modal .container .right-side .types .type.ground{background:linear-gradient(#fff,#dbb761 20%,#dbb761 80%,#fff)}.modal .container .right-side .types .type.rock{background:linear-gradient(#fff,#96803a 20%,#96803a 80%,#fff)}.modal .container .right-side .types .type.ghost{background:linear-gradient(#fff,#5858a5 20%,#5858a5 80%,#fff)}.modal .container .right-side .types .type.psychic{background:linear-gradient(#fff,#eb5ba1 20%,#eb5ba1 80%,#fff)}.modal .container .right-side .types .type.ice{background:linear-gradient(#fff,#80defa 20%,#80defa 80%,#fff)}.modal .container .right-side .types .type.dragon{background:linear-gradient(#fff,#816feb 20%,#816feb 80%,#fff)}.modal .container .right-side .types .type.dark{background:linear-gradient(#fff,#855f52 20%,#855f52 80%,#fff)}.modal .container .right-side .types .type.steel{background:linear-gradient(#fff,#b3b2c4 20%,#b3b2c4 80%,#fff)}.modal .container .right-side .types .type.fairy{background:linear-gradient(#fff,#e6a0e6 20%,#e6a0e6 80%,#fff)}.modal .container .right-side .types .type.food{background:linear-gradient(#fff,#c8b070 20%,#c8b070 80%,#fff)}.modal .container .right-side .types .type.slug{background:linear-gradient(#fff,#66c078 20%,#66c078 80%,#fff)}.modal .container .right-side .types .type.plastic{background:linear-gradient(#fff,#918fbe 20%,#918fbe 80%,#fff)}.modal .container .right-side .types .type.wind{background:linear-gradient(#fff,#d8af6d 20%,#d8af6d 80%,#fff)}.modal .container .right-side .types .type.crystal{background:linear-gradient(#fff,#65b7c3 20%,#65b7c3 80%,#fff)}.modal .container .right-side .types .type.light{background:linear-gradient(#fff,#dadb25 20%,#dadb25 80%,#fff)}.modal .container .right-side .types .type.normal{background:linear-gradient(#fff,#aeb0a3 20%,#aeb0a3 80%,#fff)}.modal .container .right-side .types .type.fighting{background:linear-gradient(#fff,#b05747 20%,#b05747 80%,#fff)}.modal .container .right-side .types .type.bug{background:linear-gradient(#fff,#adbf45 20%,#adbf45 80%,#fff)}.modal .container .right-side .types .type.flying{background:linear-gradient(#fff,#5a6fcd 20%,#5a6fcd 80%,#fff)}.modal .container .right-side .types .type.poison{background:linear-gradient(#fff,#a35994 20%,#a35994 80%,#fff)}.modal .container .right-side .types .type.water{background:linear-gradient(#fff,#76bdfe 20%,#76bdfe 80%,#fff)}.modal .container .right-side .types .type.grass{background:linear-gradient(#fff,#48d0b0 20%,#48d0b0 80%,#fff)}.modal .container .right-side .types .type.fire{background:linear-gradient(#fff,#fb6c6c 20%,#fb6c6c 80%,#fff)}.modal .container .right-side .types .type.electric{background:linear-gradient(#fff,#ffd86f 20%,#ffd86f 80%,#fff)}.modal .container .right-side .ability{text-transform:capitalize}.modal .container .right-side .pokemon__stats{padding-top:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-radius:8px}.modal .container .right-side .pokemon__stats p{font-size:14px;font-weight:700}.modal .container .right-side .pokemon__stats .stat{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border-bottom:1px solid grey;padding:3px 0;position:relative}.modal .container .right-side .pokemon__stats .stat:last-of-type{border-bottom:none}.modal .container .right-side .pokemon__stats .stat .stat__name{font-weight:400;text-transform:capitalize;font-size:13px}.modal .container .right-side .pokemon__stats .stat .stat__value{font-size:12px;z-index:59}.modal .container .right-side .pokemon__stats .stat .bar{position:absolute;height:6px;right:24px;width:calc(100% - 76px)}.modal .container .right-side .pokemon__stats .stat .stat__bar{position:absolute;border-radius:3px;height:6px}.modal .container .right-side .pokemon__stats .stat .stat__bar.ground{background:#dbb761}.modal .container .right-side .pokemon__stats .stat .stat__bar.rock{background:#96803a}.modal .container .right-side .pokemon__stats .stat .stat__bar.ghost{background:#5858a5}.modal .container .right-side .pokemon__stats .stat .stat__bar.psychic{background:#eb5ba1}.modal .container .right-side .pokemon__stats .stat .stat__bar.ice{background:#80defa}.modal .container .right-side .pokemon__stats .stat .stat__bar.dragon{background:#816feb}.modal .container .right-side .pokemon__stats .stat .stat__bar.dark{background:#855f52}.modal .container .right-side .pokemon__stats .stat .stat__bar.steel{background:#b3b2c4}.modal .container .right-side .pokemon__stats .stat .stat__bar.fairy{background:#e6a0e6}.modal .container .right-side .pokemon__stats .stat .stat__bar.food{background:#c8b070}.modal .container .right-side .pokemon__stats .stat .stat__bar.slug{background:#66c078}.modal .container .right-side .pokemon__stats .stat .stat__bar.plastic{background:#918fbe}.modal .container .right-side .pokemon__stats .stat .stat__bar.wind{background:#d8af6d}.modal .container .right-side .pokemon__stats .stat .stat__bar.crystal{background:#65b7c3}.modal .container .right-side .pokemon__stats .stat .stat__bar.light{background:#dadb25}.modal .container .right-side .pokemon__stats .stat .stat__bar.normal{background:#aeb0a3}.modal .container .right-side .pokemon__stats .stat .stat__bar.fighting{background:#b05747}.modal .container .right-side .pokemon__stats .stat .stat__bar.bug{background:#adbf45}.modal .container .right-side .pokemon__stats .stat .stat__bar.flying{background:#5a6fcd}.modal .container .right-side .pokemon__stats .stat .stat__bar.poison{background:#a35994}.modal .container .right-side .pokemon__stats .stat .stat__bar.water{background:#76bdfe}.modal .container .right-side .pokemon__stats .stat .stat__bar.grass{background:#48d0b0}.modal .container .right-side .pokemon__stats .stat .stat__bar.fire{background:#fb6c6c}.modal .container .right-side .pokemon__stats .stat .stat__bar.electric{background:#ffd86f}@media screen and (max-width:768px){.modal{width:100vw;height:100vh}.modal .container{position:relative;width:100%;height:100vh;-webkit-flex-direction:column;flex-direction:column}.modal .container .back-button{width:50px;height:50px;background:hsla(0,0%,100%,.6);background:transparent}.modal .container .back-button .back-icon{left:-4px;width:40px}.modal .container .back-button .back-icon path{fill:#f5f3f4}.modal .container .left-side{border-radius:0;width:100%;height:320px;text-align:center;position:relative}.modal .container .left-side .id__layer{font-size:80px;right:0;bottom:0}.modal .container .left-side .pokeball__layer{top:-30px;right:-30px;width:130px}.modal .container .left-side .pokemon__image{-webkit-filter:none;filter:none;height:100%;z-index:70;position:absolute;bottom:-9px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal .container .right-side{width:calc(100% - 48px);max-width:inherit;height:100%;margin-top:-20px;border-radius:0;border-top-left-radius:16px;border-top-right-radius:16px}.modal .container .right-side .types{text-align:center}.modal .container .right-side .pokemon__stats{width:calc(100% - 12px)}}.alert{position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%) translateY(150%);transform:translateX(-50%) translateY(150%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;text-align:center;z-index:100;background:#fdd5d5;color:#e42f32;border-left:4px solid #e42f32;border-right:4px solid #e42f32;box-sizing:border-box;cursor:pointer}.alert.show{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.alert.danger{background:#fdd5d5;color:#e42f32;border-left:4px solid #e42f32;border-right:4px solid #e42f32}.alert.correct{background:#c5f7e2;color:#0fd787;border-left:4px solid #0fd787;border-right:4px solid #0fd787}.alert h2{font-size:20px;font-weight:400}@media screen and (min-width:768px){.alert{top:0;bottom:inherit;width:350px;left:auto;right:0;-webkit-transform:translate(110%,25px);transform:translate(110%,25px)}.alert.show{-webkit-transform:translate(10%,25px);transform:translate(10%,25px)}}
/*# sourceMappingURL=main.d4dc0308.chunk.css.map */