:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}html{background:var(--color-background)}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff;user-select:none}button{display:block;padding:15px 60px;font-size:18px;background-color:#101010;color:#fff;position:relative;margin:0 auto 10px;border:none;border-radius:5px}button:hover{cursor:pointer}.container{display:flex;flex-wrap:wrap;width:100%;position:absolute;transform:translate(-50%,-50%);top:45%;left:50%}.card{flex:1;height:50%;width:250px;box-sizing:border-box;margin-left:3px;margin-right:3px;position:sticky;padding:30px 20px;box-shadow:0 20px 30px #00000026;border-radius:10px}img{-webkit-user-drag:none}.pic{display:block;width:200px;height:200px;position:relative;margin:20px auto}.type_pic{width:50px;height:50px}.shiny_pic{width:25px;height:25px}.hp{width:80px;background-color:#fff;color:#000;text-align:center;padding:4px 0;border-radius:30px;margin-left:auto;font-weight:400}.poke-name{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600}.types{display:flex;justify-content:space-around;margin:20px 0 30px}.hp span,.types span{font-size:12px;letter-spacing:.4px;font-weight:600;color:#000}.types span{padding:5px 20px;border-radius:20px;color:#fff}.stats{display:flex;align-items:center;justify-content:space-between;text-align:center}.stats p{color:#56567a}.art_container{text-align:center}input[type=radio]{display:none}input[type=radio]+label{display:inline-block;padding:4px 12px;font-size:16px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;margin:0 auto}label[for]{margin:0 auto}label[for]:hover{cursor:pointer}input[type=radio]:checked+label{background-color:#b73333;color:#fff}label[for=home],label[for=sprite],label[for=official]{background-color:#337ab7;color:#fff}input[type=text]{display:inline-block;padding:4px 12px;font-size:16px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;margin:0 auto;width:10%;box-sizing:border-box;border:2px solid #ccc;border-radius:4px}input[type=text]:focus{border:2px solid #3498db;outline:none}select,option{color:#000}form input{width:500px}.hidden-visually{position:absolute;overflow:hidden;white-space:nowrap;margin:0;padding:0;height:1px;width:1px;clip:rect(0 0 0 0);clip-path:inset(100%)}