@layer root{:root{--normal:#e6e6e6;--grass:#3fa129;--fire:#e62829;--water:#2980ef;--electric:#fac000;--bug:#91a119;--poison:#9141cb;--flying:#81b9ef;--psychic:#ef4179;--ground:#915121;--rock:#afa981;--dragon:#5060e1;--fairy:#ef70ef;--ice:#3fd8ff;--fighting:#ff8000;--dark:#50413f;--ghost:#704170;--steel:#60a1b8}html{box-sizing:border-box}*,:after,:before{padding:0;margin:0;box-sizing:inherit}.pokemon-list,body{scrollbar-width:thin;scrollbar-color:#fff #0000002f}.type{color:#fff;border-radius:2rem;text-transform:uppercase;display:flex;gap:1rem;align-items:center;padding-right:2rem;box-shadow:1px 3px 7px 0 #00000047}.type:not(.type-ground,.type-dark,.type-ghost,.type-dragon,.type-poison){color:#000}.type-normal{background-color:var(--normal)}.type-grass{background-color:var(--grass)}.type-fire{background-color:var(--fire)}.type-water{background-color:var(--water)}.type-electric{background-color:var(--electric)}.type-bug{background-color:var(--bug)}.type-poison{background-color:var(--poison)}.type-flying{background-color:var(--flying)}.type-psychic{background-color:var(--psychic)}.type-ground{background-color:var(--ground)}.type-rock{background-color:var(--rock)}.type-dragon{background-color:var(--dragon)}.type-fairy{background-color:var(--fairy)}.type-ice{background-color:var(--ice)}.type-fighting{background-color:var(--fighting)}.type-dark{background-color:var(--dark)}.type-ghost{background-color:var(--ghost)}.type-steel{background-color:var(--steel)}.type-bird{background-image:linear-gradient(90deg,#872121,#bd8514)}}@font-face{font-family:pokemon;src:url(/fonts/FOT-KafuTechnoStd-H_1.otf);font-display:swap}@layer typography{.pokedex-title{font-family:pokemon,Arial,Helvetica,sans-serif}button,h1,h2,h3,h4,h5,h6,input,p{font-weight:400}h2,h3{font-size:clamp(23px,4vw,30px)}}main:not(.pokemon-list){background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 107px);background-image:linear-gradient(180deg,#194a83,#21709b)}.custom-grid{--gap:2rem;display:grid;grid-template-columns:1fr min(1400px,calc(100% - var(--gap))) 1fr;grid-column-gap:var(--gap);padding:2rem 0;grid-gap:4rem 0;gap:4rem 0}.focus-heading{text-shadow:1px 7px 5px #00000021;font-size:clamp(32px,4vw,60px);text-transform:capitalize}.custom-grid>*{grid-column:2}.pokemon-img-wrapper{background:#fff;border-radius:4rem;padding:1rem}.sprites-wrapper{display:grid;place-items:center}.sprites-wrapper:focus img:first-of-type{opacity:0}.sprites-wrapper img{grid-area:1/1/1/-1;position:relative;transition:opacity .3s}.sprites-wrapper img:first-of-type{z-index:1}.sprites-wrapper img:first-of-type:hover{opacity:0}.sprite-link{text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;color:#fff}.sprite-link:focus,.sprite-link:hover{text-decoration:underline}.sprite-link:focus .sprites-wrapper img:first-of-type,.sprite-link:hover .sprites-wrapper img:first-of-type{opacity:0}.pokemon-img-wrapper img{object-fit:contain}.ability-move h1,.ability-move p{text-transform:capitalize;color:#fff}.ability-move h1{font-size:clamp(32px,4vw,60px)}.ability-move p{font-size:20px}.ability-move-details{display:flex;flex-direction:column;gap:2rem}.ability-move-details .stat-groups{display:flex;gap:2rem 1rem;flex-wrap:wrap;justify-content:space-between;padding:4rem 0}.pokemon-with-ability-move{display:flex;flex-direction:column;gap:2rem;align-items:center}.pokemon-with-ability-move h2{color:#fff}.pokemon-with-ability-move ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;list-style-type:none}.pokemon-with-ability-move h3{text-transform:capitalize}.stats{display:flex;flex-direction:column;gap:.5rem;list-style:none}.stats li{text-transform:capitalize}.stats li,.stats li a{display:flex;gap:1rem;align-items:center;color:#fff}.stats li a{transition:text-shadow .2s ease-in-out}.stats li a:focus,.stats li a:hover{text-shadow:1px 1px 12px #000}.stats li p{font-size:clamp(20px,4vw,40px);text-shadow:1px 7px 5px #00000021}.stats li p.small-text{font-size:16px}.ability-move-details article h2{color:#fff}header{position:-webkit-sticky;position:sticky;top:0;z-index:99;background:repeating-linear-gradient(180deg,#fff,#fafafa 13%);box-shadow:2px 4px 5px 1px #000;padding:1rem;gap:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width:500px){header{flex-direction:row}}header>a{display:flex;align-items:center;text-decoration:none;max-width:250px;gap:1rem}header img{border-radius:0;flex:75px 0}header h1{text-align:center;color:#000;height:100%;border-top-right-radius:0;border-bottom-right-radius:0;font-size:30px}.search-wrapper{position:relative}.search-wrapper input{padding:.5rem 1rem;border:1px solid #6c6c6c;border-radius:3px}.search{background-color:#fff;overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:.5rem;position:absolute;top:100%;scrollbar-color:#b7b7b7 #fff;scrollbar-width:thin;width:100%}.search>a{padding:5px;color:#000;text-decoration:none;text-transform:capitalize}.search>a:focus,.search>a:hover{background-color:#f0f0f0;text-decoration:underline}@font-face{font-family:__Cabin_c17596;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/22040c3497ae278d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Cabin_c17596;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c1b915c94a94fed4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Cabin_c17596;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7ffd87887b868aec-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Cabin_Fallback_c17596;src:local("Arial");ascent-override:101.94%;descent-override:26.41%;line-gap-override:0.00%;size-adjust:94.66%}.__className_c17596{font-family:__Cabin_c17596,__Cabin_Fallback_c17596;font-weight:500;font-style:normal}