*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{font-size:62.5%}body{font-size:1.6rem;height:100%;font-family:Exo,sans-serif}main{padding:var(--layout-height) 0;background:url(/images/bg-white-pattern.png)}:root{--main-bg-color: #263238;--interactive-bg-color: #e9e9e9;--skeleton-color: #bebebe;--hover-color: #f2f2f2;--border-color: #cccccc;--space-xxs: .4rem;--space-xs: .8rem;--space-sm: 1.6rem;--space-md: 2.4rem;--space-lg: 3.2rem;--space-xl: 6.4rem;--layout-height: 5.6rem;--decoration-height: 1.6rem}.poke-grid{padding:var(--space-xl) 0 10rem;width:80%;max-width:120rem;margin:0 auto;text-align:center}.poke-grid__caption{margin:0 0 var(--space-xl)}.poke-grid__caption h1{font-size:2.6rem;line-height:2.8rem;font-weight:600;margin-bottom:1rem}.poke-grid__caption h2{font-size:1.8rem;line-height:2.2rem}.poke-grid__content{display:grid;justify-content:space-between;grid-template-columns:1fr;column-gap:var(--space-lg);row-gap:var(--space-lg)}@media (min-width: 576px){.poke-grid__content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width: 992px){.poke-grid__content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width: 1200px){.poke-grid__content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.poke-header{background-color:var(--main-bg-color);height:var(--layout-height);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;z-index:10}.poke-header img{max-width:10rem;margin-top:var(--decoration-height)}.poke-header .poke-decoration{position:absolute;top:calc(100% - .1rem);left:50%;transform:translate(-50%);width:80%;max-width:120rem;background-color:var(--main-bg-color);height:var(--decoration-height)}.poke-header .poke-decoration:before{position:absolute;content:"";left:calc(var(--decoration-height) * -1 + .1rem);top:0;width:0;height:0;border-style:solid;border-width:0 var(--decoration-height) var(--decoration-height) 0;border-color:transparent var(--main-bg-color) transparent transparent;transform:rotate(0)}.poke-header .poke-decoration:after{position:absolute;content:"";right:calc(var(--decoration-height) * -1 + .1rem);top:0;width:0;height:0;border-style:solid;border-width:var(--decoration-height) var(--decoration-height) 0 0;border-color:var(--main-bg-color) transparent transparent transparent;transform:rotate(0)}.poke-footer{background-color:var(--main-bg-color);height:var(--layout-height);display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0;width:100%}.poke-footer img{max-width:10rem;margin-bottom:var(--decoration-height)}.poke-footer .poke-decoration{position:absolute;bottom:calc(100% - .1rem);left:50%;transform:translate(-50%);width:80%;max-width:120rem;background-color:var(--main-bg-color);height:var(--decoration-height)}.poke-footer .poke-decoration:before{position:absolute;content:"";bottom:0;left:calc(var(--decoration-height) * -1 + .1rem);width:0;height:0;border-style:solid;border-width:0 0 var(--decoration-height) var(--decoration-height);border-color:transparent transparent var(--main-bg-color) transparent;transform:rotate(0)}.poke-footer .poke-decoration:after{position:absolute;content:"";bottom:0;right:calc(var(--decoration-height) * -1 + .1rem);width:0;height:0;border-style:solid;border-width:var(--decoration-height) 0 0 var(--decoration-height);border-color:transparent transparent transparent var(--main-bg-color);transform:rotate(0)}.poke-card{display:flex;align-items:center;flex-direction:column;padding:var(--space-md);background-color:var(--interactive-bg-color);position:relative;overflow:hidden;top:0;min-height:22rem;cursor:pointer;box-sizing:content-box;transition:.15s ease-in;border:.1rem solid var(--border-color)}.poke-card--error{cursor:default}.poke-card:hover:not(.poke-card--error){transition:.15s ease-out;border:.1rem solid var(--border-color);background-color:var(--hover-color);box-shadow:0 4px 8px #26262633;top:-.4rem}.poke-card__image{margin-bottom:var(--space-sm)}.poke-card__name{font-weight:700;letter-spacing:.06rem;font-size:1.8rem}.poke-card--error .poke-card__name{font-size:1.6rem;font-weight:400}.poke-card__id{font-weight:600;color:#0006;font-size:1.4rem}.poke-card__id--empty{width:4rem;height:1rem;background-color:var(--skeleton-color);display:inline-block;border-radius:3px}.poke-card__types{display:flex;margin-top:var(--space-sm)}.poke-badge{padding:var(--space-xxs) var(--space-xs);font-size:1.2rem;background-color:var(--skeleton-color);border-radius:3px;color:#fff}.poke-badge+.poke-badge{margin-left:var(--space-xs)}.poke-badge--empty{height:2rem;width:5rem}.poke-badge--normal{background-color:#a8a77a}.poke-badge--fire{background-color:#ee8130}.poke-badge--water{background-color:#6390f0}.poke-badge--electric{background-color:#f7d02c}.poke-badge--grass{background-color:#7ac74c}.poke-badge--ice{background-color:#96d9d6}.poke-badge--fighting{background-color:#c22e28}.poke-badge--poison{background-color:#a33ea1}.poke-badge--ground{background-color:#e2bf65}.poke-badge--flying{background-color:#a98ff3}.poke-badge--psychic{background-color:#f95587}.poke-badge--bug{background-color:#a6b91a}.poke-badge--rock{background-color:#b6a136}.poke-badge--ghost{background-color:#735797}.poke-badge--dragon{background-color:#6f35fc}.poke-badge--dark{background-color:#705746}.poke-badge--steel{background-color:#b7b7ce}.poke-badge--fairy{background-color:#d685ad}.poke-modal{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#0009;z-index:20;display:flex;align-items:center;justify-content:center}@media (min-width: 767px){.poke-modal{padding:var(--space-lg) 0}}.poke-modal__frame{padding:var(--space-md);background-color:#fff;max-width:100%;height:100%;width:100%;overflow:auto}@media (min-width: 767px){.poke-modal__frame{width:70rem;height:auto}}.poke-modal__header{display:flex;align-items:center;justify-content:space-between}.poke-modal__name{font-weight:600;letter-spacing:.06rem;font-size:2.4rem}.poke-modal__name span{font-weight:600;color:#0006;font-size:1.4rem}.poke-modal__close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;padding:0;cursor:pointer;color:var(--main-bg-color);font-size:2.4rem}.poke-modal__close:hover{background-color:var(--hover-color)}.poke-modal__body{display:flex;margin-top:var(--space-md);flex-direction:column}@media (min-width: 576px){.poke-modal__body{flex-direction:row}}.poke-modal__image{background-color:var(--interactive-bg-color);padding:var(--space-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);border:.1rem solid var(--border-color)}.poke-modal__image img{width:15rem}@media (min-width: 576px){.poke-modal__image{width:35%;margin-bottom:0}.poke-modal__image img{width:20rem}}.poke-modal__content{flex-grow:1}.poke-modal__content>div{padding-bottom:var(--space-md)}.poke-modal__content>div+div{padding-top:var(--space-md);border-top:.1rem solid var(--border-color)}.poke-modal__content h3{font-weight:700;font-size:1.8rem;margin-bottom:var(--space-xs)}@media (min-width: 576px){.poke-modal__content{padding-left:var(--space-md)}}.poke-modal__types{display:flex}.poke-stat{display:flex;align-items:center}.poke-stat+.poke-stat{margin-top:var(--space-xs)}.poke-stat__name{flex-grow:1;flex-basis:0;font-size:1.4rem}.poke-stat__bar{flex-grow:2;height:2.5rem;padding:var(--space-xs);flex-basis:0;background-color:var(--interactive-bg-color);display:flex;align-items:center;font-size:1.6rem;position:relative}.poke-stat__bar-value{height:100%;display:flex;align-items:center;padding-left:var(--space-xxs);line-height:2.5rem;position:absolute;color:#fff;top:0;left:0;background-color:#1565c0;font-size:1.4rem}.poke-stat__bar-value--normal{background-color:#a8a77a}.poke-stat__bar-value--fire{background-color:#ee8130}.poke-stat__bar-value--water{background-color:#6390f0}.poke-stat__bar-value--electric{background-color:#f7d02c}.poke-stat__bar-value--grass{background-color:#7ac74c}.poke-stat__bar-value--ice{background-color:#96d9d6}.poke-stat__bar-value--fighting{background-color:#c22e28}.poke-stat__bar-value--poison{background-color:#a33ea1}.poke-stat__bar-value--ground{background-color:#e2bf65}.poke-stat__bar-value--flying{background-color:#a98ff3}.poke-stat__bar-value--psychic{background-color:#f95587}.poke-stat__bar-value--bug{background-color:#a6b91a}.poke-stat__bar-value--rock{background-color:#b6a136}.poke-stat__bar-value--ghost{background-color:#735797}.poke-stat__bar-value--dragon{background-color:#6f35fc}.poke-stat__bar-value--dark{background-color:#705746}.poke-stat__bar-value--steel{background-color:#b7b7ce}.poke-stat__bar-value--fairy{background-color:#d685ad}.poke-error{padding:0 var(--space-md);margin-top:calc(var(--space-md) * -1);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;height:calc(100vh - var(--layout-height) * 2)}.poke-error img{margin-bottom:var(--space-md)}.poke-error h2{font-size:2.6rem;font-weight:700;margin-bottom:var(--space-xs)}.poke-error h3{font-size:1.8rem;margin-bottom:var(--space-xs)}.poke-error p{font-size:1.8rem}.poke-loader{width:100%;height:calc(100vh - var(--layout-height) * 2);display:flex;align-items:center;justify-content:center;flex-direction:column}.poke-loader__icon{width:5rem;height:5rem;border-radius:50%;background-color:transparent;border:.4rem solid rgba(0,0,0,.35);border-top-color:var(--main-bg-color);-webkit-animation:1s spin linear infinite;animation:1s spin linear infinite}.poke-loader__text{margin-top:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}