*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media (max-width:56.25em){html{font-size:50%}}@media (max-width:75em){html{font-size:56.25%}}@media (min-width:112.5em){html{font-size:75%}}body{box-sizing:border-box;padding:3rem}@media (max-width:56.25em){body{padding:0}}body{background-color:#f4f5ff}.container{width:700px;margin:0 auto}@media (max-width:56.25em){.container{width:100%;margin:0;padding:10px}}.title-page{text-align:center;font-size:3rem}.btn-more{width:100%;border:1px solid #ccc;padding:10px;cursor:pointer;background-color:#a8c2db}.btn-more:disabled{background-color:#f4f5ff;cursor:no-drop}.retrieve-data{padding-top:20rem;font-size:1.5em;text-transform:uppercase;text-align:center;font-weight:600}.row{max-width:114rem;margin-left:-10px;margin-right:-10px}@media (max-width:56.25em){.row{max-width:100%;width:100%;margin:0}}.row:after{content:"";display:table;clear:both}.lg-1{width:8.33333%}@media (max-width:56.25em){.sm-1{width:8.33333%}}.lg-2{width:16.66667%}@media (max-width:56.25em){.sm-2{width:16.66667%}}.lg-3{width:25%}@media (max-width:56.25em){.sm-3{width:25%}}.lg-4{width:33.33333%}@media (max-width:56.25em){.sm-4{width:33.33333%}}.lg-5{width:41.66667%}@media (max-width:56.25em){.sm-5{width:41.66667%}}.lg-6{width:50%}@media (max-width:56.25em){.sm-6{width:50%}}.lg-7{width:58.33333%}@media (max-width:56.25em){.sm-7{width:58.33333%}}.lg-8{width:66.66667%}@media (max-width:56.25em){.sm-8{width:66.66667%}}.lg-9{width:75%}@media (max-width:56.25em){.sm-9{width:75%}}.lg-10{width:83.33333%}@media (max-width:56.25em){.sm-10{width:83.33333%}}.lg-11{width:91.66667%}@media (max-width:56.25em){.sm-11{width:91.66667%}}.lg-12{width:100%}@media (max-width:56.25em){.sm-12{width:100%}}[class^=columns]{float:left;padding-left:10px;padding-right:10px}.header{position:fixed;width:750px;left:50%;z-index:1;background-color:#f4f5ff;max-width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0;padding:20px 23px 7px}@media (max-width:56.25em){.header{width:100%;left:0;-webkit-transform:translateX(0);transform:translateX(0)}}.toolbar-wrap{background-color:#fff;padding:15px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:4px}.field{height:4rem;position:relative}.field .input,.field .input-select{display:block;max-width:100%;width:100%;padding:.7rem 1.2rem;line-height:1.5;font-size:1rem;height:100%;font-size:16px;border-radius:3px;border:1px solid #e8e8e8;color:#848484}.field .input-select:focus,.field .input:focus{border:2px solid #0191f0}.field .input-select>option{text-transform:capitalize}.btn-search{width:50px;height:100%;right:0;padding:0 11px;cursor:pointer;background-color:transparent;border:0}.btn-search,.btn-search:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn-search:before{content:"";width:1px;height:calc(100% - 15px);background-color:#c2c2c2;left:0}.btn-search .svg-icon{width:100%;height:100%;fill:#b9b9b9}.btn-search:hover .svg-icon{fill:#000}.poke-item{background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);text-align:center;border-radius:4px;min-height:115px;margin-bottom:25px;cursor:pointer;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.poke-item:hover{background-color:#c6c6c6;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.poke-item .image{position:relative;padding-top:80%;display:block}.poke-item .image img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:10px}.poke-item .content{padding:0 10px 7px}.poke-item .content .name{font-size:1.5rem;font-weight:600;text-transform:capitalize;color:#4a5568;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-up{position:fixed;background-color:#fff;width:700px;height:100%;bottom:0;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-transition:.4s;transition:.4s;visibility:hidden;opacity:0;z-index:5}@media (max-width:56.25em){.side-up{width:100%}}.side-up.is-active{-webkit-transform:translate(-50%);transform:translate(-50%);visibility:visible;opacity:1}.side-up.is-active+.overlay{visibility:visible;opacity:1;z-index:2;position:fixed;top:50%;left:50%;width:6rem;height:6rem;background:rgba(0,0,0,.42);-webkit-transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1),-webkit-transform .8s cubic-bezier(.86,0,.07,1);-webkit-transform:scale(80);transform:scale(80);border-radius:50px}.overlay{opacity:0;visibility:hidden}.poke-detail{height:100%}.poke-detail__header{margin-bottom:8px;position:relative;padding:17px 50px;box-shadow:0 2px 4px 0 rgba(0,0,0,.06)}@media (max-width:56.25em){.poke-detail__header{padding:17px 20px}}.poke-detail__header h2{text-align:left;font-size:2em}.poke-detail__header .close-detail{font-size:5.5em;position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:30px;background:#eeefff;border-radius:4px;padding:7px;cursor:pointer}@media (max-width:56.25em){.poke-detail__header .close-detail{right:24px}}.poke-detail__body{padding:15px 50px}@media (max-width:56.25em){.poke-detail__body{padding:17px 20px}}.poke-detail__body .profile__wrapper{display:flex;align-items:center;flex-direction:row;margin-bottom:22px}@media (max-width:56.25em){.poke-detail__body .profile__wrapper{flex-direction:column}}.poke-detail__body .profile__wrapper .images{display:flex;flex-basis:50%;max-width:50%}.poke-detail__body .profile__wrapper .images img{width:50%;margin-right:8px;background-color:#eeefff;border-radius:4px;height:130px}.poke-detail__body .profile__wrapper .images img:last-child{margin-right:0}.poke-detail__body .profile__wrapper .profile{padding-left:15px;flex-basis:50%;max-width:50%;font-size:1.3em}.poke-detail__body .profile__wrapper .profile .abilities,.poke-detail__body .profile__wrapper .profile .height,.poke-detail__body .profile__wrapper .profile .type,.poke-detail__body .profile__wrapper .profile .weight{margin-bottom:.35em}.label-type{display:inline-block;padding:5px 18px;margin-right:8px;background-color:#e6e6e6;border-radius:4px;text-transform:capitalize;font-size:14px}.btn{position:absolute;top:50%;font-size:67px;width:75px;font-size:4rem;line-height:15rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;background-color:#eeefff;border:1px solid #eeefff;border-radius:4px}.btn:hover{background-color:#d3d6ff}.btn-left{left:-15rem}.btn-right{right:-15rem}.graph{position:relative;display:flex;align-items:center;font-size:1.3em;margin-bottom:.75rem}.graph .name{flex-basis:35%;max-width:35%;text-transform:uppercase;padding-right:15px;position:relative}.graph .name strong>b{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px}.graph .bar{background:#cfd2ff;width:100%;height:27px;position:relative;overflow:hidden;border-radius:3px}.graph .bar-value{background:#56ccf2;background:-webkit-gradient(linear,left top,right top,from(#569eff),to(#56ccf2));background:linear-gradient(90deg,#569eff,#56ccf2);height:100%;width:100%;position:absolute;top:0;left:0}.graph .bar-number{position:absolute;font-size:16px;z-index:1;top:50%;left:7px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:600}.normal{background-color:#a8a878!important}.fire{background-color:#f08030!important}.water{background-color:#6890f0!important}.grass{background-color:#78c850!important}.electric{background-color:#f8d030!important}.ice{background-color:#98d8d8!important}.fighting{background-color:#c03028!important}.poison{background-color:#a040a0!important}.ground{background-color:#e0c068!important}.flying{background-color:#a890f0!important}.psychic{background-color:#f85888!important}.bug{background-color:#a8b820!important}.rock{background-color:#b8a038!important}.ghost{background-color:#705898!important}.dark{background-color:#705848!important}.dragon{background-color:#7038f8!important}.steel{background-color:#b8b8d0!important}.fairy{background-color:#f0b6bc!important}.bug,.dark,.dragon,.electric,.fairy,.fighting,.fire,.flying,.ghost,.grass,.ground,.ice,.normal,.poison,.psychic,.rock,.steel,.water{color:#fff!important;font-weight:600}
/*# sourceMappingURL=main.3685b30f.chunk.css.map */