body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}body{-webkit-animation:gradientShift 30s ease infinite;animation:gradientShift 30s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab,#667eea,#764ba2);background-size:400% 400%;margin:0;padding:0;position:relative}body:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.3) 0,transparent 50%)}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body:after{-webkit-animation:sparkle 20s linear infinite;animation:sparkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 40px 70px,hsla(0,0%,100%,.2),transparent),radial-gradient(1px 1px at 90px 40px,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 160px 30px,hsla(0,0%,100%,.2),transparent);background-repeat:repeat;background-size:200px 100px}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes sparkle{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes sparkle{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}.App{min-height:100vh;text-align:center}.headerInfo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px rgba(31,38,135,.37),0 4px 20px rgba(0,0,0,.1);margin-bottom:30px;padding:25px;position:relative}.headerInfo:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}#options{align-items:center;display:flex;flex-direction:column;gap:20px}#logo img{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#logo img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.controls{flex-wrap:wrap;gap:15px;justify-content:center}.controls,.sort-group{align-items:center;display:flex}.sort-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.1);gap:8px;padding:12px 16px;position:relative}.sort-group:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sort-group .select-input{font-size:14px;min-width:120px;padding:8px 12px}.sort-label{color:#667eea;font-size:12px;font-weight:600;margin-right:5px;white-space:nowrap}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 4px 20px rgba(0,0,0,.1);color:#333;font-size:16px;min-width:200px;outline:none;padding:14px 20px;transition:all .3s ease}.search-input:focus{background:hsla(0,0%,100%,.95);border-color:rgba(102,126,234,.8);box-shadow:0 6px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.search-input::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.search-input::placeholder{color:rgba(0,0,0,.5)}.select-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid hsla(0,0%,100%,.3);border-radius:15px;box-shadow:0 4px 16px rgba(0,0,0,.1);color:#333;cursor:pointer;font-size:16px;min-width:150px;outline:none;padding:12px 16px;transition:all .3s ease}.select-input:hover{background:hsla(0,0%,100%,.95);border-color:rgba(102,126,234,.6);box-shadow:0 6px 25px rgba(102,126,234,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.select-input:focus{background:hsla(0,0%,100%,.98);border-color:rgba(102,126,234,.8);box-shadow:0 6px 30px rgba(102,126,234,.4)}#container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 40px}.pokemon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pokemon:hover{box-shadow:0 30px 60px rgba(0,0,0,.15),0 15px 30px rgba(102,126,234,.3),0 8px 16px rgba(0,0,0,.1);-webkit-transform:translateY(-12px) scale(1.03);transform:translateY(-12px) scale(1.03)}.pokemon img{-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.pokemon:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.pokemonInfo{font-weight:500;padding:15px 0}.pokemonInfo>div{margin:8px 0;padding:4px 0}.pokemon-name{color:#2d3748;font-size:20px!important;font-weight:700;margin-bottom:12px!important;text-transform:capitalize}.pokemonId{background:rgba(102,126,234,.1);border-radius:15px;color:#667eea;display:inline-block;font-size:14px;font-weight:700;margin-bottom:10px;padding:4px 12px}.stat-item{align-items:center;background:rgba(0,0,0,.02);border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin:4px 0;padding:6px 12px}.stat-value{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.stat-high{background:linear-gradient(135deg,#4caf50,#45a049)}.stat-low{background:linear-gradient(135deg,#f44336,#d32f2f)}.weight-info{color:#666;font-size:14px;font-style:italic}@media (max-width:768px){#container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0 20px}.controls{flex-direction:column;gap:15px}.sort-group{flex-direction:column;gap:10px;max-width:300px;width:100%}.sort-group .select-input{min-width:200px;width:100%}.search-input{max-width:300px;min-width:250px;width:100%}.select-input{max-width:300px;min-width:200px;width:100%}#logo img{height:100px;width:180px}}
/*# sourceMappingURL=main.bc94e831.css.map*/