.home-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:hidden}.homepage-app-logo{width:25%;height:auto;margin-top:5%}.homepage-app-logo-text{font-family:ClashDisplay-Variable;font-size:48px;font-weight:600;line-height:59px;text-align:center;margin-top:1%}.homepage-hero-text{font-family:GeneralSans-Variable;width:25%;margin-top:2%;text-align:center;font-size:18px;line-height:24.3px;font-weight:400}.search-container{width:45%;height:80px;margin-top:5%;border-radius:60px;border-width:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:inset 0 4px 4px #00000014}.search-bar{outline:none;border:none;background-color:transparent;width:80%;height:100%;margin-left:3%;font-family:GeneralSans-Variable;font-size:24px;font-weight:400;line-height:32.4px}.search-icon-container{width:50px;height:50px;border-radius:25px;color:"white";display:flex;justify-content:center;align-items:center;margin-right:1%;box-shadow:0 4px 4px #00000026;padding:0;border:none}.homepage-search-icon{width:40%;height:auto}.view-all-link{margin-top:2%;color:#0d131a;font-size:18px;line-height:24.3px;font-weight:500;font-family:GeneralSans-Variable}@media (min-width: 500px) and (max-width: 768px){.homepage-app-logo{width:65%;margin-top:15%}.homepage-app-logo-text{font-size:60px;margin-top:2%}.homepage-hero-text{width:70%}.search-container{width:75%;height:80px;margin-top:10%;border-width:7px}.search-bar{font-size:18px}.view-all-link{margin-top:5%}}@media (max-width: 499px){.homepage-app-logo{width:65%;margin-top:30%}.homepage-app-logo-text{font-size:40px;margin-top:2%}.homepage-hero-text{width:85%;margin-top:7%}.search-container{width:85%;height:80px;margin-top:25%;border-width:7px}.search-bar{font-size:16px}.view-all-link{margin-top:5%}}.theme-picker-modal{z-index:5;position:absolute;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0}.theme-selector-container{width:30%;height:25%;border-radius:20px;background-image:url(/assets/background-noise-B3w3mA70.png);background-color:#fff}.theme-modal-header{width:100%;height:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000008}.theme-modal-header-text{font-family:ClashDisplay-Variable;font-size:24px;font-weight:600;line-height:30px;text-align:center}.theme-modal-body{width:100%;height:80%;background-color:#0000001a;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;padding-left:10%;padding-right:10%}.theme-selector-circle{width:25%;aspect-ratio:1 / 1;background-color:transparent;border-radius:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}.theme-selector-circle-active{width:25%;aspect-ratio:1 / 1;background-color:transparent;border-radius:80px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid black}.theme-selector{width:80%;aspect-ratio:1 / 1;border-radius:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (min-width: 500px) and (max-width: 768px){.theme-selector-container{width:70%}}@media (max-width: 499px){.theme-selector-container{width:90%;height:20%}}.app-header{width:100%;height:10vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 4px 4px #00000008;padding-left:3%;padding-right:3%}.logo-link{width:20%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;outline:none;text-decoration:none;color:#000}.listpage-app-logo{width:50%;height:auto;margin-top:10%;margin-right:2.5%}.listpage-app-logo-text{font-family:ClashDisplay-Variable;font-size:24px;font-weight:600;line-height:30px}.list-search-container{width:40%;height:60%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:transparent;border-radius:80px;border:1px solid #E1E1E1;box-shadow:0 4px #0000000d}.list-search-icon{width:4.5%;height:auto;margin-left:3%;margin-right:1%}.list-search-bar{width:85%;height:80%;outline:none;border:none;background-color:transparent;font-family:GeneralSans-Variable;font-size:18px;font-weight:400;line-height:24px}.theme-button-circle{width:3%;aspect-ratio:1 / 1;background-color:transparent;border-radius:80px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid black;padding:0%}.theme-button-inner-circle{width:80%;aspect-ratio:1 / 1;border-radius:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (min-width: 500px) and (max-width: 768px){.logo-link{width:35%}.list-search-container{width:50%}.list-search-icon{width:7%}.theme-button-circle{width:5%}}@media (max-width: 499px){.logo-link{width:20%;flex-direction:column;justify-content:center}.listpage-app-logo{width:100%;height:auto;margin-top:10%;margin-right:2.5%}.listpage-app-logo-text{font-size:14px;font-weight:600;line-height:14px}.list-search-container{width:60%;padding-right:2%}.list-search-icon{width:10%}.list-search-bar{font-size:16px;line-height:20px}.theme-button-circle{width:7%}}.list-view-hover-container{width:23%;height:35vh;position:relative;margin-bottom:10vh}.list-view-card{width:100%;height:35vh;background-color:#fff;border-radius:20px;box-shadow:0 4px 40px #0000000f;padding-top:2%;padding-bottom:3%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;top:0;left:0}.list-card-sprite-container{width:95%;height:21vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f1f1;border-radius:15px}.list-card-sprite{width:70%;max-height:130%;margin-top:-35%}.list-view-name{font-family:ClashDisplay-Variable;font-size:24px;font-weight:500;line-height:30px;text-align:center;width:92%}.list-card-types-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.list-card-type{padding:4px 12px;background-color:#eee;border-radius:20px;font-family:GeneralSans-Variable;font-size:16px;font-weight:400;line-height:22px}.type-margin{margin-right:3%}.view-more-button{width:95%;height:5vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:5%;padding-right:5%;border:none;border-radius:10px;color:#fff;font-family:GeneralSans-Variable;font-size:16px;font-weight:400;line-height:22px}.view-more-button:hover{box-shadow:1px 4px 4px #0006}.view-more-icon{height:20px;width:auto}@media (min-width: 500px) and (max-width: 768px){.list-view-hover-container{width:47%;padding-top:1.5%;padding-bottom:5%}}@media (max-width: 499px){.list-view-hover-container{width:95%;padding-top:3%;padding-bottom:5%}}.pagination-row{width:100%;padding-left:5%;padding-right:5%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pagination-button-container{width:35vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.pagination-button{padding:0;width:3vw;height:3vw;display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:ClashDisplay-Variable;font-size:18px;font-weight:500;line-height:22px;text-align:center;outline:none;border:none;border-radius:5px}.chevron-icon{height:40%;width:auto}.ellipses-icon{width:5%;height:auto;margin-bottom:5px}.pagination-limit-dropdown{min-width:6vw;display:flex;flex-direction:column;align-items:flex-end}.pagination-limit-container{width:6vw;height:3vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#e1e1e1;padding-left:7%;padding-right:7%;border-radius:5px}.pagination-limit{height:75%;aspect-ratio:1 / 1;font-family:ClashDisplay-Variable;font-size:18px;font-weight:500;line-height:22px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px;background-color:#fff}.pagination-limit-button{outline:none;padding:none;border:none;background-color:transparent}.limit-dropdown-list{width:8vw;height:15vh;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5%;margin-top:1vh;border-radius:5px}.limit-dropdown-item{width:100%;height:2vw;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:ClashDisplay-Variable;font-size:18px;font-weight:500;line-height:22px;border:none;padding:0;background-color:#fff}.pagination-button:hover{box-shadow:1px 4px 4px #0006}.limit-dropdown-item:hover{background-color:#e1e1e1}@media (min-width: 500px) and (max-width: 768px){.pagination-button-container{width:75vw}.pagination-button{width:5.5vw;height:5.5vw}.pagination-limit-container{width:10vw;height:5.5vw}.limit-dropdown-list{width:15vw;height:15vh;padding-top:10%;padding-bottom:10%}.limit-dropdown-item{background-color:#e1e1e1;height:3.5vw}}@media (max-width: 499px){.pagination-button-container{width:75vw}.pagination-button{width:10vw;height:10vw}.pagination-limit-dropdown{align-items:flex-start}.pagination-limit-container{width:20vw;height:10vw;margin-top:2.5vh}.limit-dropdown-list{width:25vw;height:12vh;padding-top:10%;padding-bottom:10%}.limit-dropdown-item{background-color:#e1e1e1;height:5.5vw}.pagination-row{flex-direction:column;justify-content:flex-start;align-items:flex-start}}.pokemon-details-modal{z-index:5;position:absolute;width:100%;height:100vh;background-color:#00000080;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;top:0;left:0}.pokemon-details-modal-body{width:47%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:1%;padding-bottom:1%}.details-modal-header{width:95%;height:33%;background:linear-gradient(180deg,#7fcad1,#3da0a9);border-radius:15px;display:flex;flex-direction:column;padding:2%}.back-button-row{width:100%}.details-modal-back-button{border:none;background-color:#fff;width:7%;aspect-ratio:1 / 1;align-self:flex-start;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:0 4px 4px #0000001a}.details-modal-back-button:hover{background-color:#d3d3d3}.back-button-icon{width:65%;height:auto}.details-modal-sprite{width:70%;max-height:100%;align-self:center}.details-modal-content{height:57%;width:95%;background-color:transparent;padding-top:3%;padding-bottom:3%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.modal-pokemon-name{font-family:ClashDisplay-Variable;font-size:40px;font-weight:600;line-height:42px;text-align:center;padding:0;text-transform:capitalize}.detail-types-row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:-3%}.detail-type{padding:4px 12px;background-color:#eee;border-radius:20px;font-family:GeneralSans-Variable;font-size:16px;font-weight:400;line-height:22px;text-transform:capitalize}.tab-content{width:75%;margin-top:3%;box-shadow:0 0 #e9e9e9,0 -25px 24px -24px #e9e9e9;border-top:2px solid #E9E9E9;border-bottom:2px solid #E9E9E9;background:linear-gradient(270deg,#fff,#f3f0f0 10%,#fff,#f3f0f0 90%,#fff)}.tab-title-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;border-bottom:2px solid #E9E9E9}.tab-title{font-family:ClashDisplay-Variable;font-size:20px;font-weight:600;line-height:22px;letter-spacing:0em;text-align:center;text-transform:capitalize}.details-modal-footer{width:100%;height:8%;display:flex;flex-direction:column;align-items:center;justify-items:center;box-shadow:0 0 #e9e9e9,0 -28px 24px -24px #e9e9e9;padding-top:1%}.tab-nav-container{width:70%;height:100%;background-color:#e9e9e9;box-shadow:inset 0 3px 2px #0000000f;border-radius:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:1.5%;padding-right:1.5%}.modal-tab-button{width:30%;padding:0;text-align:center;border-radius:50px;height:70%;font-family:GeneralSans-Variable;font-size:18px;font-weight:500;line-height:24px;border:none;outline:none;text-transform:capitalize}@media (min-width: 500px) and (max-width: 768px){.pokemon-details-modal{justify-content:center}.pokemon-details-modal-body{width:80%;height:95%;border-radius:20px;padding-top:2.5%;padding-bottom:2.5%}.tab-content{margin-top:7%;overflow-y:scroll}.details-modal-back-button{width:10%}}@media (max-width: 499px){.pokemon-details-modal{justify-content:center}.pokemon-details-modal-body{width:90%;height:90%;border-radius:20px;padding-top:2.5%;padding-bottom:2.5%}.tab-content{margin-top:10%;overflow-y:scroll}.modal-pokemon-name{font-size:38px;line-height:40px}.details-modal-back-button{width:10%}.details-modal-footer{padding-top:2%}.tab-nav-container{width:90%}}.about-tab{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.about-row{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:10px;padding-bottom:10px}.about-text-container{width:45%}.about-right{margin-right:10%;text-align:right}.row-divider{width:55%;height:2px;background:linear-gradient(270deg,#fff,#e9e9e9 20%,#e4dcdc,#e9e9e9 80%,#fff);align-self:center}.about-label{font-family:ClashDisplay-Variable;font-size:20px;font-weight:400;line-height:22px;letter-spacing:0em;text-align:right}.about-value{font-family:ClashDisplay-Variable;font-size:20px;font-weight:600;line-height:22px;letter-spacing:0em;text-align:left}.about-abilities-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.stats-tab{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:10px}.stats-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px}.stats-label-container{width:35%;text-align:right}.stats-label{font-family:ClashDisplay-Variable;font-size:18px;font-weight:400;line-height:20px;letter-spacing:0em}.stats-bar{width:50%;height:8px;background-color:#e9e9e9}.stats-inner-bar{height:100%}.stats-value-container{width:10%}.stats-value{font-family:ClashDisplay-Variable;font-size:18px;font-weight:600;line-height:20px;letter-spacing:0em;text-align:left}.similar-tab{width:100%;height:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px}.similar-card{width:40%;height:17vh;background-color:#fff;border-radius:15px;box-shadow:0 4px 40px #0000000f;padding-top:1%;padding-bottom:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.similar-card-sprite-container{width:95%;height:13vh;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f1f1}.similar-card-sprite{width:65%;max-height:100%;margin-top:-30%}.similar-card-name{font-family:ClashDisplay-Variable;font-size:24px;font-weight:500;line-height:26px;letter-spacing:0em;text-transform:capitalize;margin-top:5px}@media (min-width: 500px) and (max-width: 768px){.similar-card{width:45%}}@media (max-width: 499px){.about-label,.about-value{font-size:18px;line-height:20px}.stats-value,.stats-label{font-size:16px;line-height:18px}.stats-row{padding-bottom:5px}.similar-card{width:47.5%;height:15vh}.similar-card-sprite-container{height:10vh}.similar-card-name{font-size:16px;line-height:18px}}.list-view-page{width:100%;height:100%}.list-page-content{width:100%;min-height:90vh;background-color:#0000000d;padding-top:12vh;display:flex;flex-direction:column;align-items:center}.list-card-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-left:5%;padding-right:5%}@media (max-width: 499px){.list-card-container{flex-direction:column}}#root{width:100%;margin:0;padding:0}div{box-sizing:border-box}:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;min-width:320px;min-height:100vh;background-image:url(/assets/background-noise-B3w3mA70.png);background-size:100% auto;padding:0;margin:0}@font-face{font-family:ClashDisplay-Variable;src:url(/assets/ClashDisplay-Variable-Buk7cB_f.woff2) format("woff2"),url(/assets/ClashDisplay-Variable-Dt2PxZhp.woff) format("woff"),url(/assets/ClashDisplay-Variable-BHZjogP3.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-Variable;src:url(/assets/GeneralSans-Variable-p1VyP7gg.woff2) format("woff2"),url(/assets/GeneralSans-Variable-DAqniUaj.woff) format("woff"),url(/assets/GeneralSans-Variable-D4t1btYN.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}