.layout-container{padding-top:20px;display:flex;gap:20px;position:relative}@media only screen and (max-width: 768px){.layout-container{align-items:center;flex-direction:column;padding-bottom:145px}}.container{max-width:1220px;width:100%;margin:0 auto;padding-inline:20px}.navbar{background-color:#332e59;border-radius:8px;box-shadow:0 0 1px #0003;margin-top:20px;height:100px}.navbar ul{height:inherit;display:flex;justify-content:space-evenly;list-style-type:none;margin:0;padding:0;width:100%}.navbar li{font-weight:700;width:100%;text-align:center;display:flex;flex-direction:row;align-items:center;gap:13px;height:100%;justify-content:center}.navbar a:first-child li{border-top-left-radius:8px;border-bottom-left-radius:8px}.navbar a:last-child li{border-top-right-radius:8px;border-bottom-right-radius:8px}.navbar a{text-decoration:none;color:#fff;width:25%}.navbar .active{color:#fff}.active>li{background-color:#1f1837}.navbar li:hover{background-color:#1f1837;color:#fff}.navbar img{max-width:50px}@media only screen and (max-width: 768px){.navbar span{display:none}}.order{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:20px;gap:20px}.order select{height:50px;border-radius:8px;border:none;box-shadow:0 0 1px #0003;padding-inline:10px;background-color:#332e59}#order .option__control{height:50px;border-radius:8px;width:150px;background-color:#332e59}#order .option__option{cursor:pointer;color:#d3d3d3;background-color:#332e59;text-transform:capitalize}#order .option__option--is-selected{background-color:#1f1837;color:#fff}#order .option__control--is-focused{border-color:#1f1837;border-width:1px;box-shadow:none}#order .option__input-container,#order .option__single-value{color:#d3d3d3;text-transform:capitalize}#order .option__menu-list{padding-block:0}#order .option__placeholder{color:#d3d3d3}.order-id input{height:50px;width:70px;border-radius:8px;background-color:#332e59;border:none;color:#d3d3d3;outline:none;border:2px solid lightgray;text-align:center}.order-id{display:flex;align-items:center;gap:20px}.clear button{height:50px;width:70px;background-color:#332e59;border:2px solid lightgray;border-radius:8px;color:#d3d3d3;font-weight:700;cursor:pointer}@media only screen and (max-width: 768px){.order{justify-content:center}}.search-bar{width:100%;position:relative;font-family:Roboto,sans-serif}.search-bar input{background-color:#332e59;width:100%;height:70px;padding-inline:30px;border-radius:8px;border:none;font-size:20px;box-shadow:0 0 1px #0003;color:#d3d3d3}.search-bar ::placeholder{color:#d3d3d3}.search-bar button{top:21%;right:1%;position:absolute;width:40px;height:40px;border-radius:8px;background-color:#1f1837;border:none;cursor:pointer}.search-bar button img{width:20px;height:20px;vertical-align:middle}.card{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:13px;box-shadow:0 0 3px #0003;width:100%;height:250px;background-color:#332e59;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.card:hover{transform:scale(1.03)}.pokemons{display:grid;gap:20px;padding-block:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.single-pokemon{max-width:250px;padding-block:20px}.loader{max-width:50px}.loader img{width:100%}.card img{max-width:100px;max-height:70px}.card .pokemon-id{color:gray}.card h4{margin:0;text-transform:capitalize;color:#fff}.data-container{width:30%;display:flex;flex-direction:column;height:100%;padding-block:20px;background-color:#332e59;border-radius:8px;box-shadow:0 0 1px #0003;align-items:center;gap:15px;min-height:70px;justify-content:center}@media only screen and (max-width: 768px){.data-container{width:100%;position:fixed;height:initial;bottom:0;border-radius:0;max-height:145px}.data-container:has(.show){padding-top:10px;top:0;bottom:0;background-color:#0000004a;border-radius:0;max-height:100%}}.pokemon-img{display:flex;flex-direction:column;align-items:center;width:100%}.pokemon-img-info{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.pokemon-img-info img{max-width:150px}.pokemon-id{color:gray}.pokemon-img-controls{display:flex;gap:10px;height:100%;justify-content:center}.pokemon-img-controls button{width:30px;height:30px;border:0;cursor:pointer;border-radius:50%}.pokemon-img-controls button img{width:15px}.normal{background-color:#000}.shiny{background-color:#ffdc4d}.selected{transform:scale(1.1)}.flavor_text{text-align:center;color:gray;font-size:14px}.pokemon-ability{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:25px;align-items:center;text-align:center}.pokemon-ability span{text-transform:capitalize;position:relative}.ability-link{background-color:#474077;border-radius:8px;padding:10px 20px;text-decoration:none;color:#fff;outline:3px solid #221b39}.ability-link .link-icon{width:13px;margin-left:5px;filter:invert(1)}.pokemon-stats{display:flex;align-items:center;width:100%;flex-wrap:wrap;justify-content:center;gap:10px}.pokemon-stats .base-stat{text-transform:capitalize;width:50px;text-align:center;background-color:#221b39;color:#fff;height:80px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.pokemon-stats h5{width:35px;font-size:12px;height:35px;font-weight:700;margin:0;color:#fff;border-radius:50%;text-align:center;line-height:35px}.pokemon-stats p{margin:0;font-weight:700;font-size:13px}.total h5{background:#7596db}.pokemon-info{display:flex;width:100%;align-items:center;flex-wrap:wrap}.pokemon-info>div{width:50%;text-align:center;margin-bottom:20px;padding-inline:10px;height:70px;display:flex;flex-direction:column;justify-content:space-between}.pokemon-info>div h5{margin-bottom:10px;margin-top:0}.pokemon-info>div span{border-radius:8px;background-color:#221b39;color:#fff;width:100%;display:inline-block;padding-block:10px}.weaknesses span{padding:8px 10px;text-transform:capitalize;color:#fff;border-radius:4px}.weaknesses-inner{display:grid;gap:5px;align-items:center;justify-items:center;text-align:center;grid-template-columns:repeat(auto-fit,minmax(20px,1fr))}.weaknesses-inner img{width:25px}.weak-tooltip{text-transform:capitalize;font-weight:700}.evolution{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-bottom:10px;justify-content:space-evenly}.evolution-info{width:25%;min-width:100px;text-align:center;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:150px}.evolution span{color:gray;text-transform:capitalize;display:flex;align-items:center;gap:10px}.evolution-info h5{margin:0;text-transform:capitalize}.evolution-info img{max-width:100%;cursor:pointer}.day-icon{width:20px}.evo-info{display:flex;height:30px;flex-wrap:wrap;align-content:center;align-items:center;gap:10px;justify-content:center}.evo-info img{max-width:50px}.item-link{height:inherit}.react-tooltip{text-transform:capitalize}.evolution-img{display:flex;position:relative;flex-direction:column}.evolution-img .link-icon{position:absolute;width:15px;right:0;top:0}.varieties{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-bottom:10px;justify-content:space-evenly}.variety{cursor:pointer;width:33%;text-align:center;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:150px}.variety h5{margin:0;text-transform:capitalize}.variety img{max-width:100%}.pokemon-data{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;background-color:#332e59}.pokemon-data h4{margin:0;margin-block:10px;text-transform:uppercase}.pokemon-data p{margin:0}.mobile-pokemon-data{display:none}@media only screen and (max-width: 768px){.mobile-pokemon-data{display:flex;flex-direction:column;align-items:center;width:100%}.mobile-pokemon-data .pokemon-img-info{flex-direction:row;width:initial}.mobile-pokemon-data .pokemon-img-info img{max-width:100px}.mobile-pokemon-data .pokemon-img{flex-direction:row;gap:15px;width:initial}.mobile-data{display:flex;width:100%;align-items:center;justify-content:center;gap:10px}.pokemon-data{display:none}}.card span{color:gray;text-transform:capitalize}.item-data{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;background-color:#332e59}.item-data h4,h5{margin:0;text-transform:capitalize}.item-id,.category{color:gray;text-transform:capitalize}.flavor{color:gray;text-transform:lowercase}.flavor:first-letter{text-transform:capitalize}.effect{text-align:justify;margin:0}.held-item{display:flex;width:100%;justify-content:space-evenly;flex-wrap:wrap}.item-pokemon{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:150px}.mobile-item-data{display:none;flex-direction:column;align-items:center}.mobile-info{display:flex;align-items:center;justify-content:center;gap:15px;text-transform:capitalize}@media only screen and (max-width: 768px){.item-data{justify-content:flex-start}.mobile-item-data{display:flex}}.moves{list-style-type:none;display:flex;flex-direction:column;gap:10px;padding:0}.move{display:flex;align-items:center;background-color:#332e59;border-radius:8px;padding-inline:20px;box-shadow:0 0 1px #0003;cursor:pointer;transition:all .2s}.move:hover{transform:scale(1.03)}.move>div{width:16.6%;height:65px;display:flex;align-items:center;justify-content:center}.move-type .type{padding:5px;text-transform:capitalize;min-width:60px;border-radius:4px;color:#fff;text-align:center}.move-id{color:gray}.move h4{text-align:left;margin:0;text-transform:capitalize}@media only screen and (max-width: 768px){.move-data{justify-content:flex-start}.mobile-move-data{display:flex}.move-priority{display:none!important}.move>div{width:20%}}.move-data{display:flex;background-color:#332e59;flex-direction:column;align-items:center;padding:20px;text-align:center;position:relative}.move-data h4{text-transform:capitalize;margin-top:15px;margin-bottom:5px}.move-data .move-type{display:flex;width:100%;justify-content:center;gap:20px;margin-top:20px}.category{text-align:center}.move-stats{display:flex;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between}.move-category{text-align:center;width:60%;display:flex;flex-direction:column;align-items:center}.move-category span{padding-block:5px;width:100%;text-transform:capitalize;background-color:#1f1837;border-radius:8px}.move-stat{text-align:center;width:45%;display:flex;flex-direction:column;align-items:center}.move-stat span{padding-block:5px;width:100%;background-color:#1f1837;border-radius:8px}.move-meta{flex-wrap:wrap;display:flex;width:100%;justify-content:space-evenly}.move-meta>div{text-align:center;width:45%;display:flex;flex-direction:column;align-items:center}.move-meta span{padding-block:5px;width:100%;background-color:#1f1837;border-radius:8px}.status-effects{display:flex;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between}.status-effects>div{text-align:center;width:45%;display:flex;flex-direction:column;align-items:center}.status-effects span{width:100%;background-color:#1f1837;border-radius:8px;text-transform:capitalize;padding-block:5px}.target{text-align:center;width:60%;display:flex;flex-direction:column;align-items:center}.target span{width:100%;background-color:#1f1837;border-radius:8px;text-transform:capitalize;padding-block:5px}.mobile-move-data{display:none;flex-direction:column;align-items:center}@media only screen and (max-width: 768px){.move-data{justify-content:flex-start}.mobile-move-data{display:flex}}.home-intro{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#332e59;padding:20px;margin-bottom:20px;border-radius:8px}.home-intro .intro-img{width:100%;text-align:center}.home-intro .intro-img img{width:100%;max-width:120px}.home-intro .intro-content{width:100%;text-align:center}.home-intro li{text-align:left}.home-intro a{color:#d3d3d3}.home-content{text-align:left;width:30%;display:flex;flex-direction:column;gap:15px;padding-bottom:20px}.home-content .card{height:initial;padding-inline:20px;padding-block:10px}.home-content .card-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:15px}.home-content .card h2{margin:0;font-size:20px;padding:0}.home-content .card p{margin:0;padding:0;font-size:13px}@media only screen and (max-width: 768px){.home-intro{width:100%}.home-content{flex-direction:row;width:100%;flex-wrap:wrap}}.ability-info{padding-top:10px;padding-bottom:20px;border-bottom:1px solid #00000012}.ability-header{display:flex;align-items:center;gap:20px}.ability-header h2{margin:0;text-transform:capitalize}.ability-header span,.ability-body span{color:gray}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#d3d3d3;background-color:#1f1837;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;overflow-y:scroll;padding:0}*{box-sizing:border-box}.ordering{width:100%;border-bottom:1px solid #00000012;padding-bottom:10px}.info-container{width:70%;display:flex;flex-direction:column}.pokemon-type{box-sizing:border-box;display:flex;align-items:center;gap:10px}.pokemon-type span{padding:8px 10px;text-transform:capitalize;color:#fff;border-radius:4px}.close{display:none;background-color:red;width:25px;height:25px;color:#fff;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:1%;right:2%}@media only screen and (max-width: 768px){.info-container{width:100%}.close{display:flex}.show{width:60%;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:scroll;border-radius:8px}.hide{display:none!important}.more{display:flex}.more img{filter:invert(1)}}@media only screen and (max-width: 500px){.container{padding-inline:10px}.navbar span{display:none}.show{width:90%}}