.poke-stats{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:2rem;width:10rem;height:16rem;border-radius:1rem}.poke-stats p{font-size:16px;font-weight:700;color:#333}.poke-details-container{display:flex;flex-direction:column;align-items:center;background-color:#1a1a1a;border-radius:10px;box-shadow:0 2px 4px #0000001a;width:calc(100% - 15rem);height:calc(100% - 12rem);padding:0rem 4rem 1rem}.poke-details-container h1{text-align:center;font-size:2.5em;margin-bottom:20px;color:#1a1a1a;font-family:Verdana,sans-serif;text-transform:uppercase;letter-spacing:3rem;background-color:#fff;width:100%;border-radius:.8rem .8rem 0 0;padding:.25rem}.poke-details-container .poke-details-content{display:flex;justify-content:space-between;width:100%;height:calc(100% - 9rem)}.poke-details-container .poke-details-content .vertical-divider{display:flex;flex-direction:column}.poke-details-container .poke-details-content .vertical-divider .vertical-divider-top{display:flex;height:60%;width:100%}.poke-details-container .poke-details-content .vertical-divider .vertical-divider-bottom{display:flex;width:100%;height:40%;align-items:center;justify-content:center}.poke-details-container .poke-details-content .poke-image{height:calc(100% - 3rem);border:.5rem solid #fff;border-radius:2rem;border-bottom-right-radius:0;border-top-right-radius:0;padding:1rem;margin-right:1.25rem}.poke-details-container .poke-footer{margin-top:1rem;width:100%;background-color:#fff;color:#1a1a1a;text-align:center;border-radius:0 0 .8rem .8rem}.property-container{display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;height:100%;width:100%}.property-container .property-row{margin-bottom:.5rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;width:calc(100% - 3rem)}.property-container .property-row .slot{background-color:#646cff;height:1.5rem;width:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.property-container .property-row .property-slot{background-color:#fff;width:100%;padding-left:.5rem;border-top-right-radius:1rem}.property-container .property-row .property-slot .property-name{font-size:1rem;font-weight:700;color:#333;margin:0}.property-container .property-row .property-slot .property-detail{font-size:.8rem;color:#333;margin:0;margin-bottom:.5rem;margin-right:.5rem;height:auto}.sphere{border-radius:1rem;border-top-left-radius:0;border-bottom-right-radius:0;width:2.5vw;height:2.5vw}.normal{background-color:#a8a77a}.fire{background-color:#ee8130}.water{background-color:#6390f0}.electric{background-color:#f7d02c}.grass{background-color:#7ac74c}.ice{background-color:#96d9d6}.rock{background-color:#b6a136}.ground{background-color:#e2bf65}.poison{background-color:#a33ea1}.flying{background-color:#a98ff3}.psychic{background-color:#f95587}.bug{background-color:#a6b91a}.ghost{background-color:#735797}.dark{background-color:#705746}.steel{background-color:#b7b7ce}.dragon{background-color:#6f35fc}.fairy{background-color:#d685ad}.fighting{background-color:#c22e28}.active{opacity:1}.inactive{opacity:.25}.matrix{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:.5rem}.pokelist-buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem;width:100%;gap:2rem}.pokelist-buttons button{width:10rem}.pokelist-buttons input{width:10rem;height:2rem;text-align:center;font-size:1.25rem}.poke-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid #ccc;border-radius:10px;background-color:#fff;height:8rem;width:6rem;text-align:center}.poke-list-item p{font-size:16px;font-weight:700;color:#333;margin:0}.poke-list-item img,.poke-list-item .dummy-image{height:96px;width:96px}.pokemon-list{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;width:53rem;height:28.5rem}.loading{display:flex;grid-column:1/8;justify-content:center;align-items:center;height:100%;width:100%}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}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:#f5f5f5}a:hover{color:#535bf2}button{background-color:#fff}}.view{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.background-pattern{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 6px);background-size:20px 20px}.background-pattern2{background-image:repeating-linear-gradient(36deg,rgba(255,255,255,.35),rgba(255,255,255,.35) 1px,transparent 0px,transparent 2px)}.quarter-size{width:25%}