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}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat/Montserrat-Light.ttf);font-weight:300;font-style:normal;font-display:fallback}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat/Montserrat-Regular.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat/Montserrat-Black.ttf);font-weight:900;font-style:normal;font-display:fallback}:root{--black:#282c34;--black-dark:#1d2026;--background:#282c34;--background-dark:#101319;--color:rgba(74,77,84,0.95);--white:#fff;--normal:#b4b4a2;--fire:#e35f36;--water:#2990ff;--grass:#6dc64b;--electric:#ffc62a;--ice:#6cd9ff;--fight:#b44a3a;--fight:#e9818f;--flying:#5b90ff;--ghost:#5b5cb4;--ghost:#9d98dc;--dark:#6d4a3a;--dark:#9aa1a7;--ground:#d9b44b;--rock:#b4a25b;--bug:#a2b41b;--poison:#c661d4;--psychic:#ff4a90;--dragon:#6c5cec;--dragon:#04a8f6;--steel:#a2a2b4;--fairy:#ffa2ff}*{box-sizing:border-box}a,button{cursor:pointer}body{background-color:#101319;background-color:var(--background-dark);font-family:Montserrat,sans-serif;font-weight:400}h2{font-weight:900}h3{font-weight:300}#root{position:relative;width:100vw;overflow:hidden}.top-navigation{position:absolute;top:0;left:0;padding:0 20px;width:100%;height:30px;z-index:9}.top-navigation__home{position:absolute;top:5px;right:5px}.top-navigation ul{padding:0;margin:0;list-style-type:none}.top-navigation ul li a{color:#fff;color:var(--white)}.home__header{position:relative;padding:10px 0;min-height:100px;background-color:#282c34;background-color:var(--background)}.home__header img{top:53%;left:20px}.home__header h1,.home__header img{transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);position:absolute}.home__header h1{top:50%;width:100%;line-height:43px;margin:0;-webkit-text-stroke:1px #fff;color:transparent;font-size:43px;text-align:center;text-transform:uppercase;letter-spacing:2px}.home ul{list-style-type:none;overflow:scroll;padding:20px 0 0;margin-top:-1px}.home ul li{display:inline-block;width:33.33%;margin:10px 0;text-align:center}.home ul li a{display:block;-webkit-text-emphasis:center;text-emphasis:center;margin:0 auto;font-size:13px;text-transform:uppercase;text-decoration:none}.home ul li a img{width:40px;display:block;margin:0 auto 10px}.type.normal,.type.normal a,li.normal,li.normal a{color:#b4b4a2;color:var(--normal)}.type.ghost,.type.ghost a,li.ghost,li.ghost a{color:#9d98dc;color:var(--ghost)}.type.fire,.type.fire a,li.fire,li.fire a{color:#e35f36;color:var(--fire)}.type.water,.type.water a,li.water,li.water a{color:#2990ff;color:var(--water)}.type.grass,.type.grass a,li.grass,li.grass a{color:#6dc64b;color:var(--grass)}.type.electric,.type.electric a,li.electric,li.electric a{color:#ffc62a;color:var(--electric)}.type.poison,.type.poison a,li.poison,li.poison a{color:#c661d4;color:var(--poison)}.type.rock,.type.rock a,li.rock,li.rock a{color:#b4a25b;color:var(--rock)}.type.ground,.type.ground a,li.ground,li.ground a{color:#d9b44b;color:var(--ground)}.type.dark,.type.dark a,li.dark,li.dark a{color:#9aa1a7;color:var(--dark)}.type.bug,.type.bug a,li.bug,li.bug a{color:#a2b41b;color:var(--bug)}.type.ice,.type.ice a,li.ice,li.ice a{color:#6cd9ff;color:var(--ice)}.type.steel,.type.steel a,li.steel,li.steel a{color:#a2a2b4;color:var(--steel)}.type.fairy,.type.fairy a,li.fairy,li.fairy a{color:#ffa2ff;color:var(--fairy)}.type.psychic,.type.psychic a,li.psychic,li.psychic a{color:#ff4a90;color:var(--psychic)}.type.dragon,.type.dragon a,li.dragon,li.dragon a{color:#04a8f6;color:var(--dragon)}.type.fight,.type.fight a,li.fight,li.fight a{color:#e9818f;color:var(--fight)}.type.flying,.type.flying a,li.flying,li.flying a{color:#5b90ff;color:var(--flying)}.fade-enter{opacity:0;z-index:1}.fade-exit{opacity:0}.fade-enter.fade-enter-active{opacity:1;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in}.type--normal{color:#b4b4a2;color:var(--normal)}.type--normal .type__header{background:#9099a1;background:-webkit-gradient(linear,left top,left bottom,from(#9099a1),color-stop(60%,#a9a79f));background:-webkit-linear-gradient(top,#9099a1,#a9a79f 60%);background:linear-gradient(180deg,#9099a1,#a9a79f 60%)}.type--ghost{color:#9d98dc;color:var(--ghost)}.type--ghost .type__header{background:#5369ac;background:-webkit-gradient(linear,left top,left bottom,from(#5369ac),color-stop(60%,#7874d6));background:-webkit-linear-gradient(top,#5369ac,#7874d6 60%);background:linear-gradient(180deg,#5369ac,#7874d6 60%)}.type--fire{color:#e35f36;color:var(--fire)}.type--fire .type__header{background:#ff9d54;background:-webkit-gradient(linear,left top,left bottom,from(#ff9d54),color-stop(60%,#ffae4a));background:-webkit-linear-gradient(top,#ff9d54,#ffae4a 60%);background:linear-gradient(180deg,#ff9d54,#ffae4a 60%)}.type--water{color:#2990ff;color:var(--water)}.type--water .type__header{background:#4d90d6;background:-webkit-gradient(linear,left top,left bottom,from(#4d90d6),color-stop(60%,#72c4e4));background:-webkit-linear-gradient(top,#4d90d6,#72c4e4 60%);background:linear-gradient(180deg,#4d90d6,#72c4e4 60%)}.type--grass{color:#6dc64b;color:var(--grass)}.type--grass .type__header{background:#61b953;background:-webkit-gradient(linear,left top,left bottom,from(#61b953),color-stop(60%,#59c47e));background:-webkit-linear-gradient(top,#61b953,#59c47e 60%);background:linear-gradient(180deg,#61b953,#59c47e 60%)}.type--electric{color:#ffc62a;color:var(--electric)}.type--electric .type__header{background:#f5d13d;background:-webkit-gradient(linear,left top,left bottom,from(#f5d13d),color-stop(60%,#f9e175));background:-webkit-linear-gradient(top,#f5d13d,#f9e175 60%);background:linear-gradient(180deg,#f5d13d,#f9e175 60%)}.type--electric .type__header .wrapper{width:calc(100% - 20px)}.type--poison{color:#c661d4;color:var(--poison)}.type--poison .type__header{background:#a566c7;background:-webkit-gradient(linear,left top,left bottom,from(#a566c7),color-stop(60%,#c961d6));background:-webkit-linear-gradient(top,#a566c7,#c961d6 60%);background:linear-gradient(180deg,#a566c7,#c961d6 60%)}.type--rock{color:#b4a25b;color:var(--rock)}.type--rock .type__header{background:#c7b78b;background:-webkit-gradient(linear,left top,left bottom,from(#c7b78b),color-stop(60%,#d8cd93));background:-webkit-linear-gradient(top,#c7b78b,#d8cd93 60%);background:linear-gradient(180deg,#c7b78b,#d8cd93 60%)}.type--ground{color:#d9b44b;color:var(--ground)}.type--ground .type__header{background:#d97646;background:-webkit-gradient(linear,left top,left bottom,from(#d97646),color-stop(60%,#d49a6c));background:-webkit-linear-gradient(top,#d97646,#d49a6c 60%);background:linear-gradient(180deg,#d97646,#d49a6c 60%)}.type--dark{color:#9aa1a7;color:var(--dark)}.type--dark .type__header{background:#5a5366;background:-webkit-gradient(linear,left top,left bottom,from(#5a5366),color-stop(60%,#6f7785));background:-webkit-linear-gradient(top,#5a5366,#6f7785 60%);background:linear-gradient(180deg,#5a5366,#6f7785 60%)}.type--bug{color:#a2b41b;color:var(--bug)}.type--bug .type__header{background:#90c12d;background:-webkit-gradient(linear,left top,left bottom,from(#90c12d),color-stop(60%,#adc733));background:-webkit-linear-gradient(top,#90c12d,#adc733 60%);background:linear-gradient(180deg,#90c12d,#adc733 60%)}.type--ice{color:#6cd9ff;color:var(--ice)}.type--ice .type__header{background:#73cec0;background:-webkit-gradient(linear,left top,left bottom,from(#73cec0),color-stop(60%,#94ddd8));background:-webkit-linear-gradient(top,#73cec0,#94ddd8 60%);background:linear-gradient(180deg,#73cec0,#94ddd8 60%)}.type--steel{color:#a2a2b4;color:var(--steel)}.type--steel .type__header{background:#53879c;background:-webkit-gradient(linear,left top,left bottom,from(#53879c),color-stop(60%,#57abac));background:-webkit-linear-gradient(top,#53879c,#57abac 60%);background:linear-gradient(180deg,#53879c,#57abac 60%)}.type--fairy{color:#ffa2ff;color:var(--fairy)}.type--fairy .type__header{background:#ec8ce4;background:-webkit-gradient(linear,left top,left bottom,from(#ec8ce4),color-stop(60%,#f5aae5));background:-webkit-linear-gradient(top,#ec8ce4,#f5aae5 60%);background:linear-gradient(180deg,#ec8ce4,#f5aae5 60%)}.type--psychic{color:#ff4a90;color:var(--psychic)}.type--psychic .type__header{background:#f86c74;background:-webkit-gradient(linear,left top,left bottom,from(#f86c74),color-stop(60%,#ffa69d));background:-webkit-linear-gradient(top,#f86c74,#ffa69d 60%);background:linear-gradient(180deg,#f86c74,#ffa69d 60%)}.type--dragon{color:#04a8f6;color:var(--dragon)}.type--dragon .type__header{background:#0769c1;background:-webkit-gradient(linear,left top,left bottom,from(#0769c1),color-stop(60%,#0383bc));background:-webkit-linear-gradient(top,#0769c1,#0383bc 60%);background:linear-gradient(180deg,#0769c1,#0383bc 60%)}.type--fight{color:#e9818f;color:var(--fight)}.type--fight .type__header{background:#ce406a;background:-webkit-gradient(linear,left top,left bottom,from(#ce406a),color-stop(60%,#e4444c));background:-webkit-linear-gradient(top,#ce406a,#e4444c 60%);background:linear-gradient(180deg,#ce406a,#e4444c 60%)}.type--flying{color:#5b90ff;color:var(--flying)}.type--flying .type__header{background:#8fa8dd;background:-webkit-gradient(linear,left top,left bottom,from(#8fa8dd),color-stop(60%,#a7c1ef));background:-webkit-linear-gradient(top,#8fa8dd,#a7c1ef 60%);background:linear-gradient(180deg,#8fa8dd,#a7c1ef 60%)}.type__wrapper{height:100vh}.type__header{position:relative;height:150px}.type__header .wrapper{transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);max-width:600px;margin:0 auto;width:calc(100% - 40px);display:-ms-grid;display:grid;-ms-grid-columns:62px calc(100% - 62px);grid-template-columns:62px calc(100% - 62px);position:relative;top:50%}.type__header img{margin-top:4px;margin-right:5px}.type__header h2{margin:0;-webkit-text-stroke:1px #fff;color:transparent;font-size:52px;text-align:right;text-transform:uppercase;letter-spacing:2px}.type__effectness{position:relative}.type__effectness input[type=radio]{display:none}.type__effectness input[type=radio]:checked+.panel-viewer{left:50%}.type__effectness input[type=radio]:checked+label+.panel,.type__effectness input[type=radio]:checked+span+label+.panel{opacity:1;z-index:2}.type__effectness label{display:inline-block;width:50%;height:50px;line-height:50px;font-size:18px;text-align:center;background-color:#282c34;background-color:var(--background)}.type__effectness label:first-child{border-right:2px solid #282c34;border-right:2px solid var(--background)}.type__effectness .panel{transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;position:absolute;width:100%;top:50px;left:0;opacity:0;z-index:-1;padding:20px}.type__effectness .panel ul{padding:0;margin:0;width:95%;max-width:500px;list-style-type:none;display:-ms-grid;display:grid;grid-gap:15px 5px;-ms-grid-columns:60px 5px 60px 5px 60px 5px 60px;grid-template-columns:60px 60px 60px 60px}.type__effectness .panel ul li:first-child{margin-left:0}.type__effectness .panel ul li a{display:block;width:100%;text-decoration:none;font-size:12px;text-transform:uppercase;text-align:center}.type__effectness .panel ul li a img{width:100%;max-width:45px;margin-bottom:5px}.type__effectness .panel-viewer{transition:left .3s ease-out;-webkit-transition:left .3s ease-out;-ms-transition:left .3s ease-out;-moz-transition:left .3s ease-out;-o-transition:left .3s ease-out;position:absolute;display:block;top:50px;left:0;height:2.5px;background-color:rgba(74,77,84,.95);background-color:var(--color);width:50%}
/*# sourceMappingURL=main.23940f29.chunk.css.map */