:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.poke-card{--size: 200px;border:1px solid #ccc;border-radius:.5rem;padding:1.5rem;background-color:#1a1a1a;transition:box-shadow .3s ease-in-out}.poke-card:hover{cursor:pointer}.poke-card:nth-child(1):hover,.poke-card:nth-child(1):focus-visible{box-shadow:0 8px 32px -8px #2ecc7199,0 16px 64px -16px #27ae6066,0 24px 96px -24px #1abc9c4d}.poke-card:nth-child(2):hover,.poke-card:nth-child(2):focus-visible{box-shadow:0 8px 32px -8px #e74c3c99,0 16px 64px -16px #c0392b66,0 24px 96px -24px #f1948a4d}.poke-card:nth-child(3):hover,.poke-card:nth-child(3):focus-visible{box-shadow:0 8px 32px -8px #3498db99,0 16px 64px -16px #2980b966,0 24px 96px -24px #74b9ff4d}.poke-card:last-child:hover,.poke-card:last-child:focus-visible{box-shadow:0 8px 32px -8px #f1c40f99,0 16px 64px -16px #e67e2266,0 24px 96px -24px #ffeb3b4d}.poke-card img{inline-size:var(--size);block-size:var(--size)}.poke-card p{margin-block-end:-2rem;display:block;text-transform:capitalize;font-size:1.5rem;text-align:center;font-weight:700;inline-size:100%;block-size:50px;background-color:#000;display:grid;place-items:center;border-radius:1rem}.parallax-effect-glare-scale{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transform-style:preserve-3d}.inner-element{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:35px;font-style:italic;color:#fff;transform:translateZ(60px)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{margin-block:0;font-size:clamp(3.5rem,5vw,4rem)}ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-block-start:2rem}.code-block{inline-size:100%;max-inline-size:800px;margin-block:2rem;margin-inline:auto;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#1e1e1e;border:1px solid #333;box-sizing:border-box;min-inline-size:0}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding-block:.75rem;padding-inline:1rem;background:linear-gradient(135deg,#2d2d2d,#1e1e1e);border-block-end:1px solid #333}.code-block-title{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;font-weight:500;color:#e0e0e0;text-transform:uppercase;letter-spacing:.05em}.copy-button{display:flex;align-items:center;gap:.375rem;padding-block:.375rem;padding-inline:.75rem;font-family:inherit;font-size:.75rem;font-weight:500;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.code-block-content{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#404040 #1e1e1e;max-inline-size:100%;box-sizing:border-box}.code-block-content>div{max-inline-size:100%!important;box-sizing:border-box!important}.code-block-content::-webkit-scrollbar{block-size:8px}.code-block-content::-webkit-scrollbar-track{background:#1e1e1e}.code-block-content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.code-block-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width: 768px){.code-block{margin-inline:1rem;margin-block:1.5rem;border-radius:6px;max-inline-size:calc(100vw - 2rem);box-sizing:border-box}.code-block-header{padding-inline:.75rem;padding-block:.625rem}.code-block-title{font-size:.75rem;letter-spacing:.03em}.copy-button{font-size:.7rem;padding-block:.25rem;padding-inline:.5rem}.code-block-content pre{margin:0!important;padding:1rem!important;max-inline-size:100%!important;box-sizing:border-box!important}}@media (max-width: 480px){.code-block{margin-inline:.5rem;margin-block:1rem;border-radius:4px;max-inline-size:calc(100vw - 1rem);min-inline-size:0;box-sizing:border-box}.code-block-header{padding-inline:.5rem;padding-block:.5rem}.code-block-title{font-size:.7rem}.code-block-content pre{font-size:11px!important;line-height:1.3!important;padding:.75rem!important;margin:0!important;max-inline-size:100%!important;box-sizing:border-box!important}.code-block-content .react-syntax-highlighter-line-number{min-inline-size:1.2em!important;padding-inline-end:.3em!important;font-size:10px!important}.code-block-content code{font-size:11px!important;max-inline-size:100%!important;box-sizing:border-box!important}}@media (max-width: 360px){.code-block{margin-inline:.25rem;max-inline-size:calc(100vw - .5rem);border-radius:2px}.code-block-header{padding-inline:.375rem;padding-block:.375rem}.code-block-title{font-size:.65rem}.code-block-content pre{font-size:10px!important;line-height:1.2!important;padding:.5rem!important}}@media (max-width: 768px) and (orientation: landscape){.code-block{margin-block:1rem}}.code-block-content:focus-within{outline:2px solid #0ea5e9;outline-offset:2px}