@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body,html{width:100%}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100vh;font-family:"Press Start 2P",cursive}#root{position:relative;width:100%;height:100%;--filter-color:#c92222;--browser-color:#34406a;--search-color:#2c2f3f;--load-color:#272c53;--selected-color:#ce932c;--unselected-color:#d9c98c;--border-color:#202227;--details-color:#4d6166;--details-light-color:#6e8a91}.home{text-align:center}@media(min-width:820px){.main{width:100%;height:100%;display:grid;grid-template:"bar bar bar" 3em "filter browse browse" 1fr "filter browse browse" 1fr/3fr 5fr 5fr}a+.details{display:grid;grid-template:"a b" "c c"}}.bar,.browse,.filter{width:100%;height:100%}.browse{border:.5em solid var(--border-color);display:grid;position:relative;grid-template-rows:auto auto auto;justify-items:center;background-color:var(--browser-color);grid-area:browse}.browse,.browse>p{box-sizing:border-box}.browse>p{padding-left:2em}.browse>*{width:100%}.loading{background-color:var(--load-color);position:absolute;top:0;bottom:0;left:0;right:0}.loading>img,.loading>svg{position:absolute;height:65%;width:auto;max-width:80%;top:calc(50% - 4em);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading>p{position:absolute;font-size:2em;text-align:center;top:75%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes breathe-text{0%,to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}50%{-webkit-transform:translateX(-50%) scale(1.5);transform:translateX(-50%) scale(1.5)}}@keyframes breathe-text{0%,to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}50%{-webkit-transform:translateX(-50%) scale(1.5);transform:translateX(-50%) scale(1.5)}}@-webkit-keyframes spin-logo{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-logo{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.styled-button{box-sizing:border-box;text-align:center;padding:2em;height:100%}.styled-button>p{background-color:#535997;padding:.5em}.styled-button>p:hover{background-color:#7b80b7}.styled-button>input[type=button]{display:none}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;align-items:center;align-content:center;background-color:rgba(54,48,48,.6);z-index:5}.details{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:2em;font-size:.7em;max-height:90%;max-width:90%;overflow-y:scroll;background-color:var(--details-color);z-index:6;display:flex;flex-direction:column}.details>a{position:absolute;top:0;left:0;-webkit-transform:translate(100%,100%);transform:translate(100%,100%);background-color:var(--details-light-color);padding:.5em;z-index:8}.details>a:link,.details>a:visited{color:inherit;text-decoration:none}.details>:first-child{grid-area:a}.details>:nth-child(2){grid-area:b}.details>:nth-child(3){grid-area:c;justify-self:center;align-self:center}.details>.data>:nth-child(odd){background-color:var(--details-light-color)}.details>.data>p{padding:1em}.details>.data>div{display:grid;width:100%;padding:0 1em;grid-template-columns:50% 50%}.details>.data>div>p:first-child{text-align:center;align-self:center}.details>.data>div>p:nth-child(2){text-align:right;align-self:center}.details>.data>.pokemon-detail-types{display:flex;flex-direction:column}.details>.data>.pokemon-detail-types>div{display:flex;flex-direction:row}.details>.data>.pokemon-detail-types>div>p+p{padding-left:2em}.details>.data>.pokemon-detail-types>div>p{text-transform:capitalize}.pokemon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(13em,1fr));overflow-y:scroll;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;grid-row-gap:1em;row-gap:1em;padding:0 2em;box-sizing:border-box;height:calc(100vh - 15em)}@-webkit-keyframes pokeball-selected{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}10%{-webkit-transform:translate(-50%,-50%) rotate(15deg) scale(1.1);transform:translate(-50%,-50%) rotate(15deg) scale(1.1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}60%{-webkit-transform:translate(-50%,-50%) rotate(-15deg) scale(1.1);transform:translate(-50%,-50%) rotate(-15deg) scale(1.1)}}@keyframes pokeball-selected{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}10%{-webkit-transform:translate(-50%,-50%) rotate(15deg) scale(1.1);transform:translate(-50%,-50%) rotate(15deg) scale(1.1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}60%{-webkit-transform:translate(-50%,-50%) rotate(-15deg) scale(1.1);transform:translate(-50%,-50%) rotate(-15deg) scale(1.1)}}.filter{grid-area:filter;border:.5em solid var(--border-color);background-color:var(--filter-color);overflow-y:scroll;box-sizing:border-box}.filter>p{padding-left:2em}.filter>div+p{padding-top:1em}.filter>.colors,.filter>.type{display:grid;grid-template-columns:repeat(auto-fill,minmax(5em,1fr));justify-items:center;grid-gap:1em 0;gap:1em 0}.filter>.colors input[type=checkbox],.filter>.type input[type=checkbox]{display:none}.filter>.type label{position:relative;height:2em}.filter>.type label>img{height:2em;-webkit-filter:grayscale(100%);filter:grayscale(100%);z-index:2}.filter>.type label>img,.filter>.type label>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.filter>.type label>span{color:var(--unselected-color);text-shadow:2px 2px 1px #000;font-size:.65em;text-transform:uppercase;z-index:3}.filter>.type label input[type=checkbox]:checked~img{-webkit-filter:none;filter:none}.filter>.type label input[type=checkbox]:checked~span{color:var(--selected-color)}.filter>.colors label{position:relative;height:2em}.filter>.colors label>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:6px solid rgba(117,119,138,.3);padding:.5em;color:var(--unselected-color);text-shadow:2px 2px 1px #000;font-size:.65em;text-transform:uppercase;z-index:3}.filter>.colors label input[type=checkbox]:checked~span{color:var(--bg);border:6px solid #75778a}.filter>.genders{display:grid;grid-template:"a b" "c d";justify-items:center}.filter>.genders>label{position:relative;height:2em}.filter>.genders>label>input[type=radio]{display:none}.filter>.genders>label>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--unselected-color);text-shadow:2px 2px 1px #000;font-size:.7em;text-transform:capitalize;z-index:3}.filter>.genders>label>input[type=radio]:checked~span{color:var(--selected-color)}.filter>.genders>label>input[type=radio]:checked~span:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:2em;aspect-ratio:1;border:6px solid rgba(117,119,138,.3);border-radius:100%;z-index:2}@media(prefers-reduced-motion:no-preference){.filter>.type label input[type=checkbox]:checked~img{-webkit-animation:pokeball-selected .5s ease 0s 1 forwards;animation:pokeball-selected .5s ease 0s 1 forwards}.loading>svg{-webkit-animation:spin-logo 2s linear infinite;animation:spin-logo 2s linear infinite}.loading>p{-webkit-animation:breathe-text 10s ease infinite;animation:breathe-text 10s ease infinite}}.bar{background:var(--search-color);grid-area:bar;display:grid;grid-template-columns:3em 1fr;grid-gap:auto;gap:auto;align-items:center;min-height:3em}.bar>img{box-sizing:border-box;height:1.5em;padding-left:1em;padding-right:2em}.bar>input{justify-self:flex-end;margin-right:2em}.pokemon-list>a{margin:0 auto}.pokemon-list>a:link,.pokemon-list>a:visited{color:inherit;text-decoration:none}.pokemon{display:grid;grid-template-rows:10em 2em;align-items:center;background-color:rgba(117,119,138,.3)}.pokemon>p{text-align:center}.pokemon>img{height:100%;margin:0 auto}.pokemon:hover{background-color:#5a5b66}.evol-container{display:flex;flex-direction:row}.evol-flex{display:flex;flex-direction:column;position:relative;padding-left:2em}.evolution{align-self:center}.evolution>a:link,.evolution>a:visited{color:inherit;text-decoration:none}.evolution>a>img{height:5em;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);background-color:#5a5b66}.evolution>a>p{text-align:center;font-size:.5rem;text-transform:capitalize}.evolution+.evol-flex:before{content:"->";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/*# sourceMappingURL=main.b5a5d677.chunk.css.map */