.type-stripe{position:absolute;top:0;left:0;width:100%;height:.5rem;opacity:.8}.ability-toggle{padding-bottom:.5rem;border-bottom:1px solid var(--color-primary-40);& .ability-toggle__ability-name{&:before{content:"";width:.5rem;height:.5rem;background-color:var(--color-accent-50);border-radius:50%}}& .ability-toggle__editor{margin-top:.5rem}}.gender-wrapper{& svg{display:block;margin:0;width:1.5rem;height:1.5rem}& .gender--female{& svg{fill:var(--color-female)}}& .gender--male{& svg{fill:var(--color-male)}}& .gender--genderless{& svg{fill:gray}}}.poke-card__notes{border-radius:var(--border-radius)}.notes__text{margin:0;line-height:1.4;color:var(--color-primary-80);font-size:.875rem;white-space:pre-wrap;word-wrap:break-word}.notes__placeholder{margin:0;color:var(--color-primary-70);font-size:.875rem;font-style:italic;opacity:.7}.notes__save-button{border-color:var(--color-bulbasaur)!important}.notes__cancel-button{border-color:var(--color-charmander)!important}.poke-card{position:relative;padding:.75rem .5rem .5rem;background-color:var(--color-background-40);border-radius:var(--border-radius);overflow:hidden;min-height:100%;& .poke-card__header{padding-top:.5rem}& .poke-card__image{padding:.5rem;width:3rem;height:3rem;background-color:var(--color-background-90);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-primary-80);& img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;scale:2}}& .poke-card__label{font-size:.75rem;opacity:.75}}@media screen and (min-width:640px){.poke-card{padding:1rem}}@media screen and (min-width:768px){.poke-card{& .poke-card__label{font-size:1rem}& .poke-card__image{width:4rem;height:4rem}}}.team-name-wrapper{padding:.5rem 0;margin:1rem 0 0;& .team__edit-field{width:100%;&>*{width:100%}}& h2{margin:0;color:var(--color-accent-90);font-size:1.75rem}& .team__subtitle{display:block;margin-bottom:-.5rem;font-size:.9rem;color:var(--color-accent-80);transition:transform .2s ease}& .team__title{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;margin-bottom:.5rem;max-width:600px;border-bottom:1px solid var(--color-background-90)}&.team__title--edit-mode{& .team__subtitle{transform:translateY(-10px)}}}@media screen and (min-width:768px){.team-name-wrapper{& .team__edit-field{flex-direction:row;align-items:center;justify-content:space-around;&>*{margin-bottom:0}& .team__edit-buttons{justify-content:end}}& .team__title{max-width:800px;flex-direction:row}}}.poke-team{margin-bottom:2rem;width:100%;& .button--move-to-bench{margin-top:auto}}.team__slots-used{display:block;margin-bottom:1rem;opacity:.8}.bench-wrapper{margin-top:1rem;margin-bottom:3rem;& h3{font-size:1.75rem}}.poke-team__empty-slot{border:1px solid var(--color-background-30);opacity:.6}.bench-pokemon{position:relative;overflow:hidden}.bench-pokemon__actions{margin-top:auto;&.button--remove-from-bench{&.removing{background-color:#ccc;cursor:not-allowed;opacity:.7}}}@media screen and (max-width:500px){.bench-pokemon__actions{flex-direction:column}}.team-search{margin-bottom:2rem;& label{display:block;margin-bottom:.5rem}& .search-results{border:2px solid blue}}.team-search-input-container{position:relative;max-width:600px}.team-search-results-wrapper{height:0;transition:height .2s ease;overflow:hidden;will-change:height;& .team-search-results{list-style:none;padding:0;margin:0;background-color:var(--color-background-40)}& .team-search-item{padding:.5rem .5rem 1rem;border-bottom:1px solid var(--color-background-90);& .pokemon-image-wrapper{margin:0;width:3rem;height:3rem;overflow:hidden;background-color:var(--color-background-90);border-radius:var(--border-radius);border:1px solid var(--color-primary-80);img{transform:scale(1.25)}}& .button--add-to-bench{margin-left:auto}}& .no-results{display:flex;align-items:center;justify-content:center;min-height:100%}}@media screen and (min-width:768px){.team-search-results-wrapper{& .team-search-results{display:flex;flex-wrap:wrap;gap:.5rem;&>*{width:calc(50% - .5rem)}}}}@media screen and (min-width:1024px){.team-search-results-wrapper{& .team-search-results{&>*{width:calc(33.333% - .667rem)}}}}