.pokemon-page{& h2{margin-top:2rem}& .fancy-border{margin-bottom:2rem}}.pokemon-page-header{& h1{& span{font-size:1.5rem;color:var(--color-primary-40)}}}.pokemon-table,.text-info{margin-top:1rem}.pokemon-nav{& img{width:2rem;height:2rem;transition:filter .3s ease;filter:brightness(.8)}& a{display:flex;align-items:center;gap:.5rem;color:var(--color-accent-70);transition:color .3s ease;&:hover{color:var(--color-accent-90);& img{filter:brightness(1.2)}}}}.move-table{margin-bottom:2rem}.pokemon__image{position:relative;margin:0 auto;& .image__background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;z-index:1;opacity:.6}& img{display:block;position:relative;width:100%;height:auto;z-index:2}&.pokemon-image--small{width:6rem;max-width:150px;& .image__background{width:60%;height:60%}}&.pokemon-image--medium{width:20rem;max-width:400px}&.pokemon-image--large{width:30rem;max-width:600px}}.pokemon-info{margin-bottom:1rem;& ul{& li{padding:.25rem 0;border-bottom:1px dotted var(--color-background-100);&>span:first-of-type{font-weight:600;color:var(--color-accent-50)}&.pokemon-info__abilities{& a{margin-bottom:0;&:after{content:","}&:last-of-type{&:after{content:""}}}}}}}.base-stats{max-width:30rem;& .stat{padding:.5rem 0;border-bottom:1px solid var(--color-accent-40);&:last-of-type{border-width:3px;border-top:3px solid var(--color-accent-40)}}& .stat__title{display:flex;width:10rem;& span:first-of-type{font-weight:600;color:var(--color-accent-90)}}& .bar{position:relative;width:calc(100% - 10rem);height:1rem;border-radius:var(--border-radius);background-color:var(--color-accent-20);overflow:hidden;&>span{position:absolute;top:0;left:0;bottom:0;height:100%}& .grade--1{background-color:var(--color-grade-1)}& .grade--2{background-color:var(--color-grade-2)}& .grade--3{background-color:var(--color-grade-3)}& .grade--4{background-color:var(--color-grade-4)}& .grade--5{background-color:var(--color-grade-5)}& .grade--6{background-color:var(--color-grade-6)}}& .total{width:100%;font-weight:600}}.pokemon-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:1rem;margin-bottom:1rem;& .joltemo-input--search{width:100%}}@media screen and (min-width:600px){.pokemon-filters{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;gap:1rem;& .joltemo-input--search{width:auto}}}.random-flavor-text{position:relative;margin-bottom:5rem;& .text-info{position:absolute;bottom:0;transform:translateY(calc(100% - 5px));padding:.75rem 1rem;max-width:23rem;font-size:.875rem;background-color:var(--color-primary-20);border-radius:var(--border-radius);z-index:2;& p{margin-bottom:0}}}.dex-text{position:relative;padding:.75rem 1rem;border-radius:var(--border-radius);max-width:30rem;font-family:var(--font-jersey-20),sans-serif;font-size:1.25rem;line-height:1.2;color:var(--color-font);background-color:var(--color-primary-30);border:5px solid var(--color-primary-30);overflow:hidden;box-shadow:0 0 10px 0 var(--color-primary-30);&:before{left:0;border-radius:var(--border-radius) 0 0 var(--border-radius)}&:after,&:before{content:"";position:absolute;top:0;width:5px;height:100%;background-color:var(--color-primary-50)}&:after{right:0;border-radius:0 var(--border-radius) var(--border-radius) 0}}.pokemon-info-dev{padding:.5rem;border:1px dotted var(--color-primary-50);background-color:var(--color-background-50);& span{& span{color:var(--color-primary-50)}}}