:root{--rad:8px;--primary:#ee1515;--text:#222224;--background:#f0f0f0;--warn:#fdd835;--success:#00e676;--shadow:0px 8px 16px 0px rgba(0,0,0,.2)}body,html{font-family:system-ui}#logo{height:100px;width:100px}header{margin:0 0 2rem}header a{align-items:center;color:inherit;display:flex;flex-direction:column;justify-content:center;text-decoration:none}header a h1{margin:-1rem 0 1rem}header nav{align-items:center;display:flex}header nav a{color:#ee1515;color:var(--primary);cursor:pointer;margin:0 .2rem}header nav a.active{text-decoration:underline}.menu{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.menu h2{margin:.4rem 0}.menu button{cursor:pointer;margin:0 .1rem;width:45px}#app-container{margin:0;min-height:100vh;padding:0}#app-container,.container{align-items:center;display:flex;flex-direction:column}.container{height:100%;max-width:75vw;text-align:center;width:100%}.spacer{flex-grow:1}#error{align-items:center;display:flex;flex-direction:column;justify-content:center}#error h1{margin:0}.list{flex-wrap:wrap;justify-content:center}.item,.list{align-items:center;display:flex}.item{background-color:var(--surface);border-radius:8px;border-radius:var(--rad);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;justify-content:flex-start;margin:.5rem;min-height:10rem;padding-bottom:1rem;position:relative;width:9rem}.item img{height:100px;width:100%}.details{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.actions{width:100%}.actions,.details .type-list{align-items:center;display:flex;justify-content:space-evenly}.details .type-list{flex-wrap:wrap}.details .type-list .type{border-radius:8px;border-radius:var(--rad);margin:.2rem;padding:.1rem .4rem}.normal{background-color:#a8a77a}.fire{background-color:#ee8130}.water{background-color:#6390f0}.electric{background-color:#f7d02c}.grass{background-color:#7ac74c}.ice{background-color:#96d9d6}.fighting{background-color:#c22e28}.poison{background-color:#a33ea1}.ground{background-color:#e2bf65}.flying{background-color:#a98ff3}.psychic{background-color:#f95587}.bug{background-color:#a6b91a}.rock{background-color:#b6a136}.ghost{background-color:#735797}.dragon{background-color:#6f35fc}.dark{background-color:#705746}.steel{background-color:#b7b7ce}.fairy{background-color:#d685ad}.skeleton{animation:loader 1s infinite reverse;background:linear-gradient(90deg,#dce0e5,#f0f2f4,#dce0e5);background-size:200%}.corner-ribbon{background:#ee1515;background:var(--primary);border-radius:0 0 8px;border-radius:0 0 var(--rad);left:0;padding:.5rem .8rem;position:absolute;top:0}.item .details{width:100%}.item .details img{border-radius:8px 8px 0 0;border-radius:var(--rad) var(--rad) 0 0;min-height:70px;width:100%}.item h2{margin:0 0 .3rem;padding:0}.toast{border-radius:8px;border-radius:var(--rad);bottom:10%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:var(--shadow);display:grid;height:50px;left:50%;max-width:300px;padding:.6rem 1rem;place-items:center;position:fixed;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toast.error{background:#ee1515;background:var(--primary);color:#f0f0f0;color:var(--background)}.toast .warn{background:#fdd835;background:var(--warn)}.toast .success,.toast .warn{color:#222224;color:var(--text)}.toast .success{background:#00e676;background:var(--success)}footer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:1rem}@media(min-width:768px){.item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes loader{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes loader{0%{background-position:-100% 0}to{background-position:100% 0}}
/*# sourceMappingURL=main.1194ca0e.css.map*/