:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-repeat:no-repeat;background-attachment:fixed}body{overflow:hidden;margin:0;padding:0;height:100%}.App{display:flex;justify-content:space-between}.api-form-container{display:flex;justify-content:center;align-items:center}.APIForm{background:#fff;padding:20px;border-radius:10px;min-width:500px;height:500px;border:solid 1px #9b9b9b;display:flex;justify-content:center;align-items:center}.form-header,.form-caption{text-align:center;color:#242424;margin-top:0}.form-caption{margin-top:-15px}.go-button-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.go-button{background:#e22b2b;border:solid 1px #e22b2b;color:#fff;font-size:1.2em;border-radius:10px;padding:5px 15px;font-weight:600;transition:all .1s eas;cursor:pointer}.go-button:hover{background:#ba2222}.info-buttons-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.info-button{margin:0 5px}.height-button,.weight-button{pointer-events:none}.type-button,.gen-button{cursor:pointer}.type-button{color:#fff;border:1px solid #333;padding:2px 6px;border-radius:2px}.type-normal{background-color:#a8a77a}.type-normal:hover{background-color:#8e8d67}.type-fire{background-color:#ee8130}.type-fire:hover{background-color:#d07229}.type-water{background-color:#6390f0}.type-water:hover{background-color:#5981d7}.type-electric{background-color:#f7d02c}.type-electric:hover{background-color:#eac326}.type-grass{background-color:#7ac74c}.type-grass:hover{background-color:#6eb744}.type-ice{background-color:#96d9d6}.type-ice:hover{background-color:#88c6c3}.type-fighting{background-color:#c22e28}.type-fighting:hover{background-color:#a82521}.type-poison{background-color:#a33ea1}.type-poison:hover{background-color:#8d358b}.type-ground{background-color:#e2bf65}.type-ground:hover{background-color:#ccab58}.type-flying{background-color:#a98ff3}.type-flying:hover{background-color:#9980dd}.type-psychic{background-color:#f95587}.type-psychic:hover{background-color:#df4a76}.type-bug{background-color:#a6b91a}.type-bug:hover{background-color:#96a717}.type-rock{background-color:#b6a136}.type-rock:hover{background-color:#a08d2e}.type-ghost{background-color:#735797}.type-ghost:hover{background-color:#614981}.type-dragon{background-color:#6f35fc}.type-dragon:hover{background-color:#6231dd}.type-dark{background-color:#705746}.type-dark:hover{background-color:#5d4739}.type-steel{background-color:#b7b7ce}.type-steel:hover{background-color:#a0a0b9}.type-fairy{background-color:#d685ad}.type-fairy:hover{background-color:#c0799c}.image-container{display:flex;justify-content:center}.pokemon-img{height:200px}.pokemon-name{font-size:1.5em;text-align:center;margin-top:-5px}.HistoryPanel{height:100vh;background:#f7f7f7;width:300px;overflow-y:scroll;padding:0 15px}.history-header{margin-bottom:10px}.clear-history-container{margin-bottom:20px}.pokemon-history-list{list-style:none;display:flex;justify-content:start;align-items:center}.history-sprite{height:80px;margin-right:10px}.FilterPanel{height:100vh;background:#f7f7f7;width:300px;overflow-y:scroll;direction:rtl;padding:0 15px}.filter-header{margin-bottom:10px}.clear-filter-container{margin-bottom:20px}.filter-item-list{list-style:none;margin-top:5px}.filter-item{margin-right:5px;pointer-events:none}