.types{display:grid;gap:4px;grid-auto-flow:column;place-items:center;place-content:center}.type{padding:4px 8px;border-radius:5px;color:#fff;text-align:center;font-weight:700;font-size:xx-small}.bg-type-normal{background-color:var(--color-type-normal)}.bg-type-fire{background-color:var(--color-type-fire)}.bg-type-water{background-color:var(--color-type-water)}.bg-type-electric{background-color:var(--color-type-electric)}.bg-type-grass{background-color:var(--color-type-grass)}.bg-type-ice{background-color:var(--color-type-ice)}.bg-type-fighting{background-color:var(--color-type-fighting)}.bg-type-poison{background-color:var(--color-type-poison)}.bg-type-ground{background-color:var(--color-type-ground)}.bg-type-flying{background-color:var(--color-type-flying)}.bg-type-psychic{background-color:var(--color-type-psychic)}.bg-type-bug{background-color:var(--color-type-bug)}.bg-type-rock{background-color:var(--color-type-rock)}.bg-type-ghost{background-color:var(--color-type-ghost)}.bg-type-dragon{background-color:var(--color-type-dragon)}.bg-type-dark{background-color:var(--color-type-dark)}.bg-type-steel{background-color:var(--color-type-steel)}.bg-type-fairy{background-color:var(--color-type-fairy)}:root{--color-type-normal: #a8a77a;--color-type-fire: #ee8130;--color-type-water: #6390f0;--color-type-electric: #f7d02c;--color-type-grass: #7ac74c;--color-type-ice: #96d9d6;--color-type-fighting: #c22e28;--color-type-poison: #a33ea1;--color-type-ground: #e2bf65;--color-type-flying: #a98ff3;--color-type-psychic: #f95587;--color-type-bug: #a6b91a;--color-type-rock: #b6a136;--color-type-ghost: #735797;--color-type-dragon: #6f35fc;--color-type-dark: #705746;--color-type-steel: #b7b7ce;--color-type-fairy: #d685ad}*:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable="true"]){-webkit-user-drag:element}body{font-family:Verdana,Geneva,Tahoma,sans-serif}.search-bar{position:relative}.container{display:grid;width:100%;max-width:1200px;margin:0 auto}.search{border:2px solid blueviolet;border-radius:5px;padding:4px 8px;overflow:hidden;text-indent:2rem}.search+label{position:absolute;left:0;top:0;background-color:#8a2be2;border-radius:5px 0 0 5px;padding-left:8px;padding-right:8px;line-height:30px}