article.search{margin:35px 0;padding:0;border-radius:28px;background:rgba(255,255,255,.9)}article.search:hover{background:#fff}article.search input{padding:0 18px;line-height:56px;height:56px;font-size:22px;color:#444;text-align:center;width:100%}article.search input:focus{outline:0;border:2px solid #4299e1;background:#fff}article.search input{background:0 0;border:none;border-radius:28px}article.search input::placeholder{color:#aaa;font-weight:300;-webkit-font-smoothing:auto}.filter-updated{background:#fafafa;box-shadow:0 1px 5px rgba(0,0,0,.1)}.filter-updated .selectors{display:flex;justify-content:space-around;line-height:38px}.filter-updated .selectors{color:rgba(255,255,255,.8);border-bottom:3px solid rgba(13,71,161,.5)}.filter-updated .selectors>div{flex:1 0 25%;text-align:center;color:#4078c0;font-weight:700;font-size:14px;cursor:pointer}.filter-updated .selectors>div:hover{text-decoration:underline}.filter-updated .selectors>div::after{content:'';margin-left:6px;opacity:.75;display:inline-block;position:relative;top:1px}.filter-updated .selectors>div::after{width:0;height:0;border:3px solid transparent;border-top-color:rgba(13,71,161,.5);border-top-width:5px}.filter-updated .options{text-align:center;margin:0;justify-content:center}.filter-updated .options{flex-wrap:nowrap;flex-direction:column}.filter-updated .options>div{padding:6px 4px 2px;display:none}.filter-updated .options .type{font-size:12px;border:2px solid transparent;margin-bottom:4px}.filter-updated .options .active{border:2px solid #000}.filter-updated .options .inactive{opacity:.4}.pokemon-list{display:flex;flex-direction:column;align-items:center}.pokemon-list .loading{font-size:42px;opacity:.24;font-weight:300;text-align:center;margin:10px 0 80px}.family{display:flex;margin-bottom:20px}.family .gen{display:flex;flex-direction:column;justify-content:center;margin-right:5px}.family .pokemon{width:250px;position:relative;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-bottom:2px}.family .pokemon .info{padding:0 10px;box-sizing:border-box}.family .pokemon img{width:60px;height:60px;position:absolute;right:12px;top:6px}.family .pokemon .id{position:absolute;top:1px;right:4px;font-size:11px;color:#bbb}.family .pokemon .id::before{content:'#';color:#ddd}.family .pokemon.spacer{background:0 0;box-shadow:none}.family .pokemon::after{content:attr(data-gen);position:absolute;right:3px;bottom:3px;font-size:12px;font-weight:700;opacity:.9}.family .pokemon.g1::after{color:#80bb1d}.family .pokemon.g2::after{color:#cac02e}.family .pokemon.g3::after{color:#67c1ab}.family .pokemon.g4::after{color:#9072a3}.family .pokemon.g5::after{color:#6baece}.family .gen:last-child{margin-right:0}.family .gen .pokemon:hover{background:#e8f5e9}.family .gen .pokemon.selected{background:#e8f5e9}.family .gen .pokemon:hover .types{opacity:1}.family .gen .pokemon.hidden{opacity:.3}.family .gen .pokemon.hidden:hover{opacity:.65}.pokemon h2{font-size:18px;margin:7px 10px 0}.pokemon .types{margin:5px 10px 10px;font-size:12px;opacity:.8}.pokemon .types .type{border-radius:0;margin-right:1px;margin-bottom:1px}.pokemon .types .type:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.pokemon .types .type:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.pokemon .bar{width:100%;height:4px;position:absolute;background:rgba(0,0,0,.05);bottom:0;left:0}.pokemon .bar .value{width:1px;height:100%;position:absolute;left:0;top:0;background:#42a5f5;opacity:.8}@media all and (max-width:800px){article.search{margin:10px 10px 0}section{margin-bottom:10px}.filter{margin:0 10px 10px}.filter .type{cursor:pointer;margin:8px 6px 0 0;padding:4px 9px}.pokemon-list{align-items:stretch}.family{justify-content:space-between;padding:0 10px}.family .gen{flex:1 0 calc(33.33% - 3.33px)}.family .gen .pokemon{width:100%}.pokemon .types{font-size:13px}}@media all and (max-width:650px){.family .pokemon .types{font-size:11px}.family .pokemon img{top:12px;width:60px;height:60px}}@media all and (max-width:600px){.grid.news a:nth-child(n+2){display:none}}@media all and (max-width:580px){article.search input{font-size:15px}.family .pokemon{display:flex;flex-direction:column;height:auto;align-items:center;padding-bottom:4px}.family .pokemon h2{font-size:16px}.family .pokemon img{position:relative;top:auto;right:auto}.family .pokemon .types{order:3;text-align:center;margin-bottom:6px}}@media all and (max-width:325px){.family .pokemon h2{font-size:12px}}.grid.news{padding-top:10px}.news-item{display:flex;align-items:flex-end;height:180px;padding:0;margin:0 10px;overflow:hidden;background-position:bottom}.news-item{background-size:cover;border-top:5px solid #42a5f5;border-radius:2px}.news-item.valentines{border-color:rgba(0,0,0,.2)}.news-item span{padding:10px 20px;background:rgba(0,0,0,.7);flex-grow:1;color:#fff}.news-item:hover span{font-weight:700}body._s155 .filter-updated{position:fixed;top:70px;z-index:4;left:0;right:0;box-shadow:0 5px 8px rgba(0,0,0,.28)}body._s155 #content{padding-top:130px}body._s155 header{box-shadow:none}@media all and (max-width:870px){body._s155 .filter-updated{top:50px}body._s155 #content{padding-top:110px}}@media all and (max-width:800px){body._s105 header{box-shadow:none}body._s105 .filter-updated{position:fixed;top:50px;z-index:4;left:0;right:0;box-shadow:0 5px 8px rgba(0,0,0,.28)}body._s105 #content{padding-top:100px}}