:root{--color-pokemon-ghost:#65539d;--color-pokemon-steel:#908da9;--color-pokemon-dragon:#3b3bbb;--color-pokemon-flying:#7a9ff2;--color-pokemon-water:#3a8be9;--color-pokemon-ice:#3a8be9;--color-pokemon-unknown:#255147;--color-pokemon-grass:#4fb443;--color-pokemon-bug:#889e2a;--color-pokemon-normal:#afa485;--color-pokemon-electric:#f4c234;--color-pokemon-ground:#b7904b;--color-pokemon-rock:#b7904b;--color-pokemon-fire:#e76b2f;--color-pokemon-fighting:#9b4840;--color-pokemon-dark:#5e4c4c;--color-pokemon-psychic:#f5779e;--color-pokemon-fairy:#f9a8ef;--color-pokemon-poison:#a15ab1;--color-bg-pokemon-ghost:#cbc1e8;--color-bg-pokemon-steel:#d9d7e5;--color-bg-pokemon-dragon:#b9b9fc;--color-bg-pokemon-flying:#cbdeff;--color-bg-pokemon-water:#afd9ff;--color-bg-pokemon-ice:#afd9ff;--color-bg-pokemon-unknown:#255147;--color-bg-pokemon-grass:#b5eaaf;--color-bg-pokemon-bug:#d4dfa7;--color-bg-pokemon-normal:#e4e0cf;--color-bg-pokemon-electric:#ffe9a7;--color-bg-pokemon-ground:#ecd8b4;--color-bg-pokemon-rock:#ecd8b4;--color-bg-pokemon-fire:#ffc8a9;--color-bg-pokemon-fighting:#e7bdb8;--color-bg-pokemon-dark:#c9c0c0;--color-bg-pokemon-psychic:#ffcbde;--color-bg-pokemon-fairy:#fdf;--color-bg-pokemon-poison:#e6c2ef}:root .bg-light{background-color:#255147;background-color:var(--color-bg-pokemon-unknown)}:root .bg-light--ghost{background-color:#cbc1e8;background-color:var(--color-bg-pokemon-ghost)}:root .bg-light--steel{background-color:#d9d7e5;background-color:var(--color-bg-pokemon-steel)}:root .bg-light--dragon{background-color:#b9b9fc;background-color:var(--color-bg-pokemon-dragon)}:root .bg-light--flying{background-color:#cbdeff;background-color:var(--color-bg-pokemon-flying)}:root .bg-light--water{background-color:#afd9ff;background-color:var(--color-bg-pokemon-water)}:root .bg-light--ice{background-color:#afd9ff;background-color:var(--color-bg-pokemon-ice)}:root .bg-light--grass{background-color:#b5eaaf;background-color:var(--color-bg-pokemon-grass)}:root .bg-light--bug{background-color:#d4dfa7;background-color:var(--color-bg-pokemon-bug)}:root .bg-light--normal{background-color:#e4e0cf;background-color:var(--color-bg-pokemon-normal)}:root .bg-light--electric{background-color:#ffe9a7;background-color:var(--color-bg-pokemon-electric)}:root .bg-light--ground{background-color:#ecd8b4;background-color:var(--color-bg-pokemon-ground)}:root .bg-light--rock{background-color:#ecd8b4;background-color:var(--color-bg-pokemon-rock)}:root .bg-light--fire{background-color:#ffc8a9;background-color:var(--color-bg-pokemon-fire)}:root .bg-light--fighting{background-color:#e7bdb8;background-color:var(--color-bg-pokemon-fighting)}:root .bg-light--dark{background-color:#c9c0c0;background-color:var(--color-bg-pokemon-dark)}:root .bg-light--psychic{background-color:#ffcbde;background-color:var(--color-bg-pokemon-psychic)}:root .bg-light--fairy{background-color:#fdf;background-color:var(--color-bg-pokemon-fairy)}:root .bg-light--poison{background-color:#e6c2ef;background-color:var(--color-bg-pokemon-poison)}:root .bg{background-color:#22292f;background-color:var(--color-black);color:#fff;color:var(--color-white)}:root .bg--ghost{background-color:#65539d;background-color:var(--color-pokemon-ghost)}:root .bg--steel{background-color:#908da9;background-color:var(--color-pokemon-steel)}:root .bg--dragon{background-color:#3b3bbb;background-color:var(--color-pokemon-dragon)}:root .bg--flying{background-color:#7a9ff2;background-color:var(--color-pokemon-flying)}:root .bg--water{background-color:#3a8be9;background-color:var(--color-pokemon-water)}:root .bg--ice{background-color:#3a8be9;background-color:var(--color-pokemon-ice)}:root .bg--grass{background-color:#4fb443;background-color:var(--color-pokemon-grass)}:root .bg--bug{background-color:#889e2a;background-color:var(--color-pokemon-bug)}:root .bg--normal{background-color:#afa485;background-color:var(--color-pokemon-normal)}:root .bg--electric{background-color:#f4c234;background-color:var(--color-pokemon-electric)}:root .bg--ground{background-color:#b7904b;background-color:var(--color-pokemon-ground)}:root .bg--rock{background-color:#b7904b;background-color:var(--color-pokemon-rock)}:root .bg--fire{background-color:#e76b2f;background-color:var(--color-pokemon-fire)}:root .bg--fighting{background-color:#9b4840;background-color:var(--color-pokemon-fighting)}:root .bg--dark{background-color:#5e4c4c;background-color:var(--color-pokemon-dark)}:root .bg--psychic{background-color:#f5779e;background-color:var(--color-pokemon-psychic)}:root .bg--fairy{background-color:#f9a8ef;background-color:var(--color-pokemon-fairy)}:root .bg--poison{background-color:#a15ab1;background-color:var(--color-pokemon-poison)}.loader-dual-ring{display:inline-block;width:80px;height:80px}.loader-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#282c34 transparent #454242 transparent;-webkit-animation:loader-dual-ring 1.2s linear infinite;animation:loader-dual-ring 1.2s linear infinite}@-webkit-keyframes loader-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:900px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.detail-header__back{width:24px;vertical-align:middle;cursor:pointer}.detail-header__name{padding-left:5px;line-height:24px;vertical-align:middle;font-weight:700;font-size:16px;text-transform:uppercase;cursor:pointer}.progress{display:flex;flex-direction:column;margin-bottom:8px}.progress>:first-child{display:flex;margin-bottom:5px}.progress__label{flex:1 1;margin-right:10px;color:#4a5568}.progress__value{flex:none}.progress__bar{height:8px;border-radius:5px;width:100%;background-color:#cbd5e0;position:relative}.progress__bar-value{position:absolute;top:0;left:0;height:8px;border-radius:5px}.detail-page{max-width:768px;margin:auto}.detail-page__image{max-height:200px;margin:auto;display:block;width:100%;-o-object-fit:contain;object-fit:contain}.detail-page__types{margin-top:12px;display:flex}.detail-page__type{padding:2px 4px;margin:2px 4px;color:#fff;border-radius:4px;text-transform:uppercase;font-size:12px}.detail-page__name{text-transform:capitalize}.pokemon-card{border-radius:8px;background-color:#f5f5f5;margin:5px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:all .3s ease-in-out}.pokemon-card:hover{transform:scale(1.06)}.pokemon-card__name{background-color:#282c34;border-radius:0 0 8px 8px;color:#f5f5f5;font-weight:700;padding:2px 0;font-size:12px;text-align:center;text-transform:uppercase}.pokemon-card__types{display:flex;justify-content:center}.pokemon-card__type{margin:4px;padding:0 4px;text-transform:uppercase;border-radius:4px;font-size:9px;color:#f5f5f5}.pokemon-list{padding:8px;display:flex;flex-wrap:wrap;justify-content:center}.pokemon-list .pokemon-card{max-width:130px}.pokemon-list__loader{margin:auto;display:block}