#root{margin:0 auto;text-align:center}*::-webkit-scrollbar{width:5px!important;height:5px!important}*::-webkit-scrollbar-thumb{background:#FDF21B;border:0 #fff;border-radius:50px}*::-webkit-scrollbar-track{background:#f4f4f4;border:0 #fff;border-radius:50px;background-clip:border-box}*::-webkit-scrollbar-button{width:0;height:0}:focus-visible{outline:initial}.m-w{max-width:1440px;margin:0 auto}.read-the-docs{color:#888}.pokemonList{display:flex;padding-inline:2rem;flex-wrap:wrap;justify-content:center;gap:2rem;margin-block-start:3rem;padding-block-end:6rem}.logo-pokedux{padding-inline:2rem;max-width:400px;margin:2rem auto}.logo-pokedux img{max-width:1200px;filter:hue-rotate(90deg)}.search-pokemon input:hover,.search-pokemon input:focus{border-color:#ca4926}.search-pokemon input:focus{box-shadow:0 0 0 2px #ff05051a}.pokemonList img{height:8rem}.ant-spin{margin-block-start:3rem}:where(.css-dev-only-do-not-override-ph9edi).ant-spin-lg .ant-spin-dot{font-size:68px}.label{position:absolute;left:16px;top:14px;padding:.2px;color:#b3b3b3;transition:all .2s ease-out;z-index:1;background:transparent}.ant-input{padding:.8rem;height:100%;font-size:18px;outline:none;transition:all .3s ease-in}.label:before{content:"";position:absolute;left:-4px;top:5px;width:15ch;height:12px;padding-inline:6px;background-color:transparent;border-radius:50px;z-index:-1}.ant-input:focus+.label:before,.label.bgBefore:before{background-color:#df3e07;padding:8px}.ant-input:focus+.label,.filled{top:-11px;left:8px;color:#878787;font-size:14px;color:#fff}.ant-input:focus+.label:before,.filled,.ant-input:-internal-autofill-selected+.label:before{height:12px}.ant-input-disabled+.label:before{height:0}.ant-input::placeholder{font-size:16px;opacity:0;transition:all .3s ease-out}.ant-input:focus::placeholder{opacity:1}.pokemonList__card--father{perspective:1000px;height:300px}.pokemonList__card.pokemonList__card--father--click{transform:rotateY(180deg)}.pokemonList__card{width:240px;position:relative;transform-style:preserve-3d;transition:all .6s ease-out}.pokemonList__card--front,.pokemonList__card--back{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;transform-style:preserve-3d}.card__front--types{display:flex;justify-content:space-evenly}.card__front--types p{margin:0;color:#f4e811;text-shadow:black .1em .1em .2em}.card__front--types img{width:40px;height:40px}.pokemonList__card--back{height:340px;transform:rotateY(180deg) translatey(-20px)}.ant-card-bordered{backface-visibility:hidden;overflow:hidden}.body__card--front{width:100%;height:100%;transform:translateZ(60px)}.card__back--body-card{background-image:url(/pokedux-react-redux/assets/pokebal-ce2fdff7.png);background-position:-50px;background-repeat:no-repeat;background-size:365px;background-color:#557a9f;background-blend-mode:soft-light;color:#fff;text-shadow:black .1em .1em .2em;overflow:auto;margin:0;padding:.5rem 1rem;font-size:12px;height:100%;text-align:start;backface-visibility:hidden;border-radius:8px}.card__back--body-card h3{color:#f4e811;margin:0;padding:0;text-transform:capitalize}.card__back--body-card ul{margin-block:4px}.pokemonList__card--front .ant-card .ant-card-cover{margin:0;padding-block:1rem;background:radial-gradient(circle,rgba(26,56,112,1) 0%,rgb(255 255 255) 48%,rgba(26,56,112,1) 100%);cursor:pointer;transition:all .2s ease-out}.pokemonList__card--front .ant-card .ant-card-cover:hover img{transform:scale(1.1);transition:all .2s ease-out}.pokemonList__card--front .ant-card .ant-card-cover img{pointer-events:none}.pokemonList__card--front .ant-card .ant-card-head{background:linear-gradient(12deg,rgba(0,0,0,1) 0%,rgba(242,21,12,1) 50%,rgba(0,0,0,1) 100%)}.pokemonList__card--front .ant-card-head .ant-card-head-wrapper{font-size:20px;color:#f4e811;text-shadow:black .1em .1em .2em}.pokemonList__card--front .ant-card-head .ant-card-head-wrapper .ant-card-extra button{background-color:transparent;border-color:transparent;box-shadow:none}.pokemonList__card--front .ant-card-head .ant-card-head-wrapper .ant-card-extra button:hover{transform:scale(1.3)}.pokemonList__card--front .ant-card-head .ant-card-head-wrapper .ant-card-extra button:focus{outline:none}.pokemonList__card--front .ant-card-head-wrapper .ant-card-extra button span{font-size:20px}.pokemonList__card--front .ant-card-head-wrapper .ant-card-extra button svg{fill:#f4e811}.pokemonList__card--front .ant-card .ant-card-body{padding:12px;background:linear-gradient(12deg,rgba(0,0,0,1) 0%,rgba(242,21,12,1) 50%,rgba(0,0,0,1) 100%)}.ant-card-meta .ant-card-meta-detail{flex:initial;width:100%}.card__back--body-card{position:relative}.card__back--body-card ul{margin:0;padding-inline-start:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:4px}.card__back--body-card ul li{padding:4px 0;list-style:none;display:flex;align-items:center}.card__back--body-card h3{text-align:center}.card__back--body-card .card__back--button{position:absolute;left:16px;top:0px;transition:all .2s ease-out}.card__back--body-card .card__back--button button{background-color:transparent;border:1px solid transparent;padding:0;outline:none}.card__back--body-card .card__back--button img{width:35px;height:25px}.abilities--items{width:100%;display:flex;justify-content:space-evenly}.abilities--items span{font-size:14px;color:#fff;text-shadow:black .1em .1em .2em;text-transform:capitalize}.stats--image img{width:24px;height:24px;display:flex;align-items:center}.stats--items{display:flex;align-items:center;column-gap:8px;margin-block-end:4px}.stats--progress{display:flex;flex-direction:column;flex:1 0 auto}.stats--progress label{font-weight:500;text-shadow:black .1em .1em .2em}.stats--progress label span:last-child{color:#f4e811}.stats--progress label span:first-child{text-transform:capitalize}.stats--progress-bar{border-radius:6px;overflow:hidden;position:relative;display:inline-block;margin-block-start:4px;background:rgb(238,238,238);height:10px}.stats--progress-bar progress{opacity:0}.stats--progress-bar:before{content:"";position:absolute;top:0px;left:0px;height:100%;width:30%;background-color:#f08080;border-radius:16px;border:1px solid #fff}.card__back--stats .stats--items:nth-child(2) .stats--progress-bar:before{background-color:#000;width:60%;width:calc(var(--width-progress) * 100% / 267)}.card__back--stats .stats--items:nth-child(3) .stats--progress-bar:before{background-color:#ff9340;width:62%;width:calc(var(--width-progress) * 100% / 250)}.card__back--stats .stats--items:nth-child(4) .stats--progress-bar:before{background-color:#8c40ff;width:63%;width:calc(var(--width-progress) * 100% / 134)}.card__back--stats .stats--items:nth-child(5) .stats--progress-bar:before{background-color:#40b3ff;width:80%;width:calc(var(--width-progress) * 100% / 180)}.card__back--stats .stats--items:nth-child(6) .stats--progress-bar:before{background-color:#fdf21b;width:80%;width:calc(var(--width-progress) * 100% / 154)}.card__back--stats .stats--items:nth-child(7) .stats--progress-bar:before{background-color:#02a73e;width:60%;width:calc(var(--width-progress) * 100% / 125)}.card__back--stats .stats--items:nth-child(8) .stats--progress-bar:before{background-color:red;width:60%;width:calc(var(--width-progress) * 100% / 130)}.App footer{margin-block-start:1rem;width:100%;position:fixed;bottom:0;padding:.5rem 1rem;background-color:#30475e;color:#fff}.carousel__container{position:relative;max-width:800px;margin:1rem auto}.carousel__container>div{border-radius:8px}.carousel__container .ant-carousel{width:85%;margin:1rem auto 0}.carousel__container--content{justify-content:center;column-gap:1rem}.carousel__container--header{justify-content:center}.ant-col.carousel__container--content-col{padding:1rem}.ant-row .carousel__container--content{margin-block-start:.5rem}.carousel__icon--delete path:first-child{fill:transparent}.carousel__container--description{font-weight:500;text-shadow:black .1em .1em .2em}.carousel__container--description span:last-child{color:#f4e811}.carousel__container--buttons{position:absolute;top:30%;display:flex;width:100%;justify-content:space-between;padding-inline:1rem}.carousel__container .carousel__container--buttons button:hover{color:#374a58;border-color:#374a58}footer .footer-content{column-gap:3rem}footer .footer-content-icon svg{width:25px;height:25px;fill:#f4e811}@keyframes pulso{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pulso{animation:pulso 1s infinite}*,*:before,*:after{box-sizing:border-box}: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;min-width:320px}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}}
