:root{--identity-primary:#dc0a2d;--grayscale-dark:#212121;--grayscale-medium:#666;--grayscale-light:#e0e0e0;--grayscale-background:#efefef;--grayscale-white:#fff;--headline-font-size:24px;--body1-font-size:14px;--body2-font-size:12px;--body3-font-size:10px;--subtitle1-font-size:14px;--subtitle2-font-size:12px;--subtitle3-font-size:10px;--caption-font-size:8px;--headline-line-height:32px;--common-line-height:16px;--caption-line-height:12px;--font-weight-regular:400;--font-weight-bold:700;--drop-shadow:0px 1px 3px 1px #0003;--drop-shadow-hover:0px 3px 12px 3px #0003;--drop-shadow-inner:0px 1px 3px 1px #00000040 inset}h2,h3,h4,.body1-fonts,.body2-fonts,.body3-fonts{line-height:var(--common-line-height)}h1{font-size:var(--headline-font-size);line-height:var(--headline-line-height)}h2{font-size:var(--subtitle1-font-size)}h3{font-size:var(--subtitle2-font-size)}h4{font-size:var(--subtitle3-font-size)}.body1-fonts{font-size:var(--body1-font-size)}.body2-fonts{font-size:var(--body2-font-size)}.body3-fonts{font-size:var(--body3-font-size)}.caption-fonts{font-size:var(--caption-font-size);line-height:var(--caption-line-height)}input:focus-visible{outline:0}.featured-img a.arrow.hidden{display:none}body{box-sizing:border-box;width:100vw;height:100vh;margin:0;font-family:Poppins,sans-serif}.main{background-color:var(--identity-primary);flex-direction:column;align-items:center;gap:1rem;width:100vw;height:100vh;margin:0;padding:0;display:flex}.header.home{width:90%}.container{width:100%;margin:0}.logo-wrapper{align-items:center;display:flex}.logo-wrapper>h1{color:var(--grayscale-white)}.logo-wrapper>img{margin-right:16px}.search-wrapper,.search-wrap{align-items:center;gap:16px;width:100%;display:flex}.search-wrap{background-color:var(--grayscale-white);box-shadow:var(--drop-shadow-inner);border-radius:16px;gap:8px;height:32px;position:relative}.search-icon{margin-left:16px}.search-wrap svg path{fill:var(--identity-primary)}.search-wrap>input{border:none;width:60%}.sort-wrapper{position:relative}.sort-wrap{background-color:var(--grayscale-white);box-shadow:var(--drop-shadow-inner);border-radius:100%;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;display:flex;position:relative}.search-close-icon{cursor:pointer;display:none;position:absolute;right:1rem}.search-close-icon-visible{display:block}.filter-wrapper{background:var(--identity-primary);border:4px solid var(--identity-primary);box-shadow:var(--drop-shadow-hover);z-index:5000;border-top:0;border-radius:12px;min-width:113px;padding:0 4px 4px;display:none;position:absolute;top:40px;right:0}.filter-wrapper-open{display:block}.filter-wrapper-overlay .main:before{z-index:2;background-color:#0006;width:100%;height:100%;position:absolute;inset:0}.filter-wrapper>.body2-fonts{color:var(--grayscale-white);font-weight:var(--font-weight-bold);padding:16px 20px}.filter-wrap{background-color:var(--grayscale-white);box-shadow:var(--drop-shadow-inner);border-radius:8px;padding:16px 20px}.filter-wrap>div{align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-wrap>div:last-child{margin-bottom:0}.filter-wrap input{accent-color:var(--identity-primary)}.pokemon-list{background-color:var(--grayscale-white);box-shadow:var(--drop-shadow-inner);border-radius:.75rem;width:calc(100% - 1rem);min-height:calc(85.5% - 1rem);max-height:100px;overflow-y:auto}.list-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.list-item{box-shadow:var(--drop-shadow);background-color:var(--grayscale-white);text-align:center;cursor:pointer;border-radius:8px;width:8.85rem;height:8.85rem;text-decoration:none}.list-item .number-wrap{text-align:right;color:var(--grayscale-medium);min-height:16px;padding:0 8px}.list-item .name-wrap{background-color:var(--grayscale-background);color:var(--grayscale-dark);border-radius:7px;margin-top:-18px;padding:24px 8px 4px}.list-item .img-wrap{width:72px;height:72px;margin:auto}.list-item .img-wrap img{width:100%;height:100%}.detail-main .header{z-index:2;padding:20px 20px 24px;position:relative}.detail-main .header-wrapper{justify-content:space-between;align-items:center;column-gap:15px;display:flex}.detail-main .header-wrap{align-items:center;column-gap:8px;display:flex}.detail-main .back-btn-wrap{max-height:32px}.detail-main .back-btn-wrap path,.detail-main .header-wrapper p,.detail-main .header-wrapper h1{fill:var(--grayscale-white);color:var(--grayscale-white)}.detail-main .pokemon-id-wrap p{font-weight:var(--font-weight-bold)}.detail-img-wrapper{z-index:3;width:200px;height:200px;margin:auto;position:relative}.detail-img-wrapper img{width:100%;height:100%}.detail-card-detail-wrapper{background-color:var(--grayscale-white);box-shadow:var(--drop-shadow-inner);z-index:2;border-radius:8px;flex-direction:column;margin-top:-50px;padding:56px 20px 20px;display:flex;position:relative}.power-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.power-wrapper>p{font-weight:var(--font-weight-bold);color:var(--grayscale-white);text-transform:capitalize;background-color:#74cb48;border-radius:10px;padding:2px 8px}.pokemon-detail.move p{text-transform:capitalize;word-break:break-all;margin-top:1px;margin-bottom:1px}.list-item .name-wrap p{text-transform:capitalize}.detail-card-detail-wrapper .about-text{font-weight:var(--font-weight-bold);text-align:center}.pokemon-detail-wrapper{align-items:flex-end;display:flex}.pokemon-detail-wrapper .pokemon-detail-wrap{text-align:center;flex:1;position:relative}.pokemon-detail-wrap:before{content:"";background-color:var(--grayscale-light);width:1px;height:100%;margin:auto;position:absolute;top:0;bottom:0;right:0}.pokemon-detail-wrap:last-child:before{display:none}.pokemon-detail{justify-content:center;align-items:center;gap:8px;padding:8px 20px;display:flex}.pokemon-detail-wrapper{min-height:76px}.pokemon-detail.move{flex-direction:column;align-items:center;gap:0;padding:8px 5px}.pokemon-detail-wrap>.caption-fonts{color:var(--grayscale-medium);margin-top:2px}.pokemon-detail-wrap .straighten{transform:rotate(90deg)}.detail-card-detail-wrapper .pokemon-description{color:var(--grayscale-dark);text-align:center;max-width:480px}.stats-wrap{align-items:center;display:flex}.stats-wrap p{color:var(--grayscale-dark);min-width:19px;margin-right:8px}.stats-wrap p.stats{text-align:right;border-right:1px solid var(--grayscale-light);font-weight:var(--font-weight-bold);min-width:80px;padding-right:8px}.stats-wrap .progress-bar{border-radius:4px;flex:1;height:4px}.stats-wrap .progress-bar::-webkit-progress-bar{border-radius:4px}.stats-wrap .progress-bar::-webkit-progress-value{border-radius:4px}.detail-bg{z-index:1;opacity:.1;position:absolute;top:8px;right:8px}.detail-bg path{fill:var(--grayscale-white)}div#not-found-message{font-size:20px;font-weight:600;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arrow img{filter:brightness(0)grayscale()invert();width:28px}.featured-img{position:relative}.featured-img a.arrow{z-index:999;display:inline-block;position:absolute;top:50%;transform:translateY(-50%)}.featured-img a.arrow.left-arrow{left:-2rem}.featured-img a.arrow.right-arrow{right:-2rem}.detail-main.main{background-color:#0000;border-color:#0000;height:max-content}.socials-container{text-align:center}.social-media-element{background-color:#212121;border-radius:5px;margin-left:2px;margin-right:2px;padding:3px;font-size:16px;display:inline-block}.social-media-element a{color:#d3d3d3;text-decoration:none}.detail-card-detail-wrapper{min-width:400px;max-width:430px}.pokemon-detail a{color:#212121;text-decoration:none}body{opacity:0;transition:opacity 1s}
/*# sourceMappingURL=detail.f3e36001.css.map */