@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);:root{--primary-color:#101010;--accent-color:#e8e8e8}*{margin:0;padding:0}html{font-size:62.5%;width:100%}html body{align-items:center;background-color:#fff;box-sizing:border-box;color:#202124;display:flex;flex-direction:column;font-family:Lato,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400;margin:0;padding:0;position:relative;transition:background-color .3s,color .3s;width:100%}html body #root{height:100%;width:100%}html body #root header,html body #root main{padding:2rem}html body #root ul{list-style:none;padding-left:0}html body #root .react-switch{margin-left:0;margin-top:.5rem;vertical-align:middle}html body *{box-sizing:border-box;font-size:1.6rem}html body.dark{background-color:#1f1f1f;color:#f5f5f5}html body.dark main .introduction>a:hover,html body.dark main .introduction>a:nth-of-type(3){color:#f5f5f5}html body.dark main .data-loading,html body.dark main .introduction>button:hover{background-color:#1f1f1f}html body.dark main .pokemon-list li,html body.dark main nav label{background-color:#28292a}html body.dark main nav label svg path{fill:#f5f5f5}html body.dark footer .day-night,html body.dark footer .day-night>div{background-color:#1f1f1f}html body.dark footer .day-night>div label{background-color:#28292a}html body.dark footer .day-night>div label svg path{fill:#f5f5f5}html body.dark footer .day-night>div input[type=radio]:checked+label{background-color:#1f1f1f}@keyframes imhere{0%{transform:scale(1)}92%{transform:scale(1)}93%{transform:scale(1.05)}94%{transform:scale(1)}97%{transform:scale(1)}98%{transform:scale(1.05)}99%{transform:scale(1)}}header{background-color:#101010;background-color:var(--primary-color);color:#e8e8e8;color:var(--accent-color);padding:2rem}header h2{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-size:2.4rem;font-size:1.8rem;font-style:normal;font-weight:700;letter-spacing:.15rem;letter-spacing:normal;text-align:center;text-transform:uppercase}header h2.h1-like{font-size:2rem;letter-spacing:.1rem}main{min-height:80vh;overflow:hidden;position:relative}@keyframes hue-rotation{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(300deg)}to{filter:hue-rotate(0deg)}}main .introduction{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:calc(100vh - 7.6rem);padding-bottom:10rem;padding-top:2rem;text-align:center}@media(min-width:768px){main .introduction{justify-content:center}}main .introduction>img{margin:0 auto 2rem;width:10rem}main .introduction>p{line-height:2.2rem;margin-bottom:.8rem;text-align:center}main .introduction>p span{text-decoration:underline}main .introduction>button{align-items:center;background-color:#3183c5;border:.2rem solid #3183c5;border-radius:998rem;color:#f5f5f5;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:700;justify-content:center;padding:1rem 2.5rem;transition:all .2s;width:max-content}main .introduction>button *{pointer-events:none}main .introduction>button p{position:relative;top:-.1rem}main .introduction>button:hover{background-color:#f5f5f5;color:#3183c5}main .introduction>button{animation:hue-rotation 6s ease-in-out infinite alternate,imhere 6s ease-in-out infinite;margin:4rem auto}main .introduction a{display:inline-block;line-break:auto;margin:1rem auto;text-align:center;text-decoration:none;transition:all .3s;vertical-align:middle}main .introduction a img{height:1.6rem;margin-right:.5rem}main .introduction a img,main .introduction a p{display:inline;vertical-align:middle}main .introduction a p strong{text-decoration:underline}main .introduction a:first-of-type{color:#5865f2}main .introduction a:nth-of-type(2){color:#9146ff}main .introduction a:hover,main .introduction a:nth-of-type(3){color:#202124}main .data-loading{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;position:absolute;top:-6rem;transition:all .3s;width:calc(100% - 4rem);z-index:2}main .data-loading .lds-dual-ring{display:inline-block;height:80px;transform:scale(.8);width:80px}main .data-loading .lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:currentcolor #0000;border-radius:50%;border-style:solid;border-width:6.4px;content:" ";display:block;height:64px;margin:8px;width:64px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main nav{margin-bottom:2rem}main nav ul{display:flex;justify-content:center}main nav ul li{border-radius:.5rem;margin:0 .5rem;overflow:hidden}main nav ul li input{display:none}main nav ul li label{background-color:#f1f3f4;cursor:pointer;padding:1rem 0}main nav ul li label,main nav ul li label svg{align-items:center;display:flex;justify-content:center;transition:all .3s}main nav ul li label svg{height:2.5rem;opacity:.5;pointer-events:none;width:4.5rem}main nav ul li label svg path{fill:#202124;display:block;height:100%;transition:all .3s;width:100%}main nav ul li label:hover svg{opacity:.7}main nav ul li input[type=radio]:checked+label{background-color:#101010;background-color:var(--primary-color)}main nav ul li input[type=radio]:checked+label svg{opacity:1}main nav ul li input[type=radio]:checked+label svg path{fill:#e8e8e8;fill:var(--accent-color)}main nav ul li input[type=radio]:checked+label:hover svg{opacity:1}main .pokemon-list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:120rem;opacity:1;padding-bottom:10rem;width:100%}main .pokemon-list.hidden{opacity:1;transition:all .3s}footer{bottom:0;left:0;padding:0 4rem calc(4rem + env(safe-area-inset-bottom));position:fixed;width:100%;z-index:2}footer nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:140rem;width:100%}footer nav .to-settings{align-items:center;background-color:#101010;background-color:var(--primary-color);border:.2rem solid #101010;border:.2rem solid var(--primary-color);border-radius:998rem;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;color:#f5f5f5;cursor:pointer;display:flex;height:5.6rem;justify-content:center;transition:all .2s;width:5.6rem}footer nav .to-settings svg{height:58%;transition:all .2s;width:58%}footer nav .to-settings svg path{fill:#e8e8e8;fill:var(--accent-color);width:100%}footer nav .to-settings:hover{box-shadow:none;transform:scale(.9)}footer nav .to-settings:hover svg{transform:rotate(-10deg)}footer nav .to-settings.hidden{opacity:0;pointer-events:none;transform:scale(.5)}footer nav .day-night{background-color:#fff;border-radius:.5rem;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;display:flex;overflow:hidden;transition:all .3s}footer nav .day-night>div input{display:none}footer nav .day-night>div label{background-color:#f1f3f4;cursor:pointer;height:3.2rem;width:3.5rem}footer nav .day-night>div label,footer nav .day-night>div label svg{align-items:center;display:flex;justify-content:center;transition:all .3s}footer nav .day-night>div label svg{height:2.5rem;opacity:.5;pointer-events:none;width:2.5rem}footer nav .day-night>div label svg path{fill:#202124;transition:all .3s}footer nav .day-night>div label:hover svg{opacity:.7}footer nav .day-night>div input[type=radio]:checked+label{background-color:#fff}footer nav .day-night>div input[type=radio]:checked+label svg,footer nav .day-night>div input[type=radio]:checked+label:hover svg{opacity:1}footer nav .day-night img{width:100%}.loader{align-items:center;background:#28292a;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:4}.loader.visible{opacity:1}.loader img{max-width:14rem;width:35%}.loader h1,.loader img{transition:filter .2s ease-in-out}.loader h1{color:#6cc5cf;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-size:2.4rem;font-size:2rem;font-style:normal;font-weight:700;letter-spacing:.15rem;margin-top:2rem;text-transform:uppercase}.settings-container{align-items:center;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;display:flex;flex-wrap:wrap;height:100vh;justify-content:flex-end;left:0;margin:0;opacity:0;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:3}.settings-container .settings-content{background-color:#101010;background-color:var(--primary-color);box-shadow:-.1rem 0 2rem #0000001a;color:#e8e8e8;color:var(--accent-color);height:100%;max-width:50rem;overflow-y:auto;padding:4rem;position:absolute;transform:translateX(100%);transition:transform .5s,background-color .3s;width:80%}.settings-container .settings-content h3{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-size:2.4rem;font-size:2.2rem;font-style:normal;font-weight:700;letter-spacing:.15rem;margin:2.8rem 0 .5rem;text-transform:uppercase}@media(min-width:768px)and (orientation:landscape){.settings-container .settings-content h3{margin:4rem 0 1rem}}.settings-container .settings-content .info{margin-top:.5rem;opacity:.75}.settings-container .settings-content .generations{display:flex;flex-wrap:wrap;left:-.5rem;max-width:32rem;position:relative}.settings-container .settings-content .generations li{margin:.5rem}.settings-container .settings-content .generations li input{display:none}.settings-container .settings-content .generations li label{align-items:center;background-color:#101010;background-color:var(--primary-color);color:#e8e8e8;color:var(--accent-color);cursor:pointer;display:flex;height:3.4rem;justify-content:center;opacity:.7;transition:all .3s;width:3.4rem}.settings-container .settings-content .generations li label:hover{opacity:1}.settings-container .settings-content .generations li input[type=checkbox]:checked+label{background-color:#e8e8e8;background-color:var(--accent-color);color:#101010;color:var(--primary-color);font-weight:700;opacity:1}.settings-container .settings-content>button{align-items:center;background-color:#e8e8e8;background-color:var(--accent-color);border:.2rem solid #e8e8e8;border:.2rem solid var(--accent-color);border-radius:998rem;color:#101010;color:var(--primary-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:700;justify-content:center;margin-bottom:4rem;margin-top:2.8rem;padding:1rem 2.5rem;transition:all .2s;width:max-content}.settings-container .settings-content>button *{pointer-events:none}.settings-container .settings-content>button p{position:relative;top:-.1rem}.settings-container .settings-content>button:hover{background-color:#101010;background-color:var(--primary-color);color:#e8e8e8;color:var(--accent-color)}@media(min-width:768px)and (orientation:landscape){.settings-container .settings-content>button{margin-top:4rem}}.settings-container .settings-content>button{box-shadow:0 0 15px #ffffff59}.settings-container .settings-content>a{color:#e8e8e8;color:var(--accent-color);display:block;margin-bottom:2.8rem;text-decoration:none;transition:all .3s}.settings-container .settings-content>a svg{display:inline;height:1.6rem;margin-right:.8rem;vertical-align:middle;width:auto}.settings-container .settings-content>a svg path{fill:#e8e8e8;fill:var(--accent-color)}.settings-container .settings-content>a p{display:inline;vertical-align:middle}.settings-container .settings-content>a:hover{opacity:.7}.settings-container.open{opacity:1}.settings-container.open .settings-content{transform:translateX(0)}.color-palette{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;left:-.5rem;max-width:32rem;position:relative}.color-palette li{margin:.5rem;opacity:1;transition:all .3s}.color-palette li.hidden{cursor:default;opacity:0;pointer-events:none}.color-palette li input{display:none}.color-palette li label{border:.2rem solid;border-radius:998rem;cursor:pointer;display:block;height:3.4rem;transition:all .2s;width:3.4rem}.color-palette li label.multicolor{border-color:#101010;border-color:var(--primary-color);transform:scale(1.0588)!important}.color-palette li label.multicolor:hover{transform:scale(.9588)!important}.color-palette li label:hover{transform:scale(.9)!important}.color-palette li input[type=radio]:checked+label{border-color:#e8e8e8!important;border-color:var(--accent-color)!important}.color-palette li input[type=radio]:checked+label.multicolor{transform:scale(1)!important}.color-palette li input[type=radio]:checked+label.multicolor:hover{transform:scale(.9)!important}.alphabet-input input{background-color:#f5f5f5;border:.2rem solid #f1f3f4;border-radius:.5rem;font-family:inherit;font-size:inherit;margin:.5rem 0 0;max-width:24rem;outline:none;padding:.75rem 1rem;transition:all .3s;width:85%}.alphabet-input input:focus{box-shadow:0 0 15px #ffffff59}.alphabet-input ul{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-top:.5rem;position:relative}.alphabet-input ul li{margin:.5rem}.alphabet-input ul li button{align-items:center;background-color:#e8e8e8;background-color:var(--accent-color);border:0;color:#101010;color:var(--primary-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:700;justify-content:center;padding:.5rem;transition:all .3s}.alphabet-input ul li button svg{height:1rem;margin-left:1rem;width:1rem}.alphabet-input ul li button svg path{fill:#101010;fill:var(--primary-color);transition:all .3s}.alphabet-input ul li button:hover{background-color:#101010;background-color:var(--primary-color);color:#e8e8e8;color:var(--accent-color)}.alphabet-input ul li button:hover svg path{fill:#e8e8e8;fill:var(--accent-color)}.pokemon{align-items:center;background-color:#f1f3f4;cursor:pointer;display:flex;height:calc(50vw - 3rem);justify-content:center;margin:.4rem;max-height:18rem;max-width:18rem;overflow:hidden;position:relative;transition:background-color .3s;width:calc(50vw - 3rem)}.pokemon img{pointer-events:none;width:90%}.pokemon>div{align-items:center;background-color:#101010;background-color:var(--primary-color);color:#e8e8e8;color:var(--accent-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;text-align:center;top:0;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%}.pokemon>div *{transform:scale(.9)}.pokemon>div .english-name,.pokemon>div h3{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-size:2.4rem;font-size:1.6rem;font-style:normal;font-weight:700;letter-spacing:.15rem;letter-spacing:normal;margin-bottom:.5rem;text-transform:uppercase}.pokemon>div h3{font-size:1.7rem}.pokemon>div .english-name{font-style:italic;font-weight:400}.pokemon>div .pokedex-infos{align-items:center;display:flex;justify-content:center;margin-top:1rem;position:relative;top:-.2rem}.pokemon>div .pokedex-infos span{background-color:#e8e8e8;background-color:var(--accent-color);display:block;height:1rem;margin:0 .6rem;opacity:0;position:relative;top:.1rem;width:.2rem}.pokemon.view-infos>div{opacity:1;transform:scale(1.1)}@media(hover:hover){.pokemon:hover>div{opacity:1;transform:scale(1.1)}}
/*# sourceMappingURL=main.480d7359.css.map*/