.main-header{display:flex;align-items:center;justify-content:flex-end;position:relative;gap:1rem;padding:1rem;transition:margin-bottom .2s cubic-bezier(.4,0,.2,1);background-color:var(--color-background-50);& .home-link{margin-right:auto;text-decoration:none}& .header__selected-game{position:relative;display:flex;justify-content:flex-end;align-items:center;width:auto;& span{padding:.25rem 1rem .25rem .5rem;transform:translateX(.5rem);background-color:rgba(255,255,255,.7);border-radius:3px;color:var(--color-secondary-dark)}& img{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;z-index:5}}}@media (max-width:679px){.main-header.header--search-open{margin-bottom:5.5rem}}@media (min-width:680px){.main-header{align-items:center;& .home-link{flex-direction:row;gap:.5rem;& img{width:4rem}}& .search-toggle__button{display:none;visibility:hidden}}}:root{@media (min-width:600px){--input-padding:0.75rem 1rem;--input-height:3rem;--input-font-size:1rem}& body.red-peach{--color-primary-dark:#015551}& body.dark{--color-font:oklch(0.95 0 213);--color-dark-font:oklch(0.01 00 0);--box-shadow:inset 0 0 0 1px oklch(38% 0.01 270/0.7),0 2px 6px oklch(20% 0 0/0.25),0 4px 8px -4px oklch(20% 0 0/0.35);--color-solid-background:oklch(0.21 00 0/95%);--color-background-10:oklch(0.01 00 0/70%);--color-background-20:oklch(0.06 00 0/70%);--color-background-30:oklch(0.11 00 0/70%);--color-background-40:oklch(0.17 00 0/70%);--color-background-50:oklch(0.21 00 0/70%);--color-background-60:oklch(0.25 00 0/70%);--color-background-70:oklch(0.29 00 0/70%);--color-background-80:oklch(0.33 00 0/70%);--color-background-90:oklch(0.37 00 0/70%);--color-background-100:oklch(0.41 00 0/70%);--color-primary-10:oklch(30% 0.12 85/90%);--color-primary-20:oklch(40% 0.13 85/90%);--color-primary-30:oklch(55% 0.15 85/90%);--color-primary-40:oklch(68% 0.16 85/90%);--color-primary-50:oklch(80% 0.17 85/90%);--color-primary-60:oklch(85% 0.18 85/90%);--color-primary-70:oklch(89% 0.16 85/90%);--color-primary-80:oklch(92% 0.13 85/90%);--color-primary-90:oklch(95% 0.09 85/90%);--color-primary-100:oklch(97% 0.05 85/90%);--color-accent-10:oklch(0.25 0.04 194/90%);--color-accent-20:oklch(0.35 0.07 194/90%);--color-accent-30:oklch(0.45 0.1 194/90%);--color-accent-40:oklch(0.52 0.12 194/90%);--color-accent-50:oklch(0.58 0.13 194/90%);--color-accent-60:oklch(0.64 0.13 194/90%);--color-accent-70:oklch(0.7 0.12 194/90%);--color-accent-80:oklch(0.78 0.1 194/90%);--color-accent-90:oklch(0.86 0.08 194/90%);--color-accent-100:oklch(0.93 0.05 194/90%)}& body.mega-dark{--color-background-10:#010b11;--color-background-20:#021018;--color-background-30:#02141f;--color-background-40:#021924;--color-background-50:#031626;--color-background-60:#0b2a3e;--color-background-70:#16425b;--color-background-80:#2d5f7a;--color-background-90:#4b7d98;--color-background-100:#6c9bb6;--color-font:#f7f7f7;--color-primary-10:oklch(0.25 0.06 128);--color-primary-20:oklch(0.35 0.09 128);--color-primary-30:oklch(0.5 0.12 128);--color-primary-40:oklch(0.7 0.16 128);--color-primary-50:oklch(0.86 0.18 128);--color-primary-60:oklch(0.9 0.16 128);--color-primary-70:oklch(0.94 0.13 128);--color-primary-80:oklch(0.97 0.09 128);--color-primary-90:oklch(0.985 0.06 128);--color-primary-100:oklch(0.995 0.03 128);--color-accent-10:oklch(0.25 0.07 270);--color-accent-20:oklch(0.35 0.1 270);--color-accent-30:oklch(0.5 0.13 270);--color-accent-40:oklch(0.6 0.16 270);--color-accent-50:oklch(0.7 0.18 270);--color-accent-60:oklch(0.78 0.17 270);--color-accent-70:oklch(0.85 0.14 270);--color-accent-80:oklch(0.92 0.1 270);--color-accent-90:oklch(0.96 0.06 270);--color-accent-100:oklch(0.985 0.03 270)}& body.light,& body.mega-dark{background-color:var(--color-background-20)}& body.light{--color-font:#010101;--color-background-10:oklch(1.0 0.02 60.56);--color-background-20:oklch(0.985 0.02 60.56);--color-background-30:oklch(0.97 0.02 60.56);--color-background-40:oklch(0.95 0.02 60.56);--color-background-50:oklch(0.93 0.02 60.56);--color-background-60:oklch(0.88 0.02 60.56);--color-background-70:oklch(0.83 0.02 60.56);--color-background-80:oklch(0.76 0.02 60.56);--color-background-90:oklch(0.71 0.02 60.56);--color-background-100:oklch(0.67 0.02 60.56);--color-primary-10:oklch(0.95 0.24 290);--color-primary-20:oklch(0.85 0.24 290);--color-primary-30:oklch(0.75 0.24 290);--color-primary-40:oklch(0.65 0.24 290);--color-primary-50:oklch(0.55 0.24 290);--color-primary-60:oklch(0.485 0.24 290);--color-primary-70:oklch(0.47 0.24 290);--color-primary-80:oklch(0.45 0.24 290);--color-primary-90:oklch(0.4 0.24 290);--color-primary-100:oklch(0.35 0.24 290);--color-accent-10:oklch(0.35 0.2146 341.82);--color-accent-20:oklch(0.42 0.2146 341.82);--color-accent-30:oklch(0.5 0.2146 341.82);--color-accent-40:oklch(0.55 0.2146 341.82);--color-accent-50:oklch(0.5676 0.2146 341.82);--color-accent-60:oklch(0.65 0.2146 341.82);--color-accent-70:oklch(0.75 0.2146 341.82);--color-accent-80:oklch(0.85 0.2146 341.82);--color-accent-90:oklch(0.92 0.2146 341.82);--color-accent-100:oklch(0.97 0.2146 341.82)}& body.purple{background-color:#260c41;--color-font:#f7f7f7;--color-background-10:#000000;--color-background-20:#070707;--color-background-30:#0b0b0b;--color-background-40:#121212;--color-background-50:#141414;--color-background-60:#292929;--color-background-70:#404040;--color-background-80:#757575;--color-background-90:#a8a8a8;--color-background-100:#d6d6d6;--color-primary-10:oklch(0.35 0.111 196.63);--color-primary-20:oklch(0.45 0.111 196.63);--color-primary-30:oklch(0.55 0.111 196.63);--color-primary-40:oklch(0.57 0.111 196.63);--color-primary-50:oklch(0.6176 0.111 196.63);--color-primary-60:oklch(0.68 0.111 196.63);--color-primary-70:oklch(0.75 0.111 196.63);--color-primary-80:oklch(0.85 0.111 196.63);--color-primary-90:oklch(0.92 0.111 196.63);--color-primary-100:oklch(0.97 0.111 196.63);--color-accent-10:oklch(0.35 0.1858 52.98);--color-accent-20:oklch(0.45 0.1858 52.98);--color-accent-30:oklch(0.55 0.1858 52.98);--color-accent-40:oklch(0.65 0.1858 52.98);--color-accent-50:oklch(0.7319 0.1858 52.98);--color-accent-60:oklch(0.8 0.1858 52.98);--color-accent-70:oklch(0.85 0.1858 52.98);--color-accent-80:oklch(0.9 0.1858 52.98);--color-accent-90:oklch(0.95 0.1858 52.98);--color-accent-100:oklch(0.98 0.1858 52.98)}& body.pink-emerald{--color-background:#fdfbee;--color-font:#2c1e3d;--color-primary:#4cc5b8;--color-primary-light:#b2e6e1;--color-primary-dark:#287b73;--color-secondary:#ba5bd0;--color-secondary-light:#deb0e8;--color-secondary-dark:#6e257e;--color-accent:#422e59;--color-accent-light:#422e59;--color-accent-dark:#422e59}}:root{--color-background:#fdfbee;--color-font:#2c1e3d;--color-primary:#57b4ba;--color-primary-light:#a4d6d8;--color-primary-dark:#015551;--color-secondary:#fe4f2d;--color-secondary-light:#ff7f6d;--color-secondary-dark:#a00000;--color-violet-1:#75267b;--color-violet-2:#c45ac9;--color-violet-3:#450b61;--color-scarlet-1:#9e2921;--color-scarlet-2:#730101;--color-scarlet-3:#d50c18;--color-shield-1:#e50159;--color-shield-2:#9b0043;--color-shield-3:#7e0001;--color-sword-1:#00a1e8;--color-sword-2:#4bbcb8;--color-sword-3:#004c9f;--color-arceus-1:#0165a3;--color-arceus-2:#7cc190;--color-arceus-3:#251a19;--color-charmander:#d87e46;--color-squirtle:#4ea2b9;--color-bulbasaur:#4d8a6a;--color-normal:oklch(0.85 0.003 145);--color-fighting:oklch(0.74 0.18 52);--color-flying:oklch(0.78 0.09 247);--color-poison:lch(43.21 80.18 311);--color-fire:oklch(0.65 0.22 25);--color-water:oklch(0.6257 0.2 254);--color-grass:oklch(0.64 0.3 140);--color-electric:oklch(0.84 0.17 85);--color-psychic:oklch(0.64 0.22 6);--color-ice:oklch(0.85 0.1 218);--color-fairy:oklch(0.75 0.2 327);--color-ground:oklch(0.5 0.11 55);--color-bug:oklch(0.76 1.0 116);--color-rock:oklch(0.78 0.06 99);--color-ghost:oklch(0.45 0.1 327);--color-steel:oklch(0.75 0.1 223);--color-dark:oklch(0.39 0.03 26);--color-dragon:oklch(0.55 0.2 272);--medium-width:768px;--large-width:1024px;--xlarge-width:1280px;--border-radius:4px;--color-box-shadow:rgba(0,0,0,0.7);--input-padding:0.45rem 0.55rem;--input-height:2.5rem;--input-font-size:0.85rem;--color-grade-1:#ff5902;--color-grade-2:color-mix(in oklch,var(--color-grade-1),var(--color-grade-6) 27%);--color-grade-3:color-mix(in oklch,var(--color-grade-1),var(--color-grade-6) 50%);--color-grade-4:color-mix(in oklch,var(--color-grade-1),var(--color-grade-6) 75%);--color-grade-5:color-mix(in oklch,var(--color-grade-1),var(--color-grade-6) 87%);--color-grade-6:#01fffb;@media (min-width:600px){--input-padding:0.75rem 1rem;--input-height:3rem;--input-font-size:1rem}--box-shadow-strength:0.4;& body.red-peach{--color-primary-dark:#015551}& body.dark{--color-font:oklch(0.95 0 213);--color-dark-font:oklch(0.01 00 0);--box-shadow:inset 0 0 0 1px oklch(38% 0.01 270/0.7),0 2px 6px oklch(20% 0 0/0.25),0 4px 8px -4px oklch(20% 0 0/0.35);--color-solid-background:oklch(0.21 00 0/95%);--color-background-10:oklch(0.01 00 0/70%);--color-background-20:oklch(0.06 00 0/70%);--color-background-30:oklch(0.11 00 0/70%);--color-background-40:oklch(0.17 00 0/70%);--color-background-50:oklch(0.21 00 0/70%);--color-background-60:oklch(0.25 00 0/70%);--color-background-70:oklch(0.29 00 0/70%);--color-background-80:oklch(0.33 00 0/70%);--color-background-90:oklch(0.37 00 0/70%);--color-background-100:oklch(0.41 00 0/70%);--color-primary-10:oklch(30% 0.12 85/90%);--color-primary-20:oklch(40% 0.13 85/90%);--color-primary-30:oklch(55% 0.15 85/90%);--color-primary-40:oklch(68% 0.16 85/90%);--color-primary-50:oklch(80% 0.17 85/90%);--color-primary-60:oklch(85% 0.18 85/90%);--color-primary-70:oklch(89% 0.16 85/90%);--color-primary-80:oklch(92% 0.13 85/90%);--color-primary-90:oklch(95% 0.09 85/90%);--color-primary-100:oklch(97% 0.05 85/90%);--color-accent-10:oklch(0.25 0.04 194/90%);--color-accent-20:oklch(0.35 0.07 194/90%);--color-accent-30:oklch(0.45 0.1 194/90%);--color-accent-40:oklch(0.52 0.12 194/90%);--color-accent-50:oklch(0.58 0.13 194/90%);--color-accent-60:oklch(0.64 0.13 194/90%);--color-accent-70:oklch(0.7 0.12 194/90%);--color-accent-80:oklch(0.78 0.1 194/90%);--color-accent-90:oklch(0.86 0.08 194/90%);--color-accent-100:oklch(0.93 0.05 194/90%)}& body.mega-dark{--color-background-10:#010b11;--color-background-20:#021018;--color-background-30:#02141f;--color-background-40:#021924;--color-background-50:#031626;--color-background-60:#0b2a3e;--color-background-70:#16425b;--color-background-80:#2d5f7a;--color-background-90:#4b7d98;--color-background-100:#6c9bb6;--color-font:#f7f7f7;--color-primary-10:oklch(0.25 0.06 128);--color-primary-20:oklch(0.35 0.09 128);--color-primary-30:oklch(0.5 0.12 128);--color-primary-40:oklch(0.7 0.16 128);--color-primary-50:oklch(0.86 0.18 128);--color-primary-60:oklch(0.9 0.16 128);--color-primary-70:oklch(0.94 0.13 128);--color-primary-80:oklch(0.97 0.09 128);--color-primary-90:oklch(0.985 0.06 128);--color-primary-100:oklch(0.995 0.03 128);--color-accent-10:oklch(0.25 0.07 270);--color-accent-20:oklch(0.35 0.1 270);--color-accent-30:oklch(0.5 0.13 270);--color-accent-40:oklch(0.6 0.16 270);--color-accent-50:oklch(0.7 0.18 270);--color-accent-60:oklch(0.78 0.17 270);--color-accent-70:oklch(0.85 0.14 270);--color-accent-80:oklch(0.92 0.1 270);--color-accent-90:oklch(0.96 0.06 270);--color-accent-100:oklch(0.985 0.03 270)}& body.light,& body.mega-dark{background-color:var(--color-background-20)}& body.light{--color-font:#010101;--color-background-10:oklch(1.0 0.02 60.56);--color-background-20:oklch(0.985 0.02 60.56);--color-background-30:oklch(0.97 0.02 60.56);--color-background-40:oklch(0.95 0.02 60.56);--color-background-50:oklch(0.93 0.02 60.56);--color-background-60:oklch(0.88 0.02 60.56);--color-background-70:oklch(0.83 0.02 60.56);--color-background-80:oklch(0.76 0.02 60.56);--color-background-90:oklch(0.71 0.02 60.56);--color-background-100:oklch(0.67 0.02 60.56);--color-primary-10:oklch(0.95 0.24 290);--color-primary-20:oklch(0.85 0.24 290);--color-primary-30:oklch(0.75 0.24 290);--color-primary-40:oklch(0.65 0.24 290);--color-primary-50:oklch(0.55 0.24 290);--color-primary-60:oklch(0.485 0.24 290);--color-primary-70:oklch(0.47 0.24 290);--color-primary-80:oklch(0.45 0.24 290);--color-primary-90:oklch(0.4 0.24 290);--color-primary-100:oklch(0.35 0.24 290);--color-accent-10:oklch(0.35 0.2146 341.82);--color-accent-20:oklch(0.42 0.2146 341.82);--color-accent-30:oklch(0.5 0.2146 341.82);--color-accent-40:oklch(0.55 0.2146 341.82);--color-accent-50:oklch(0.5676 0.2146 341.82);--color-accent-60:oklch(0.65 0.2146 341.82);--color-accent-70:oklch(0.75 0.2146 341.82);--color-accent-80:oklch(0.85 0.2146 341.82);--color-accent-90:oklch(0.92 0.2146 341.82);--color-accent-100:oklch(0.97 0.2146 341.82)}& body.purple{background-color:#260c41;--color-font:#f7f7f7;--color-background-10:#000000;--color-background-20:#070707;--color-background-30:#0b0b0b;--color-background-40:#121212;--color-background-50:#141414;--color-background-60:#292929;--color-background-70:#404040;--color-background-80:#757575;--color-background-90:#a8a8a8;--color-background-100:#d6d6d6;--color-primary-10:oklch(0.35 0.111 196.63);--color-primary-20:oklch(0.45 0.111 196.63);--color-primary-30:oklch(0.55 0.111 196.63);--color-primary-40:oklch(0.57 0.111 196.63);--color-primary-50:oklch(0.6176 0.111 196.63);--color-primary-60:oklch(0.68 0.111 196.63);--color-primary-70:oklch(0.75 0.111 196.63);--color-primary-80:oklch(0.85 0.111 196.63);--color-primary-90:oklch(0.92 0.111 196.63);--color-primary-100:oklch(0.97 0.111 196.63);--color-accent-10:oklch(0.35 0.1858 52.98);--color-accent-20:oklch(0.45 0.1858 52.98);--color-accent-30:oklch(0.55 0.1858 52.98);--color-accent-40:oklch(0.65 0.1858 52.98);--color-accent-50:oklch(0.7319 0.1858 52.98);--color-accent-60:oklch(0.8 0.1858 52.98);--color-accent-70:oklch(0.85 0.1858 52.98);--color-accent-80:oklch(0.9 0.1858 52.98);--color-accent-90:oklch(0.95 0.1858 52.98);--color-accent-100:oklch(0.98 0.1858 52.98)}& body.pink-emerald{--color-background:#fdfbee;--color-font:#2c1e3d;--color-primary:#4cc5b8;--color-primary-light:#b2e6e1;--color-primary-dark:#287b73;--color-secondary:#ba5bd0;--color-secondary-light:#deb0e8;--color-secondary-dark:#6e257e;--color-accent:#422e59;--color-accent-light:#422e59;--color-accent-dark:#422e59}}.Pokedex-dark-1-1-hex{color:#f18df2}.Pokedex-dark-1-2-hex{color:#049dd9}.Pokedex-dark-1-3-hex{color:#582259}.Pokedex-dark-1-4-hex{color:#031626}.Pokedex-dark-1-5-hex{color:#05c7f2}body.my-little-pokedex{background:linear-gradient(180deg,rgba(254,88,94,.71),rgba(174,128,141,.79))}body.dark{background-image:linear-gradient(272deg,rgba(76,76,76,.05),rgba(76,76,76,.05) 27%,rgba(186,186,186,.05) 0,rgba(186,186,186,.05)),linear-gradient(156deg,rgba(203,203,203,.05),rgba(203,203,203,.05) 65%,rgba(96,96,96,.05) 0,rgba(96,96,96,.05)),linear-gradient(311deg,rgba(93,93,93,.05),rgba(93,93,93,.05) 48%,rgba(44,44,44,.05) 0,rgba(44,44,44,.05)),linear-gradient(175deg,rgb(3,14,24),rgb(43,1,53))}body.fancy-background{background-image:radial-gradient(circle at 99% 33%,hsla(235,0%,48%,.03) 0,hsla(235,0%,48%,.03) 37%,transparent 0,transparent 100%),radial-gradient(circle at 46% 16%,hsla(235,0%,48%,.03) 0,hsla(235,0%,48%,.03) 43%,transparent 0,transparent 100%),radial-gradient(circle at 99% 25%,hsla(235,0%,48%,.03) 0,hsla(235,0%,48%,.03) 22%,transparent 0,transparent 100%),radial-gradient(circle at 57% 88%,hsla(235,0%,48%,.03) 0,hsla(235,0%,48%,.03) 86%,transparent 0,transparent 100%),radial-gradient(circle at 82% 78%,hsla(235,0%,48%,.03) 0,hsla(235,0%,48%,.03) 22%,transparent 0,transparent 100%),linear-gradient(90deg,rgb(0,0,0),rgb(0,0,0))}body.pink-emerald{background-image:radial-gradient(circle at 43% 39%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 2%,transparent 0,transparent 100%),radial-gradient(circle at 71% 44%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 2%,transparent 0,transparent 100%),radial-gradient(circle at 50% 74%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 8%,transparent 0,transparent 100%),radial-gradient(circle at 34% 20%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 8%,transparent 0,transparent 100%),radial-gradient(circle at 44% 59%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 8%,transparent 0,transparent 100%),radial-gradient(circle at 6% 48%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 5%,transparent 0,transparent 100%),radial-gradient(circle at 94% 15%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 81% 40%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 7% 68%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 10% 37%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 5%,transparent 0,transparent 100%),linear-gradient(135deg,rgb(207,72,213),rgb(27,247,175))}body.blurry-peach{background:#d53369;background:linear-gradient(0deg,#cbad6d,#d53369)}body.red-peach{background-image:linear-gradient(32deg,rgba(49,49,49,.04),rgba(49,49,49,.04) 75%,rgba(225,225,225,.04) 0,rgba(225,225,225,.04)),linear-gradient(131deg,rgba(241,241,241,.04),rgba(241,241,241,.04) 73%,rgba(224,224,224,.04) 0,rgba(224,224,224,.04)),linear-gradient(274deg,rgba(106,106,106,.04),rgba(106,106,106,.04) 63%,rgba(250,250,250,.04) 0,rgba(250,250,250,.04)),linear-gradient(121deg,rgba(127,127,127,.04),rgba(127,127,127,.04) 43%,rgba(228,228,228,.04) 0,rgba(228,228,228,.04)),linear-gradient(90deg,rgb(228,46,24),rgb(242,171,153))}body.purpled{background-color:#000000;background-image:radial-gradient(circle at 65% 15%,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 3%,transparent 0,transparent 100%),radial-gradient(circle at 40% 33%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 3%,transparent 0,transparent 100%),radial-gradient(circle at 9% 92%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 3%,transparent 0,transparent 100%),radial-gradient(circle at 84% 0,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 7%,transparent 0,transparent 100%),radial-gradient(circle at 97% 94%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 13% 95%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 7%,transparent 0,transparent 100%),radial-gradient(circle at 77% 8%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 58% 0,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 76% 71%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 7%,transparent 0,transparent 100%),radial-gradient(circle at 88% 74%,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 7%,transparent 0,transparent 100%),radial-gradient(circle at 74% 99%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 16% 56%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 7%,transparent 0,transparent 100%),radial-gradient(circle at 25% 4%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 5%,transparent 0,transparent 100%),radial-gradient(circle at 54% 83%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 23% 73%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 63% 81%,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 5%,transparent 0,transparent 100%),radial-gradient(circle at 56% 58%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 64% 68%,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 52% 48%,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 5%,transparent 0,transparent 100%),linear-gradient(343deg,rgb(12,11,46),rgb(131,36,90));& .gradient-background-1{background-image:linear-gradient(90deg,rgb(119,14,191),rgb(238,141,125))}& .gradient-background-2{background-image:linear-gradient(180deg,rgba(116,216,252,.8),rgba(156,153,254,.8))}& .gradient-background-3{background-image:linear-gradient(325deg,rgba(208,240,237,.5),rgba(133,232,254,.5))}}body.plain{background:#fdfbee}body.fizzy-cola{background-color:hsla(192,80%,51%,1);background-image:linear-gradient(90deg,hsla(192,80%,51%,1),hsla(355,85%,63%,1))}*{margin:0;padding:0;box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;font-size:16px;tab-size:4;line-height:1.5;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;overflow-x:hidden}body{margin:0;min-height:100vh;font-size:1rem;font-family:var(--font-fira-sans),sans-serif;color:var(--color-font);letter-spacing:.04em;background-repeat:no-repeat;background-attachment:fixed;line-height:inherit}h1{font-family:var(--font-jockey-one),sans-serif;font-weight:400}h2{line-height:1.2}p{margin-bottom:1rem;max-width:600px}a{text-decoration:underline;transition:color .1s ease-in-out;&:hover{color:var(--color-accent-50)}}menu,ol,ul{margin:0;padding:0;list-style:none}a{color:inherit}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.fade-in{animation:fade-in .25s ease-in-out forwards;opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.text-camelcase{text-transform:capitalize}.text-capitalize{&:first-letter{text-transform:uppercase}}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-underline{text-decoration:underline}.text-bold{font-weight:700}.text-info{margin-top:1rem;font-style:italic}.joltemos-pokedex{& h1{font-family:var(--font-jockey-one),sans-serif;font-weight:400;font-size:2.5rem;color:var(--color-primary-70)}& .as-h2,& h2{font-size:1.5rem;margin-bottom:.5rem}& .as-h3,& h3{font-size:1.25rem;margin-bottom:.5rem}}body{& .joltemos-pokedex{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}& main{display:flex;flex:1 0 auto;&>div{width:100%}}.main-footer{flex-shrink:1}}.home-page{display:flex;flex-direction:column;gap:1rem}@media (min-width:700px){.home-page{flex-direction:unset;justify-content:space-between}}.normal-pages{padding:1rem}.fancy-border{position:relative;&:after{content:"";position:absolute;bottom:-1rem;left:0;width:50%;height:6px;background:linear-gradient(90deg,var(--color-primary-70),transparent);border-radius:2px}}.home__hero{& h1{margin-bottom:2rem;text-align:left;font-size:calc(5vw + 2rem);line-height:calc(2vw + 2rem);color:var(--color-font);& span{display:block;font-size:40%}}}@media (min-width:700px){.home__hero{& h1{font-size:calc(3vw + 2rem);line-height:3rem}}}.center-container{margin:0 auto;padding:0 1rem;max-width:1000px;width:100%;&.center-container--flex{display:flex;flex-direction:column;gap:1rem}}@media (max-width:400px){.center-container{padding:0 .5rem;&.center-container--outer{padding:0}}}.icon-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;align-items:center;margin-bottom:4rem;&>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:var(--border-radius);background-color:var(--color-background-70);box-shadow:0 0 10px var(--color-box-shadow);transition:all .2s ease-in-out;cursor:pointer;&:hover{transform:scale(1.05);box-shadow:0 0 20px var(--color-box-shadow);background-color:var(--color-background-80);& svg{transform:scale(1.2)}}& svg{width:1.5rem;height:1.5rem;transition:all .2s ease-in-out}& h3{font-size:1.5rem;color:var(--color-primary-100)}& p{font-size:1rem;color:var(--color-background-90)}}}.color-list{display:flex;flex-direction:column;gap:.5rem;&>div{padding:.5rem;border:1px solid var(--color-background-70)}& .color-list__primary-item{color:var(--color-dark-font)}}.dev-items{display:inline-flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.note{margin:1rem 0;background-color:var(--color-background-40);border-radius:var(--border-radius);border:2px dotted var(--color-primary-90);padding:.5rem;font-size:.8rem;&:before{margin-right:.25rem;content:"⚠️"}}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.top-0{top:0}.my-12{margin-top:3rem;margin-bottom:3rem}.-ml-6{margin-left:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-full{height:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(227 228 232/var(--tw-border-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(37 40 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(27 29 39/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(4 184 190/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(114 120 146/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(81 88 112/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(27 29 39/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 52/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:rgb(255 255 255/.8)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media (hover:hover) and (pointer:fine){.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(255 231 229/var(--tw-bg-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 52/var(--tw-text-opacity,1))}}.focus\:bg-red-200:focus{--tw-bg-opacity:1;background-color:rgb(255 222 220/var(--tw-bg-opacity,1))}@media (hover:hover) and (pointer:fine){.group:hover .group-hover\:opacity-100{opacity:1}}@media (min-width:640px){.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:h-6{height:1.5rem}.md\:whitespace-nowrap{white-space:nowrap}.md\:py-4{padding-top:1rem;padding-bottom:1rem}}@media (min-width:1024px){.lg\:my-24{margin-top:6rem;margin-bottom:6rem}.lg\:pl-6{padding-left:1.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Jockey One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a8cc7dad6c745510-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Jockey One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/190d818332be90ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Jockey One Fallback;src:local("Arial");ascent-override:130.36%;descent-override:38.54%;line-gap-override:0.00%;size-adjust:82.77%}.__className_985746{font-family:Jockey One,Jockey One Fallback;font-weight:400;font-style:normal}.__variable_985746{--font-jockey-one:"Jockey One","Jockey One Fallback"}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/382b6f43e60580be-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/42aa6e6ea3b85651-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7bafef50a4560c1d-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bc270b3a577192a7-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b32bc20a1e277f31-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/357398c3a461852b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4d1af68a2715a16a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Sans Fallback;src:local("Arial");ascent-override:91.01%;descent-override:25.79%;line-gap-override:0.00%;size-adjust:102.74%}.__className_5720dc{font-family:Fira Sans,Fira Sans Fallback;font-weight:400;font-style:normal}.__variable_5720dc{--font-fira-sans:"Fira Sans","Fira Sans Fallback"}@font-face{font-family:Jersey\ 20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f97c5e356d0d5d9c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Jersey\ 20;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/22fcb793bb0e59c5-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Jersey\ 20 Fallback;src:local("Arial");ascent-override:92.40%;descent-override:23.96%;line-gap-override:0.00%;size-adjust:85.94%}.__className_300856{font-family:Jersey\ 20,Jersey\ 20 Fallback;font-weight:400;font-style:normal}.__variable_300856{--font-jersey-20:"Jersey 20","Jersey 20 Fallback"}