.about{height:100%;width:100%;height:-webkit-fill-available;overflow:auto;width:-webkit-fill-available}#search-filter-form{position:sticky;top:0;z-index:4}#search-filter-form,.form-search{margin:0;border:0;font:inherit;vertical-align:baseline}.form-search{padding:0}.input-group{margin:0;border:0;font:inherit;vertical-align:baseline;border-radius:16px;background:#fbfbfb;box-shadow:3px 5px 10px rgba(0,0,0,.05);display:flex;padding:10px 20px}input::Placeholder{color:var(--gray-400)}.input-group input{flex:1;outline:none;border:0;background:transparent;font-size:.9rem;color:#383838;color:var(--gray-500)}.input-group button{margin-left:auto;background:transparent;border-radius:20px;border:0;color:#383838;color:var(--gray-400);cursor:pointer;outline:none;width:32px;height:32px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#poke-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px;grid-row-gap:30px;justify-items:stretch;align-items:stretch;padding-top:20px;-webkit-overflow-scrolling:touch;-webkit-overflow-scrolling:auto;padding-bottom:140px;top:0;padding-bottom:12em}.card{display:flex;background:#fbfbfb;padding-top:18px;border-radius:20px;position:relative;flex-direction:column;align-items:center;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.02),0 2px 4px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02),0 8px 16px rgba(0,0,0,.02),0 16px 32px rgba(0,0,0,.02),0 32px 64px rgba(0,0,0,.02);transform:translatey(50px);height:16em;height:auto;height:240px;justify-content:space-between}.card:hover{cursor:pointer}.card__image{z-index:1;margin-top:-5px;transition:all .3s ease;height:80%;display:contents}.card__image img{filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));max-width:100%;height:80%;width:-webkit-fit-content;-o-object-fit:contain;object-fit:contain;width:85%;height:75%;height:145px}.card__number{position:absolute;top:10px;right:10px;padding:8px 16px;font-family:Montserrat,sans-serif;color:#383838;background:hsla(0,0%,100%,.6);z-index:3;border-radius:13.3333333333px;font-size:.7rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card__detail{width:-webkit-fill-available;display:flex;flex-direction:column;padding:12px;height:-webkit-fill-available;align-items:flex-start;justify-content:flex-start;height:auto;padding-left:13px;gap:8px;padding-top:0;padding-bottom:8px}.card__name{font-family:Montserrat,sans-serif;font-size:1.3em;font-weight:700;color:#383838;text-transform:capitalize;z-index:3;text-align:center;position:relative;color:rgba(1,2,6,.7686274509803922);color:var(--gray-700);text-align:left;font-family:Poppins;font-weight:600;font-size:16px}.card__types{display:flex;justify-content:flex-start;width:-webkit-fill-available;align-items:center}.card__types div{font-family:Montserrat,sans-serif;color:rgba(47,47,47,.8);background:hsla(0,0%,100%,.6);z-index:3;border-radius:12px;font-size:12px;font-family:Poppins;-webkit-backdrop-filter:blur(5px);text-transform:capitalize;padding:5px 6px;font-size:9px;background:rgba(255,95,196,.16862745098039217);color:rgba(255,0,130,.7686274509803922);background:rgba(217,215,225,.2196078431372549);color:rgba(99,105,120,.8509803921568627);background:var(--gray-100);color:var(--gray-400);font-weight:500;list-style:none;border-radius:6px}.FoodList[data-v-511652fc]{display:flex;gap:12px;flex-direction:column;height:100%;padding-top:32px;padding-bottom:150px;overflow:auto;height:auto}.category .category-title[data-v-511652fc]{font-weight:500;color:var(--gray-600);padding-bottom:6px;font-size:15px}.category .category-list[data-v-511652fc]{display:flex;gap:12px;flex-direction:column}.search[data-v-511652fc]{position:sticky;top:0;z-index:4;margin:0;border:0;font:inherit;vertical-align:baseline;border-radius:16px;background:#fbfbfb;box-shadow:3px 5px 10px rgba(0,0,0,.05);display:flex;padding:10px 16px}.search button[data-v-511652fc]{margin-left:auto;background:transparent;border-radius:20px;border:0;color:var(--gray-400);cursor:pointer;outline:none;width:32px;height:32px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search input[data-v-511652fc]{flex:1;outline:none;border:0;background:transparent;font-size:.9rem;color:#383838;color:var(--gray-500)}.search input[data-v-511652fc]::Placeholder{color:var(--gray-400)}